![]() |
|
Guides:
Home Basics Backgrounds Colors Fonts Tables Frames Links Images Forms Buttons Lists Misc. Cheat Sheet Test Pad Other Help Sites HTML Software Graphic Software
|
![]() Codes:Just what is HTMLHTML, Body, and Title Codes HTML stands for Hyper-Text-Mark-Up-Language. HTML is used in the designing of webpages. Every website you see and every place that you go on the Internet uses HTML to create what you see before you. HTML is the language of web designers. In order to design web sites you must have at least a basic understanding of HTML. When you begin to write HTML you can use a number of things. You can use notepad or word pad to write the HTML in. These are simple word processors. Now when you go to save your file it will automatically save as a text file so you want to be sure to change that. Where it says Save As Type: .txt you will erase the .txt (or whatever code your processor uses) and replace it with .htmlChange From: To:
Before you can save however, you have to figure out how to name your page. The home
page of the site or the splash page is ALWAYS named index.html Other pages
should be named
with short names (abbreviated if necessary) that describe the topic of that page. For
example a photo album page would be photos.html, photo.html, pics.html Try and limit it
to 8 characters not including the .html part.
You may wonder why you have to change it from .txt to .html and why all the pages must
end with .html Well that is simple. You see the .html tells your computer that it is an html
file and must be viewed as a website. While as a .txt would be
viewed on your screen as just text. Let me show you the difference.
Saved As Txt:![]() Saved As HTML:
Before we go into the basic rules of HTML allow me to make a suggestion. Go to some
of your favorite websites and view their HTML. You can do this by clicking View at the
top of the browser and then Source in the drop down menu. Or by right clicking and
selecting View Source.
Once you have it open and you can see the coding that creates the site you see then try
reading through it and see if you can figure out a few things. Don't worry if you can't you
soon will be able to. As you learn try playing with their codes to see what you can do.
Now
onto some of the basic rules of web design.
Basic Rules:1. Make sure that <HTML> is the first things in your coding and that </HTML> is the last thing. 2. Always Make sure you open and close codes. aka <open> </close> 3. Keep things simple and neat. 4. Don't overload the site with images and animation 5. Keep the time it takes the site to download to a minimum. 6. Keep information short and easy to understand. 7. Keep navigation consistent. 8. Keep links within 3 clicks or less. 9. Make sure there is enough color contrast between fonts, links, and backgrounds. 10. Be aware of the audience you want to target. |