LebGeeks

A community for technology geeks in Lebanon.

You are not logged in.

#1 November 9 2011

Chup
Member

Upload Website Under Construction

Hey There,
the title is self explanatory i guess...
I just want to upload a website under construction page.
I'm not the website's developer and it's hosted with cyberia.
I got the FTP credentials and i'm using Fire FTP add-on for mozilla.
Logged in , and i'm the root folder.
Now what :)
Replace the index.html ?

Offline

#2 November 9 2011

Joe
Member

Re: Upload Website Under Construction

Replace the index.html

Yes.


If that doesn't work (unlikely), try to look into the configuration of your web server (probably Apache or IIS).

Offline

#3 November 9 2011

Chup
Member

Re: Upload Website Under Construction

Replace the index.html

Yes.

can i design something on illustrator, save the pic as html, rename it index.html and simply replace it ?

Offline

#4 November 9 2011

MrClass
Member

Re: Upload Website Under Construction

Just make an index.html file that contains an image (which you have created with illustrator), use the <img> tag. Though keep the image size as low as possible.

Offline

#5 November 9 2011

Joe
Member

Re: Upload Website Under Construction

it would be better to do something like this:

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
    <title>My super cool website under construction</title>
</head>
<body>
    <img src="link/to/your/img.jpg" title="" alt=""/>
</body>

Don't forget to upload the image too.

Offline

#6 November 9 2011

Chup
Member

Re: Upload Website Under Construction

that's the index.html i have now

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>

<body>

<p align="center">
<img border="0" src="UNDER-CONTRUCTIONsec.gif" width="800" height="600"></p>

</body>

</html>

the gif file is already there, but it's not published ...
What's missing in the code ?

Last edited by Chup (November 9 2011)

Offline

#7 November 9 2011

rtp
Member

Re: Upload Website Under Construction

the image tag is self closing meaning you have to add a '/' before you close it example

<img src='me.jpg' />

i think you are missing that in your code

correct version:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>

<body>

<p align="center">
<img border="0" src="UNDER-CONTRUCTIONsec.gif" width="800" height="600" /></p>

</body>

</html>

and be advised that the image you are reading should be on the same level with your index, the way you put your code...

its better if you create a folder named images on the same level as index.html which might be there as a default folder on your webserver, if it is not create one name it 'images'

and change the image src='images/UNDER-CONTRUCTIONsec.gif'

Last edited by bluewolf (November 9 2011)

Offline

#8 November 9 2011

Chup
Member

Re: Upload Website Under Construction

the 1st code i pasted was an "_index.html" file , i just found the "index.html" file.
original index.html :

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Index</title>
</head>

<body>
<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
  <tr>
    <th align="left" valign="top" scope="row"><table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
      <tr>
        <th align="left" valign="top" scope="row"><a href="index.html"><img src="logo.gif" width="186" height="84" border="0" align="top" /></a></th>
        <td align="left" valign="top"><table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
          <tr>
            <th align="left" valign="top" scope="row"><img src="white-v.gif" width="1" height="36" align="top" /></th>
            <td align="left" valign="top"><img src="banner.gif" width="600" height="84" align="top" /></td>
            <td align="left" valign="top"><img src="white-v.gif" width="1" height="36" align="top" /></td>
          </tr>
        </table></td>
        <td align="left" valign="top"><table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
          <tr>
            <th align="left" valign="top" scope="row"><table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
              <tr>
                <th align="left" valign="top" scope="row"><a href="index.html"><img src="homey.gif" width="53" height="37" border="0" align="left" /></a></th>
                <td align="left" valign="top"><img src="contact.gif" width="72" height="37" align="left" /></td>
                <td align="left" valign="top"><img src="site-map.gif" width="61" height="37" align="left" /></td>
              </tr>
            </table></th>
          </tr>
          <tr>
            <th align="left" valign="top" scope="row"><img src="join.gif" width="186" height="46" align="left" /></th>
          </tr>
          
        </table></td>
      </tr>
      <tr>
        <th align="left" valign="top" scope="row"><img src="white-h.gif" width="186" height="1" align="top" /></th>
        <td align="left" valign="top"><img src="white-h.gif" width="186" height="1" align="top" /></td>
        <td align="left" valign="top"><img src="white-h.gif" width="186" height="1" align="top" /></td>
      </tr>
      <tr>
        <th align="left" valign="top" scope="row"><table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
            <tr>
              <th align="left" valign="top" scope="row"><a href="au.html"><img src="about.gif" width="186" height="37" border="0" align="top" /></a></th>
            </tr>
            <tr>
              <th align="left" valign="top" scope="row"><img src="white-h.gif" width="186" height="1" align="top" /></th>
            </tr>
            <tr>
              <th align="left" valign="top" scope="row"><a href="sc.html"><img src="sister.gif" width="186" height="36" border="0" align="top" /></a></th>
            </tr>
            <tr>
              <th align="left" valign="top" scope="row"><img src="white-h.gif" width="186" height="1" align="top" /></th>
            </tr>
            <tr>
              <th align="left" valign="top" scope="row"><a href="products.html"><img src="products.gif" width="186" height="36" border="0" align="top" /></a></th>
            </tr>
            <tr>
              <th align="left" valign="top" scope="row"><img src="white-h.gif" width="186" height="1" align="top" /></th>
            </tr>
            <tr>
              <th align="left" valign="top" scope="row"><a href="ser.html"><img src="services.gif" width="186" height="36" border="0" align="top" /></a></th>
            </tr>
            <tr>
              <th align="left" valign="top" scope="row"><img src="white-h.gif" width="186" height="1" align="top" /></th>
            </tr>
            <tr>
              <th align="left" valign="top" scope="row"><a href="of.html"><img src="offers.gif" width="186" height="35" border="0" align="top" /></a></th>
            </tr>
            <tr>
              <th align="left" valign="top" scope="row"><img src="white-h.gif" width="186" height="1" align="top" /></th>
            </tr>
            <tr>
              <th align="left" valign="top" scope="row"><a href="co.html"><img src="career.gif" width="186" height="35" border="0" align="top" /></a></th>
            </tr>
            <tr>
              <th align="left" valign="top" scope="row"><img src="white-h.gif" width="186" height="1" align="top" /></th>
            </tr>
            <tr>
              <th align="left" valign="top" scope="row"><a href="cu.html"><img src="contac.gif" width="186" height="36" border="0" /></a></th>
            </tr>
            <tr>
              <th align="left" valign="top" scope="row"><img src="white-h.gif" width="186" height="1" /></th>
            </tr>
            <tr>
              <th align="left" valign="top" scope="row"><img src="unknown.gif" width="186" height="36" align="top" /></th>
            </tr>
            <tr>
              <th align="left" valign="top" scope="row"><img src="white-h.gif" width="186" height="1" align="top" /></th>
            </tr>
            <tr>
              <th align="left" valign="top" scope="row"><img src="down.gif" width="186" height="78" align="top" /></th>
            </tr>
        </table></th>
        <td align="left" valign="top"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="600" height="373" align="left">
          <param name="movie" value="securatel animation.swf" />
          <param name="quality" value="high" />
          <param name="SCALE" value="exactfit" />
          <embed src="securatel animation.swf" width="600" height="373" align="left" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" scale="exactfit"></embed>
        </object></td>
        <td align="left" valign="top"><table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
            <tr>
              <th align="left" valign="top" scope="row"><img src="search.gif" width="186" height="37" align="left" /></th>
            </tr>
            <tr>
              <th scope="row"><img src="news.gif" width="186" height="338" align="left" /></th>
            </tr>
            <tr>
              <th align="left" valign="top" scope="row"> </th>
            </tr>
        </table></td>
      </tr>
      <tr>
        <th colspan="3" align="left" valign="top" scope="row"> </th>
        </tr>
    </table></th>
  </tr>
  <tr>
    <th align="left" valign="top" scope="row"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="left" valign="top"> </td>
        </tr>
    </table></th>
  </tr>
</table>
</body>
</html>

So i'm guessing i should just back up the index.html on my desktop, rename the _index.html , and i'm good too go ?
That about right ?

Offline

#9 November 9 2011

Joe
Member

Re: Upload Website Under Construction

Yes Chup that should work in any case, you don't need us to try it for yourself ;-)


A small remark if I may, your webdesigner is using tables for formatting. You're not familiar with HTML so you may not know that, but this technique is an extremely bad idea. I cannot overstat this. This is not even a debate. It's simply a trick for lazy programmers. In this day and age of mobile browsers, tablets and smartphones, SEO and HTML5/CSS3, this is simply unacceptable.

Up to you to bring it up with him ;)

Offline

#10 November 9 2011

Chup
Member

Re: Upload Website Under Construction

That's the thing.
We're bringing in a completely new platform , that's why i need that under construction page
Thanks a lot for your help guys

Offline

#11 November 9 2011

Chup
Member

Re: Upload Website Under Construction

just a question,

<img border="0" src="UNDER-CONTRUCTIONsec.gif" width="800" height="600" /></p>

i have the picture in a httpdocs/UNDER-CONTRUCTIONsec.gif
i fixed the code to :

<img border="0" src="/httpdocs/UNDER-CONTRUCTIONsec.gif" width="800" height="600" /></p>

still getting this :

The requested URL /httpdocs/UNDER-CONTRUCTIONsec.gif was not found on this server.

Offline

#12 November 9 2011

Joe
Member

Re: Upload Website Under Construction

Replace it with

<img border="0" src="httpdocs/UNDER-CONTRUCTIONsec.gif" width="800" height="600" />

Notice I took away the "/" in front of httpdocs. For more info.

Offline

#13 November 9 2011

rolf
Member

Re: Upload Website Under Construction

The address in "src" should be the one relative to the index.html.
If the image is in the same folder then index.html, then no need to put anything before the image name.
Check capitals... it is case sensitive. A common beginner mistake, is to write src="Photo.jpg" and call the image file photo.jpg . It doesn't work.
Also, to make sure the image is there and all, you can point your browser directly to it. For example if you point to http://www.mywebsite.com to see index.html, Just point your browser to http://www.mywebsite.com/UNDER-CONTRUCTIONsec.gif and the image should appear. If it doesn't then either you mistyped the address (remember... caps), misplaced the file, or the image is corrupted.
What exactly is happening when you open the webpage in your browser?

Last edited by rolf (November 9 2011)

Offline

#14 November 9 2011

Chup
Member

Re: Upload Website Under Construction

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Website Under Construction</title>
</head>

<body>

<p align="center">
<img border="0" src="httpdocs/UNDER-CONTRUCTIONsec.gif" width="800" height="600"></p>

</body>

</html>

I'm gonna try removing the source because the picture is in fact in the same folder as index
@Rolf : I'll check for case sensitive
the image doesn't show
When clicking on view image i get :

The requested URL /httpdocs/UNDER-CONTRUCTIONsec.gif was not found on this server.

Last edited by Chup (November 9 2011)

Offline

#15 November 9 2011

Chup
Member

Re: Upload Website Under Construction

SUCCESS !!!

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Website Under Construction</title>
</head>

<body>

<p align="center">
<img border="0" src="UNDER-CONTRUCTIONsec.gif" width="800" height="600"></p>

</body>

</html>

Mucho mucho gracias guys

Last edited by Chup (November 9 2011)

Offline

#16 November 9 2011

Tigerheart.Hackers
Member

Re: Upload Website Under Construction

Dude, just send the picture over and we'll send you the site done. Not a big deal, takes like a minute.

Offline

Board footer