Uploading Site To Freewebs

Discussion in 'Web Design & Programming' started by matttibb, Feb 13, 2005.

  1. matttibb

    matttibb Geek Trainee

    Likes Received:
    1
    Trophy Points:
    0
    I have built a web-site using Dreamweaver and i'm trying to upload it onto my freewebs account. I upload the htmls and all the images etc but they have to be done indivdually because I am not a premium user. For some reason only the text loads with no template when i preview the site :swt: Any ideas??? Thanks in advance, Matt :good:
     
  2. ProcalX

    ProcalX all grown up

    Likes Received:
    26
    Trophy Points:
    48
    This would be because you havn't uploaded your images to the right location - check the locations of where the images are trying to load from in the html then amend them, as they may be trying to load from example:
    C:\Documents and Settings\UserXXX\My Documents\My Pictures\xxx.jpg
    when your website might be in:
    C:\Documents and Settings\UserXXX\Website\
     
  3. matttibb

    matttibb Geek Trainee

    Likes Received:
    1
    Trophy Points:
    0
    Can't belive I didn't think of that. Cheers, i'll try it in a bit. I'm not too sure about what to change the links to though...
     
  4. matttibb

    matttibb Geek Trainee

    Likes Received:
    1
    Trophy Points:
    0
    I have the images up but there is still no background, so it is white. The boxes etc also involved in the template are not up. I understand i'm being quite vague but any help is appreicated.
     
  5. Waffle

    Waffle Alpha Geek

    Likes Received:
    38
    Trophy Points:
    0
    This site, did you design it from a premade template?

    When you saved it, two files should have been created, an index.html file, and a folder called images.

    Going back to what PX said, it is likely in the code the img tags have the wrong link on them. So if the images have been uploaded into your Images Directory, which they should have by default, then the code will need to read "images/picture1.jpg" for example.

    Can you print a screenshot, or give us a link to the site so we can see what it looks like, then we can help work out if its the coding or whatever.
     
  6. Addis

    Addis The King

    Likes Received:
    91
    Trophy Points:
    48
    In dreamweaver, I think when you click an image it should show the properties box and in design/code it will show you the code for that object. Then all it takes is changing the img ref.
     
  7. matttibb

    matttibb Geek Trainee

    Likes Received:
    1
    Trophy Points:
    0
    Yes Waffle, it was a pre-made template. I have managed to change all of the coding so the images are found now but the template itself will not come up. E.g. The text in the nav bar appears but there are no graphics for the nav bar. I uploaded all the images and Index.html, also some other files called swap.js and style.css. I only uploaded these to see if it made any difference. I'll get to work on posting the code so you can see if there's something wrong. Cheers, Matt

    **Edit** And when i do post the code, you'll probly be a bit confused by the content... You'll understand when the site is up and running :chk:
     
  8. matttibb

    matttibb Geek Trainee

    Likes Received:
    1
    Trophy Points:
    0
    This is the code on the homepage (ignore links) :

    HTML:
    <?xml version="1.0" encoding="iso-8859-1"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <!-- TemplateBeginEditable name="doctitle" --> 
    <title>NeedPondweed</title>
    <!-- TemplateEndEditable --> 
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link href="file:////style.css" rel="stylesheet" type="text/css" />
    <script language="javascript1.2" src="file:///swap.js" type="text/javascript"></script>
    <!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable --> 
    <style type="text/css">
    <!--
    .style1 {
    	font-family: "Courier New", Courier, mono;
    	font-size: xx-large;
    	color: #66FF00;
    }
    .style3 {
    	font-family: "Courier New", Courier, mono;
    	font-weight: bold;
    	font-size: 18px;
    }
    .style5 {font-family: "Courier New", Courier, mono; font-size: large; color: #66FF00; }
    .style6 {
    	color: #FFFFFF;
    	font-size: 18px;
    }
    .style7 {color: #FFFFFF}
    .style9 {
    	font-family: "Courier New", Courier, mono;
    	font-size: 16px;
    }
    -->
    </style>
    </head>
    <body>
    <body bgcolor="#000000">
    <table width="788" border="0" align="center" cellpadding="0" cellspacing="2" class="border">
      <tr> 
        <td width="782" height="1124" align="right"> <table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr> 
              <td valign="top" class="barheader"><div align="right"></div></td>
              <td width="193" align="right" class="barheader">&nbsp;</td>
            </tr>
            <tr> 
              <td class="header style1"><div align="left"><img src="images/header.jpeg" width="763" height="70" />  </div>
              </td>
            </tr></table>
          <table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr> 
              <td width="130" valign="top" class="menu"><br /> 
                <img src="file:////images/arrow_down.gif" alt="" name="webdesign" width="7" height="7" id="webdesign" /> 
                <a href="#" class="style3" onmouseover="Arrow('webdesign')" onmouseout="Arrow('webdesign')">Navigation</a><br /> <img src="file:///menu_line.gif" alt="" width="131" height="3" /><br /> 
                <img src="file:///images/arrow_down.gif" alt="" name="graphics" width="7" height="7" id="graphics" /> 
                <a href="#http://www.freewebs.com/needpondweed/index.htm" onmouseover="Arrow('graphics')" onmouseout="Arrow('graphics')">Home</a><br />            
                <img src="file:////images/menu_line.gif" alt="" width="131" height="3" /><br /> 
                <img src="file:///images/arrow_down.gif" alt="" name="video" width="7" height="7" id="video" /> 
                <a href="#" onmouseover="Arrow('video')" onmouseout="Arrow('video')">Flash Cartoons </a><br /> <img src="file:////images/menu_line.gif" alt="" width="131" height="3" /><br /> 
                <img src="file:///images/arrow_down.gif" alt="" name="hosting" width="7" height="7" id="hosting" /> 
                <a href="#" onmouseover="Arrow('hosting')" onmouseout="Arrow('hosting')">Games</a><br /> 
                <img src="file:///images/menu_line.gif" alt="" width="131" height="3" /><br /> 
                <img src="file:///images/arrow_down.gif" alt="" name="print" width="7" height="7" id="print" /> 
                <a href="#" onmouseover="Arrow('print')" onmouseout="Arrow('print')">Random</a><br /> 
                <img src="file:////images/menu_line.gif" alt="" width="131" height="3" /><br /> 
                <img src="file:////images/arrow_down.gif" alt="" name="hosting" width="7" height="7" id="hosting" /> <a href="#" onmouseover="Arrow('hosting')" onmouseout="Arrow('hosting')"> Links</a><br /> <img src="file:////images/menu_line.gif" alt="" width="131" height="3" /><br />            
                <img src="file:////images/arrow_down.gif" alt="" name="hosting" width="7" height="7" id="hosting" /> More Soon! <br />            
                <img src="file:////images/menu_line.gif" alt="" width="131" height="3" /><br />            <br />            
                <br />            <br /> 
                <img src="file://images/arrow_down.gif" alt="" name="fordisplay" width="7" height="8" id="fordisplay" /> <br /> 
                <br /> <div align="center"><a href="javascript:void(document.location='http://validator.w3.org/check?uri='+document.location)"><img src="file:///images/vxhtml10.gif" alt="This page contains valid XHTML" width="75" height="25" border="0" /></a></div>
                <br /> <div align="center">
                  <p><a href="javascript:void(document.location='http://jigsaw.w3.org/css-validator/validator?uri='+document.location)"><img src="file:////images/vcss.gif" alt="This page contains valid CSS" width="75" height="25" border="0" /></a><br />
                   
                  </p>
                  <p>&nbsp;</p>
                  <p>&nbsp;</p>
                  <p>&nbsp;</p>
                  <p><img src="freak.jpg" width="126" height="166" /></p>
                  <p>&nbsp;</p>
                  <p>&nbsp;</p>
                  <p>&nbsp;</p>
                  <p>&nbsp;</p>
                  <p>&nbsp;</p>
                  <p>&nbsp;</p>
                  <p>&nbsp;</p>
                </div></td>
              <td width="620" valign="top" class="main"><!-- TemplateBeginEditable name="Content" -->
                <p class="style5"><u>Need Pondweed (Updated Randomly)</u></p>
                <p class="style5">&nbsp;</p>
                <style type="text/css">
    <!--
    .style1 {
    	font-size: 18px;
    	font-family: "Courier New", Courier, mono;
    	color: #FFFFFF;
    }
    -->
    </style>
    <p class="style3 style3 style1"><span class="style5">Hello</span>, if you need some high quality pondweed give me a call and we'll sort out prices. </p>
    <p class="style3 style1">Most stuff on here is either made by me or stolen so enjoy. I'll be adding new stuff when I can be bothered </p>
    <p class="style3 style1">&nbsp;</p>
    <p class="style3 style1">*WARNING*</p>
    <p class="style3"><span class="style1">If you are easily offended,  <a href="http://www.google.com/" class="style5"><u>here</u> </a>is an excellent website to find something more to your tastes.</span></p>
     <hr />
                
    <style type="text/css">
    <!--
    .style2 {
    	font-family: "Courier New", Courier, mono;
    	font-size: 14px;
    	color: #FFFFFF;
    }
    .style3 {font-family: "Courier New", Courier, mono; font-size: 18px; color: #FFFFFF; }
    -->
    </style>
    <p class="style3">News </p>
    <p class="style2">13th February 2005 - Site has undergone a make-over despite being only a few days old. I hated the old template so I uploaded my own to freewebs, hopefully this will be better.
    </p>
     <hr />
                <p class="style3">&nbsp;</p>
                <p class="style3"><img src="spliff.jpg" width="359" height="261" /></p>
                <p>&nbsp;</p>
                <p align="center" class="style3">&nbsp;</p>
                <p class="style3">&nbsp;</p>
                <p class="style5">&nbsp;</p>
              <!-- TemplateEndEditable --> 
              </td>
            </tr>
          </table>
          <table width="750" border="0" cellspacing="0" cellpadding="0">
            <tr> 
              <td width="557" valign="top" class="barheader"><span class="main">Copyright 2005 NeedPondweed</span></td>
              <td width="193" class="style5"><div align="center"><a href="mailto:[email protected]" class="style7">Contact Me </a></div></td>
            </tr>
          </table></td>
      </tr>
    </table>
    </body>
    </html>
     
  9. Sniper

    Sniper Administrator Staff Member

    Likes Received:
    59
    Trophy Points:
    63
    remove all instances of
    PHP:
    file:////
    its looking for the files on your computer not the webhost.
     
  10. matttibb

    matttibb Geek Trainee

    Likes Received:
    1
    Trophy Points:
    0
    Duh i did it again! :rolleyes: Simple things i just don't see. Thanks sniper it worked :good:
     

Share This Page