News and Announcements from the
The Record archives
Chicago-Kent home page
TEXT FOR WEB PAGE FORMATTING EXERCISE
Copy the entire page of text below the heading for this page and paste
it into a template file that has been opened in Netscape
Composer. You can also copy and paste text from a word processor and paste it into a Composer window, but remember that you
will lose all formatting in the process.
Defining links, or hyperlinks, is the essence of creating a "web". All
you need to know in advance is the URL or address of the
page you want to link to, then select the text in your page and click the Link button on the toolbar in Netscape Composer. You will
see a dialog box that asks you to type in the URL. Try this with the text below to link to the Chicago-Kent home page (URL is
This is a link to Chicago-Kent's home
Formatting text as a heading is useful for quickly setting apart text
used to divide sections of your web page. Select the first line of
text below and format as a "Heading 3" -- then format the next line as "Heading 3" and change the font to "Arial".
Another useful way to separate areas of a web page is to insert a horizontal
rule or line. (You may have noticed them separating
sections of this page in your original browser window, but they should have disappeared when you pasted this text into the
Composer window.) Place your cursor below this text and click the "H. Line" button on the Netscape Composer toolbar.
Now you should have one horizontal rule just above this text. Double
click on it to change its attibutes, such as width (how much
of the window it covers horizontally) and height or size (the vertical "thickness").
Applying simple text attibutes is just like formatting text in most
Windows word processors. Select the lines of text below and
format according to what the text says by clicking on the appropriate button on the toolbar.
This is bold text.
This is italic text.
This is bold italic text.
You can change the font size directly without using headings as well.
And don't forget that you can change the font face as well,
although it's probably best to stick with the typical default Times New Roman (the Composer menu probably just calls it "Variable
Width") for most text and use Arial for accent in Chicago-Kent pages. More obscure fonts may not display correctly unless they
are installed on the browsers computer. Select the text below and play with changing the font size and face.
This is text in 14 point.
This is text in Arial.
You can change the color of text in the same way. Please consider the
readability of the text if you change the color -- you might
want to also make lighter colored text bold. Also, it's best to use text of a different color to only catch the reader's eye -- too many
color changes or too much brightly colored text is difficult to read. Select only the name of the color in each line below and change
the text color to match by clicking on the pull-down color selector from the toolbar.
This is red text.
This is blue text.
This is yellow text. Try making it bold if it's not readable.
You can easily change the alignment of text by clicking on the alignment
pull-down selector on the toolbar. Select each line of text
below and format accordingly:
Some simple organizational devices used in web page layout include bulleted
(unordered) lists and numbered (ordered) lists. Select
the first block of text below (four lines) and click on the "Bullet List" button. Be careful to only select the items you want bulleted
-- if you also select blank lines, they will be bulleted as well. Select the second block of text and click on the "Numbered List"
You can also change the indentation of any text block. Select the entire
bulleted list above and then click on the "Increase Indent"
button. (Notice how the bullet style changes.) Also try selecting this paragraph and click "Increase Indent" a few times -- in this
case the text just moves to the right. You can move it back to the left by clicking the "Decrease Indent" button.
You can change the designation of ordering in numbered lists to alternatives
by selecting the entire list and then right clicking your
mouse. Choose "Paragraph/List Properties" to change the type of list or its style. For instance, ordered lists can be numbered
"1,2,3..." or "I,II,III..." or "i,ii,iii..." or they can be designated by letters "A,B,C..." or "a,b,c...". Just remember that the actual
numbering scheme won't display until the file is saved and viewed in the browser.
That takes care of simple formatting. There are other possibilities,
such as incorporating tables for organizing information in your
pages. Try playing around with the other formatting capabilities of Netscape Composer on your own.
REPLACE THIS TEXT WITH YOUR WEB PAGE CONTENT