Thursday, October 21, 2010

HTML Document Structure...

HTML files are just normal text files... they usually have the extension of .htm, .html, or .shtml. HTML documents have two (2) parts, the head and the body. The body is the larger part of the document, as the body of a letter you would write to a friend would be. The head of the document contains the document's title and similar information, and the body contains most everything else.
Example of basic HTML document Structure...



Title goes here
Body goes here


You may find it easier to read if you add extra blank lines such as follows...




Title goes here



Body goes here


Wednesday, November 4, 2009

Within-Reason Tutorial- .shtml

Shtml is so easy, and yet so effiecient. Shtml is like frames within the html code. You have the top of the page, such as links, a menubar, or links. Save all the text in the top of the page as "top.html". Then we come to the content of the page. This should be called whatever the page is called. Such as, you have a page with links, you call the page "links.html". Then you have the bottom of the page. This closes all html tags. Save this last page "bottom.html". Now combine all the code from these pages together and you get the complete page. Well, obviously you are not done! One more simple step. You need to add the shtml code, and bring them all together using shtml.

Shtml syntax. You would think it would be hard and complicated to put it all together.





You would save this page as "links.shtml"
It will stack the code and put it all together. Here is a sample...

Shtml sample :: Links






Header Links
... now save this as "top.html"

There is the top of the page... now we have the content in the middle.

Design's By
Mark
-Great Photoshop Tutorial's Overall good webdesign
Page.

Scream
Design
-Also a good site for photoshop tutorial's

Computer
Arts
-Very good tutorial's for photoshop and other's

Russel
Brown -Good photoshop tips

This middle part would be saved as "links.html"

Now we come to the end. This part closes all the HTML Tags used above. And add copywrite or closing statements.

Copywrite 2001 Shtml Tutorial




Now save this part as "bottom.html"

There we have it. Your first Shtml page. not very hard was it. This was a simple example but you can include as many files as you want. Shtml can save a lot of time and energy. More advanced example to come.