| |
Opening
the Editor 
Three
ways to open the editor window.
-
Creating
a document from scratch from the browser window. Choose File, New Document
and then choose Blank.
-
Edit a
document you are currently viewing. This option allows you to modify a
document that you think looks good. You then replace the original headings
with your own headings, and maintain the images and links that you like.
-
To edit
a home page that you've created, choose File, Open File in Editor and then
select a file in the Open dialog box.
Background
Color/Design  
One
way to enhance the appearance of your web page is to select a background
color or design. When you visit other web sites, observe the use of design
and color and the overall appearance that is accomplished through their
use. Many sites are available on the web that provide free background designs.
Click on the graphic images above to browse sites that provide free backgrounds,
buttons, bars, and other graphic images. The links below will provide you
with a very good selection of backgrounds to help you get started
in designing your first page.
Once you
have decided on a background, you need to select the image by clicking
once with the right mouse button on the words "save image as." Make sure
when you save images to be used on your HTML page(s) that you save the
graphic in the same directory as your HTML page.
After
you have saved the background image, select the Properties Menu and click
on Document. At the very bottom underneath the words "Background Image,"
check the Use Image box. Click Browse for File; and when you see the name
of the background you saved, double-click it.
If
you choose to have a plain background color, do not check the Use Image
Box. Rather, click the background button and select the basic color you
would like for your page.
Document
Properties for Text and Links 
Now
that your selected background is in place, it's time to decide on the color
scheme for normal text and text links. In making your decision, look at
how the colors appear against the background. Also, think about the color
scheme of other graphics you might wish to place on your page. Once you
have brought together all of your page elements, you might wish to change
your initial text and link selections in order to obtain the most complementary
color schemes.
Entering
Text 
When
entering text, consideration should be given to separating the content
of your page into main topics or sections, placing related information
together under a single topic. For example, the topic of this page is Creating
an HTML Document. Because it is the title of the page, its importance
is emphasized by the use of larger text which is center aligned. Let's
begin by keying the following lines. For now, just concentrate on entering
the basic text.
Creating
an HTML Document
Opening
the Editor
Background
Color/Design
Document
Properties for Text and Links
Entering
Text
Paragraph
and Text Positioning and Formatting
Creating
Lists
Saving
Your HTML File
Paragraph
and Text Positioning and Formatting 
Once
you have finished entering the text; look in the Paragraph Style drop-down
list box (the list box on the left side of the Paragraph Format toolbar).
Notice that it shows Normal. To change the paragraph styles, try
the following:
-
Click
the Creating an HTML Document text; then select Heading 1 from the
Paragraph Style drop-down list box. Click the Center toolbar button.
-
Click
the Opening the Editor text; then select Heading 2 from the Paragraph
Style drop-down list box.
-
Complete
the list following the preceding step.
To move
a paragraph's position on the page, use the five toolbar buttons on the
right side of the Paragraph Format toolbar. Choices include left, center,
and right alignment. It is also possible to combine alignment settings
and indentations.
Font
size, color, and style may be changed from Netscape's default settings
to achieve the effect you want on your page. Highlight some text and change
the size and style by selecting buttons on the toolbar identified by the
letter A. Change the color of the text by selecting a color from
the color palette.
Paragraphs
are automatically single spaced. When spacing between paragraphs, press
enter once. Notice the blank line which is created between the paragraphs.
There are times, however, when you might desire a group of words to be
single spaced. For example, the list that you created earlier would appear
double spaced if you returned after each entry. To single space the list,
after each entry, choose Insert Menu; then New Line Break.
Creating
Lists 
You
can use the Paragraph Styles drop-down list box and two toolbar buttons
to create bulleted and numbered lists.
-
To create
a bulleted list, place the cursor on a blank line and then click the Bulleted
List button. Notice the bullet (a black circle) which appears at the beginning
of the line. Type the first entry and press enter. A bullet will appear
at the beginning of each line of your list.
-
When you
complete the last entry, press Enter and then select Normal from the Paragraph
Style drop-down list box.
Create
a numbered list in the same fashion by using the Numbered List button.
-
Numbered
list Item 1
-
Numbered
list Item 2
-
Numbered
list Item 3
When you
choose Browse Document from the File Menu, the # will be replaced with
arabic numbers.
Saving
Your HTML File 
All
HTML files must have a file extension that is recognized by WWW browsers.
The most common way to identify a web file is by using the .HTM or .HTML
extension. Use the .HTM extension when using Windows 3.1; use the .HTML
extension when using Windows 95, Macintosh, and Unix-based editors.
A common
name for the home page of a web site is index.htm or index.html.
A page name should reflect the contents of the page. As with other files,
it is advisable to make a backup copy of your html documents and the images
they contain.
View my previous guestbook,
1 2
 |
|
