Unit Two
Meeting the "HT" in HTML
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 corrent 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/cbte162/ 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 since it is not based upon the strict protocol, so I have all the main things done "properly" on this outside site. You will see a little XHTML 1.0 graphic at the bottom of each page. If you click on it it will check with W3C to ensure that the code is perfect. You will need to put that on your pages in the future. The code you are writing for the first few weeks would not pass. But don't worry, we will get your pages there soon!
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:
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. Please put all the files in a folder and "zip it" before you send it to me. (See zip info in week one.)
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 at least one comment on another person's input. You are welcome to comment on more than one.
Quiz:
Take the quiz. Note that the due date is September 17th.
Assignment:
- Create a folder on your computer called: fruit
- 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 in 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 chosing "save picture as"
- Initially, put the html file and all the image files in the folder named fruit
- Test out your webpage in your browser with the html file and all the images in the same folder
- After you are sure your webpage works with everything in a single folder, create a subfolder called images in the folder called fruit
- Move the image files into the image subfolder
- The term src is an abbreviation for "source." Update the scr 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
- 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
- When your page works properly, zip the folder called fruit with the subfolder inside and upload the zip file to me
- Note that the due date is September 17th
...WPC
