|
5/9/2008 7:04:20 PM
Tutorial web page example. It is heavily commented in the source code.
"View Source" to save or use your browser's print button to print the source code!
This tutorial is brought to you by www.texaswebdevelopers.com It will instruct you in CSS, table layouts, horizontal row and vertical column liquid design, meta tags, SSI includes for navigation, javascripting for image preloading, the Netscape resize fix, and much more. It is the example we give our begining interns to show them page layout and design. We are happy to provide it for you to learn from.
Generally we'd move the CSS to it's own file and use include pages inside the layers for the navigation. The simple code for an include page is this:
The included page need not contain anything other than content -- no other tags are necessary --(<html><head><title></title></head><body></body></html>) since they are already in the page to which content is being included.
I have forced the page length with the additional table rows in order to show how the background image "graphics_layout_r3_c1.gif" expands and contracts within the left column. Drag the lower right edge of the browser window to see the top horizontal background image "graphics_layout_r1_c3.gif" expand and contract with the browser window size.
Total Page Size: 31K bytes; Total Graphics: 13K bytes - 5 images; HTML (lots of comments) 18K bytes; Load time: 6.40 Seconds at 56K dial up modem
Below is an example of an image hyperlink that opens a new browser window. |
|
| Table Row 3 |
| Table Row 4 |
| Table Row 5 |
| ASP code for the current Date and Time on the Server:
|
|
|
| |
