Overview

In this homework session, you will:

  1. Read some background about lists and links to familiarise yourself more.
  2. Finish off the Links classwork. Check here to make sure you've done it all.
  3. Create a practise page that looks like the one given and make link from that page to another one in your web site.
  4. Display the page from your web account.
  5. Copy this URL into a new blog entry in your blog
  6. Send MARKP an email message, subject heading : LIST LINKS PRACTICE telling me that your blog is ready to look at.
1. Background

Read Castro chapter 13, p203-207, fig 13.22 for lists and chapter 7 pages 118-125 for links.

Read Ross Shannon's HTML Source tutorial for lists, the basics of linking and for Internal Links.

2. Finish Links classwork

Finish off the Links classwork. Check to make sure you've done it all because you'll use links a lot.
3. Practice Page
  1. Set up Dreamweaver in the normal way:
    • configure
    • create site
    • new page procedure

    Question: Why do I have to do this every time?
    Ans : You don't have to if you use a PC that you have already done the setup on.

    Question: Why is that?
    Ans: Think about where the DW configuration is stored - on the PC or the network? If on the PC, then where? Would the configuration be accessible to PCs not used by you beforehand?
  2. Type in the list and link codes to make your page look like this:


    Here's the acrobat version

    Make the link thursday's class page go to the links page you created in Thursday's class or earlier on.

    Make an anchor named top at the the top of your page and have the label TOP link to this.
4. Save page

Save this page in a file called ll_practice.htm in your web site and display it as a web URL in your browser according to the procedure outlined in Dreamweaver basics. More background information on viewing your web page in a browser.
5. Copy URL to blog
  1. Open a new Internet Explorer window - leave the window with your page open - and open the blog entry page. Login and hit the New Entry button
  2. In the title box enter list-links practice URL
  3. Click in the Entry Body and type in goto list-links practice page and highlight this.
  4. Click the URL button,
  5. switch to the browser window with your page in it and copy the address,
  6. switch back to URL window and paste in this address (something like http://www.earlham.edu/~stanlgr/ll_practice.htm), then clickOK
  7. Voila, the link appears in the entry body and you can now Save and Rebuild.
6. Email

Send MARKP an email message, subject heading : LIST LINKS PRACTICE telling me that your blog is ready to look at.