Create and Code the Content

For people to view your content on the Web, you need to add HTML tags to the text and present your graphics in one of several file formats (currently, JPEG and GIF are the most common).

Word processors let you save files as HTML, and software programs called HTML editors automate the process of building a site from scratch. Some of the more popular HTML editors are FrontPage¨ (from Microsoft), Dreamweaver¨ (from Macromedia), and PageMill¨ (from Adobe). In addition, you can find shareware HTML editors to download by searching the Internet for "HTML editors."

However, it is best to learn at least the basics of HTML so that you do not rely completely on word processors and HTML editors, which sometimes produce incorrect HTML. In addition, the templates provided by the software date quickly and might not meet the needs of your audience and subject.

Learning HTML
Formatting graphics
Sizing graphics
For further study

Example
Learning HTML
Here is an example of text that includes HTML (hypertext markup language) codes.


The tag signals the beginning of a paragraph. The tag signals the end of a paragraph. The tags signal italics.


For more information on HTML, search for "HTML tutorials" or consult one of these tutorials:

Example
Formatting graphics
Most Web sites contain graphics. To display a graphic on your site, you need to save it in one of several file formats, then link to the file, as shown here.


In this HTML paragraph, the image source (IMG SRC) is a file named "Image1.gif." This image will appear 50 pixels wide and 100 pixels high on the reader's screen.

For more information, search for "Web graphics tutorials" or see one of these tutorials:

Example
Sizing graphics The size of a graphic will affect the quality of the image and how quickly it downloads.

50 pixels X 50 pixels

50 pixels X 100 pixels
Note that the proportions of the original can be distorted.

200 pixels X 200 pixels
Note that if a graphic is expanded beyond its normal size, it can become blotchy or indistinct. The graphic does not contain enough "information" to fill out a large area.




For further study
The best way to learn HTML coding is to study existing Web sites. You can see the coding of a page by selecting View, then "Document Source" or "Source."

Although you can download the source code easily, you are not permitted to copy and publish code from a site unless you have received written permission from the site's owner to do so. All material on the Web--both text and graphics--is protected by copyright laws, just like material in print.

Example

screenshot