Review Page
In Chapters 4, 6, & 7
we learned some of the basics on setting up a page in notepad then put
it into practice in Assignments 4, 6,
& 7. Now let's review.
~ Note NotePad, create a new file.
~ Save the file in your Practice folder as Review1.html.
(Remember to add the .html and set it as All files or it might save
as a .txt.)
~ Use the following guidelines to set up the page.
~ All sentences, phrases or words that have to be typed are in red.
~ All formatting instructions are in blue.
~ All general instructions are in green.
~ If you copy and paste that which you should have typed, make sure
you get rid of all the extra spaces it will take with it when you copy.
-
Page setup:
- title = Your Name Review 1
- background color = white
- text color = blue
- link color = red
- visited link color = green
- active link color = purple
- Complete the following text tasks in order, applying
the formatting as instructed:
- Type the words at the top of the page:
Organizing Tags
- Format as Heading 1
- Center
- Set the Font Face as Berlin Sans FB
- Type the sentence: There
are many ways to organize a Web page. This Web page will organize
text, links, colors, and fonts. It will also demonstrate single spacing,
double spacing, and the use of line breaks.
- Use Paragraph tags to set off the above paragraph
- Type the sentence: This
Web page will display how to organize Web pages in a number of ways using:
- Use Paragraph tags to set off the above sentence
- Type the following as a list of words:
Internal Hyperlinks
External Hyperlinks
Fancy Fonts
- Use line Breaks to separate the above items onto
separate lines
- Type the subtitle below the list of words:
Internal Hyperlinks
- Format as Heading 2
- Set the Font Color as Maroon
- Type the second subtitle: External
Hyperlinks
-
Format it the same as the first
-
Type the third subtitle: Fancy
Fonts
-
Format it the same as the first
-
Between the headings for Internal Hyperlinks and
External Hyperlinks, add the following items:
Top
External
Fonts
-
Use line Breaks to separate the above items onto
separate lines
-
Go to the top of the page where the first heading
or title is located (Organizing Tags).
-
In front of the first tags for the title, place an
opening Target tag. Name the tag "top".
-
Close the tag after the last tag for the title.
-
Locate the word "Top" in the list between "Internal
Hyperlinks" and "External Hyperlinks". "Top" will be the word that
acts as the Internal Hyperlink to the "top" of the page.
-
In front of the word "Top", place an opening hyper-reference
tag to the "top" of the page.
-
Close the tag after the end of the word "Top".
-
Between the headings for External Hyperlinks and
Fancy Font, add the following items:
Microsoft
Sun Microsystems
Web2
-
Use line Breaks to separate the above items onto
separate lines
-
Create an External Hyper-link using the word "Microsoft"
and reference the Microsoft web site as the intended URL.
-
In front of the word "Microsoft", place an opening
hyper-reference tag to http://www.microsoft.com
-
Close the tag after the end of the word "Microsoft".
-
Create an External Hyper-link to an .html file
in your Practice folder using the word "Web2", reference web2.html as the
intended URL.
-
In front of the word "Web2", place an opening hyper-reference
tag to Web2.html (check your file to see exactly how you capitalized)
-
Close the tag after the end of the word "Web2".
-
After the heading for Fancy Fonts type the following
lines and format them to match their individual statements:
-
This is Mistral in Blue Size +2
-
This is Jokerman in Italics and Underlined.
-
This is Chiller with the word "upper" in superscript
-
Save again (save often).
-
Open a Web browser, then open Web page you just created. If nothing
appears, go back to Notepad, check the tags and re-save the file.
Then go back to the browser and Refresh or Reload the page.
-
In Notepad print the HTML code.
Back