William P. Craft

This Week:

Reading Assignment:

Read Chapter Two and do all the exercises in the chapter. Pay particular attention to learning about elements and attributes (pp 49-53). This is baseline info that you need to understand.

Also, pay close attention to the section on Relative Paths (pp 60-71). The presentation in our book on Relative Paths is the best I have ever seen on this topic.

If you use a automatic program like Dreamweaver, the program usually does a pretty good job automatically recording the current relative path for an image or a file; but, sometimes "stuff happens" and it is important to know how to figure this out on your own.

Take a look at my personal website:

http://www.craftwebproject.com I have all the main pages for the course posted on this site but they are in XHTML (Strict) format. Sometimes the WebCT system makes it impossible to demonstrate strict code because it is a closed system; so, I have all the main things done "properly" on this outside site.

Special Good Deal--The Answer Key:

Our textbook is based upon "learning by doing." Each exercise in the book builds on what you learned in the previous chapters. So, it's important to do all the exercises and to make sure you get them done correctly. As we all know, sometimes we make mistakes. So, the author has provided a complete answer key to every web-based exercise in the book. Click on the book cover and you will be taken to the answer key:

Book Cover for Head First HTML

So if you have all the answers, how can I give you a graded assignment?

Simple, I will just ask you to send me some of your own work that is "like" what we learned in the book--but not exactly the same. Sometimes I will ask you to put all the files in a folder and "zip it" before you send it to me. (See the videos on zip files on the left hand side of the Unit Two Learning Module. The videos are also on my personal website if WebCT is running slow.)

Discussion:

Just one discussion topic this week. Please tell us something that has happened to you on a website that has really annoyed you. How could the web designer avoided the problem you experienced? Later, read the inputs from the other students and make some comments on another persons' inputs. You are really welcome to comment on more than one.

Quiz:

Take the quiz. Remember you can take it two times if you don't get a perfect score on your first try.

Assignment:

  1. Watch the Videos that go with this lesson on root folders, and zipping files and folders. They are available in the Learning Module Table of Contents on the left side of the screen in WebCT. The videos are also available on my website, http://www.craftwebproject.com/video.html
  2. Create a folder on your computer called: fruit
  3. Inside the folder called fruit, create an html webpage named: fruit.html
    • to make your webpage, follow the format of the webpage listed on page 73 in the text. However, use some new fruit .jpg's instead of the beverage .jpg's and update the words to make sense for a fruit page
    • use the fruit .jpg's you will find on the left side of this week's Learning Module. There are small pictures of an apple, a banana, some grapes, and an orange
      • you can save the fruit images to your local computer by "right-clicking" on each image and then choosing "save picture as"
  4. Initially, put the html file and all the image files in the folder named fruit
  5. Test out your webpage in your browser with the html file and all the images in the same folder
  6. After you are sure your webpage works with everything in a single folder, create a subfolder called images inside the folder called fruit
  7. Move the image files into the image subfolder
  8. The term src is an abbreviation for "source." Update the src for each image in the html page to show the correct relative path. How to do this is discussed on page 66 of the text
  9. Use your browser to test your page with the html file in the main folder called fruit and with the images in the image subfolder called images to make sure it works. If it doesn't, check your work and make it right
  10. When your page works properly, zip the folder called fruit with the subfolder inside and upload the zip file to me using the WebCT assignment tool.

Due Date:

The Discussion, Quiz, and Assignment are all due on the due date listed on the homepage of the course. If you are having a problem meeting the due date let me know in advance.

...Bill