News and Announcements from the  
Career Services Office for the week of: 
June 1, 1998

Link to: 
The Record archives 
Chicago-Kent intranet 
Chicago-Kent home page 

Posting information 
to The Record 

E-mail the headline editor


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
http://www.kentlaw.edu)

This is a link to Chicago-Kent's home page.
 
 

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".
 

Heading 3 Text

Heading 3 Text in Arial  
Notice how text formatted as a heading also automatically pushes down the text below it.
 
 

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:

This is centered text.
This is right-aligned text.
 
 

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"
button.
 

 
  1. first line of numbered list
  2. second line of numbered list
  3. third line of numbered list
  4. fourth line of numbered list
You will notice that only the number or hatch character displays in the Composer window for the numbered list. The actual
numbers will display after you save and display the page in the browser.
 
 

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