CIS 363 DeVry Week 2 iLab 2

o
o
o
Link two—change to Our Staff
Link three—change to Contact Us
Link four—change to Our Rates
• Select each link (the text) individually, and type in the file name that it will link to in the Link value box in the
property inspector.
o
o
o
o
About Us → about.html
Our Staff → staff.html
Contact Us → contact.html
Our Rates → rates.html
• Save the file.
Step 5: Add Static Information
Back to Top
• Below the navigation menu are paragraphs describing the nature of the links. Delete all of the text in this
column.
• Type Phone and press Enter.
• Copy and paste the phone numbers from the document to the column. Between the two phone numbers, place
a line break by setting your insertion point between the numbers and pressing Shift + Enter.
• Highlight the word phone and format it as Heading 4.
• In the far column, delete all the text in the column. Type in owner, and format it as Heading 4.
• Press enter and place the owner’s name and address below the heading. Place line breaks between each line
in the address. We will add a style that will make the address fit better in a later step.
• Delete all of the text except the main heading in the center column.
• Save the file.
Step 6: Adjust the Styles
Back to Top
• Place your cursor next to the image in the header section, and click div.header in the information bar at the
bottom of the editor window.
• Collapse the files panel (double-click the tab) and expand the CSS panel. Select the current button from
All/Current at the top, and locate the small window in this pane labeled Properties for “.header.”
• Click the add property link at the bottom of the list, and select background-color from the drop list.
• Click on the small color square in the value section to get the eyedropper. Select the innermost color band on
the rainbow image.
• Click on the background property that was already there, then click the trash can in the lower right corner of
the CSS Property pane.
• Replace the text in the footer section of the page with the following line: Copyright 2012 Rainbow Daycare
LLC – All International Rights Reserved.
• Set your cursor just before 2012 in the line and select Insert → HTML → Special Characters → Copyright.
This will place the symbol in the page. Space appropriately. Save the file.
• Click on the thrColFixHdr.css tab at the top of the editor window. This will open the style sheet.
• Locate the class .header in the styles. Copy the property and value from the .header class.