Differences
This shows you the differences between the selected revisions of the page.
| 2014-10-09 | 2014-10-09 | ||
| no summary (196.21.109.254) (hidden) | Restored revision 1412232092. Undoing revisions 1412859444, 1412859480. (martin) (hidden) | ||
| Line 10: | Line 10: | ||
| * [[guide_connect|Connect to your webhosting account]]. | * [[guide_connect|Connect to your webhosting account]]. | ||
| - | <html> | + | ===== Web Site Directory ===== |
| + | Once you are connected, make sure you are in the remote directory dedicated to store a web pages. It may be the one you get in after logging in (it is the case if you do not see any subdirectories after logging in). But with some providers you will have several subdirectories available, from which only one is visible on the Internet. Such subdirectory will have a name like ''www'', ''htdocs'', ''httpdocs'', ''public_html'' or other. | ||
| - | <head> | + | All files you upload to this directory will be visible on the Internet. So for example if you upload your page ''pictures.html'' into your web directory ''htdocs'' and your site domain is ''example.com'', anyone will be able to see your page at address ''http://example.com/pictures.html''. |
| - | <title>contact us</title> | + | |
| - | <style> | + | By convention there is a single file that gets displayed if you do not specify any file in the address directly, i.e. frontpage. The name of the file is usually ''index.html'' or ''index.htm'' (or different extension if you use some scripting language). |
| - | div.background { | + | |
| - | width: 50%; | + | |
| - | height: 50%; | + | |
| - | background: url(http://propertymaputo.com/wp-content/uploads/2013/05/Contact-us.png) repeat; | + | |
| - | border: 2px solid black; | + | |
| - | } | + | |
| - | + | ||
| - | div.transbox { | + | |
| - | width: 100%; | + | |
| - | height: 100%; | + | |
| - | margin: ; | + | |
| - | background-color: #ffffff; | + | |
| - | border: 1px solid black; | + | |
| - | opacity: 0.6; | + | |
| - | filter: alpha(opacity=60); /* For IE8 and earlier */ | + | |
| - | } | + | |
| - | + | ||
| - | div.transbox p { | + | |
| - | margin: 30px 40px; | + | |
| - | font-weight: bold; | + | |
| - | color: #000000; | + | |
| - | } | + | |
| - | </style> | + | |
| - | + | ||
| - | <style> | + | |
| - | a:link {color:#000000; background-color:transparent} | + | |
| - | a:visited {color:#000000; background-color:transparent} | + | |
| - | a:hover {color:#ff0000; background-color:yellow} | + | |
| - | a:active {color:#ff0000; background-color:transparent} | + | |
| - | </style> | + | |
| - | </head> | + | |
| - | + | ||
| - | <body> | + | |
| - | <a href="home.html">HOME</a> | + | |
| - | | + | |
| - | <a href="gallery.html">GALLERY</a> | + | |
| - | | + | |
| - | <a href="contact.html">CONTACT US</a> | + | |
| - | | + | |
| - | <a href="https://mail.google.com/mail/u/0/?ui=2&ik=ada7d177ce&view=att&th=148f4f3de9096732&attid=0.1&disp=inline&realattid=f_i123pcja0&safe=1&zw">FEEDBACK</a><br><hr> | + | |
| - | <img src="http://www.imaginemonsite.fr/Images/contact.jpg" width="30%" height="30%><br> | + | |
| - | <body style="background-color:lightgray;"> | + | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | <br> | + | |
| - | <div class="background"> | + | |
| - | <div class="transbox"> | + | |
| - | + | ||
| - | <p> | + | |
| - | <ul> | + | |
| - | <li>HOMU C.R :<b><u> 201415701</b></u></li><br> | + | |
| - | <br> | + | |
| - | <li> KGOALE K.S :<b><u> 201412037</b></u></li><br> | + | |
| - | <br> | + | |
| - | <li> GOLOLO M.S :<b><u> 201410022</b></u></li><br> | + | |
| - | <br> | + | |
| - | <li> CINDI N.N :<b><u> 201425648</b></u></li> | + | |
| - | </ul> | + | |
| - | </p> | + | |
| - | <hr /> | + | |
| - | <address> | + | |
| - | + | ||
| - | <p> | + | |
| - | Located at 12 Bromhead Avenue in Lincoln, Lowa. | + | |
| - | <br /> | + | |
| - | call us : (311) 555-2311 | + | |
| - | <br /> | + | |
| - | </P> | + | |
| - | <p> | + | |
| - | <b><u>Email us :</b></u> | + | |
| - | <ul> | + | |
| - | <li> <a href="mailto:papasmahlatse@gmail.com">Mr GOLOLO M.S</a><br></li> | + | |
| - | <br> | + | |
| - | <li><a href="mailto:clydehomu@gmail.com">Mr HUMO C.R</a><br></li> | + | |
| - | <br> | + | |
| - | <li><a href="mailto:kelekgoale@hotmail.co.uk">Ms KGOALE K.S</a><br></li> | + | |
| - | <br> | + | |
| - | <li><a href="mailto:cindi@gmail.com">Ms CINDI</a></li> | + | |
| - | </ul> | + | |
| - | <hr> | + | |
| - | </div> | + | |
| - | </p> | + | |
| - | </address> | + | |
| - | </body> | + | |
| - | </html> | + | |
| ===== File Names ===== | ===== File Names ===== | ||
| Line 113: | Line 27: | ||
| Read [[guide_upload|guide to upload files]] or [[task_upload|full documentation of uploading files]]. | Read [[guide_upload|guide to upload files]] or [[task_upload|full documentation of uploading files]]. | ||
| - | <html> | + | ===== Editing Pages ===== |
| - | + | If you do not need to maintain your files locally, you can [[task_edit|edit]] them directly on the remote server. | |
| - | <head> | + | |
| - | <title>contact us</title> | + | |
| - | + | ||
| - | <style> | + | |
| - | div.background { | + | |
| - | width: 50%; | + | |
| - | height: 50%; | + | |
| - | background: url(http://propertymaputo.com/wp-content/uploads/2013/05/Contact-us.png) repeat; | + | |
| - | border: 2px solid black; | + | |
| - | } | + | |
| - | + | ||
| - | div.transbox { | + | |
| - | width: 100%; | + | |
| - | height: 100%; | + | |
| - | margin: ; | + | |
| - | background-color: #ffffff; | + | |
| - | border: 1px solid black; | + | |
| - | opacity: 0.6; | + | |
| - | filter: alpha(opacity=60); /* For IE8 and earlier */ | + | |
| - | } | + | |
| - | + | ||
| - | div.transbox p { | + | |
| - | margin: 30px 40px; | + | |
| - | font-weight: bold; | + | |
| - | color: #000000; | + | |
| - | } | + | |
| - | </style> | + | |
| - | + | ||
| - | <style> | + | |
| - | a:link {color:#000000; background-color:transparent} | + | |
| - | a:visited {color:#000000; background-color:transparent} | + | |
| - | a:hover {color:#ff0000; background-color:yellow} | + | |
| - | a:active {color:#ff0000; background-color:transparent} | + | |
| - | </style> | + | |
| - | </head> | + | |
| - | + | ||
| - | <body> | + | |
| - | <a href="home.html">HOME</a> | + | |
| - | | + | |
| - | <a href="gallery.html">GALLERY</a> | + | |
| - | | + | |
| - | <a href="contact.html">CONTACT US</a> | + | |
| - | | + | |
| - | <a href="https://mail.google.com/mail/u/0/?ui=2&ik=ada7d177ce&view=att&th=148f4f3de9096732&attid=0.1&disp=inline&realattid=f_i123pcja0&safe=1&zw">FEEDBACK</a><br><hr> | + | |
| - | <img src="http://www.imaginemonsite.fr/Images/contact.jpg" width="30%" height="30%><br> | + | |
| - | <body style="background-color:lightgray;"> | + | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | <br> | + | |
| - | <div class="background"> | + | |
| - | ····<div class="transbox"> | + | |
| - | + | ||
| - | <p> | + | |
| - | <ul> | + | |
| - | <li>HOMU C.R :<b><u> 201415701</b></u></li><br> | + | |
| - | <br> | + | |
| - | <li> KGOALE K.S :<b><u> 201412037</b></u></li><br> | + | |
| - | <br> | + | |
| - | <li> GOLOLO M.S :<b><u> 201410022</b></u></li><br> | + | |
| - | <br> | + | |
| - | <li> CINDI N.N :<b><u> 201425648</b></u></li> | + | |
| - | </ul> | + | |
| - | </p> | + | |
| - | <hr /> | + | |
| - | <address> | + | |
| - | + | ||
| - | <p> | + | |
| - | Located at 12 Bromhead Avenue in Lincoln, Lowa. | + | |
| - | <br /> | + | |
| - | call us : (311) 555-2311 | + | |
| - | <br /> | + | |
| - | </P> | + | |
| - | <p> | + | |
| - | <b><u>Email us :</b></u> | + | |
| - | <ul> | + | |
| - | <li> <a href="mailto:papasmahlatse@gmail.com">Mr GOLOLO M.S</a><br></li> | + | |
| - | <br> | + | |
| - | <li><a href="mailto:clydehomu@gmail.com">Mr HUMO C.R</a><br></li> | + | |
| - | <br> | + | |
| - | <li><a href="mailto:kelekgoale@hotmail.co.uk">Ms KGOALE K.S</a><br></li> | + | |
| - | <br> | + | |
| - | <li><a href="mailto:cindi@gmail.com">Ms CINDI</a></li> | + | |
| - | </ul> | + | |
| - | <hr> | + | |
| - | </div> | + | |
| - | </p> | + | |
| - | </address> | + | |
| - | </body> | + | |
| - | </html> | + | |
| ===== Creating Pages ===== | ===== Creating Pages ===== | ||