Web Page Tips & Tricks
CIS 158.1 - design for the rest of us...
Assignments
Assignments are submitted either by using online forms where indicated, or by emailing your instructor with the URL for your homework page. It is recommended that you use the same homework page for the duration of this class. After you publish your pages on the Web, they will be viewed and graded online.
If you cannot make these forms work, send your instructor an email at adream@sonic.net with your full name, section number, and answers to the questions in an email.
NO email attachments, please.
Deadline dates are midnight Pacific Standard Time. Late work will only be accepted one week after Deadline date, and a 20% deduction will be imposed. Late work will not be graded unless student sends instructor an email asking them to grade late work.
lesson 1 - begin
| Assignment | Submit | Deadline | Points | Student Work |
| Check-in | n/a |
6-23-08 | n/a | n/a |
You have already created a unique username and password, which you will use every time you check on your grade or submit a homework assignment. Write these values down so you will remember them all semester. You will also be able to communicate with the class by posting to the message board. (This message board, "the class message list" is for communication, not for submitting homework.) |
||||
| Greetings | post to message board | 6-23 | 10 | meet class |
By completing the greetings assignment, you add your email address to the class mailing list so you can receive email from your instructor each week. You also introduce yourself to your classmates so we can all get to know each other. |
||||
| Critique templates | post to message board | 6-25 | 10 | review responses |
|
Look at the 3 Templates on the Class CD: Simple, Medium and Complex. Visit the "Critique Templates" message board. Explain in 50 words or less why you chose the template that you did. List its strengths and areas you plan to change. Include terms such as: layout, number of columns, color and navigation location. |
||||
| Download | email adrea | 6-25 | 10 | |
Locate a Web browser on your local computer, if you do not have one, download and install one. Download FTP software - SSH Client (win) Fugu (mac). Install it on your local computer. If you do not already have one, request an account on the "student" web server. Links to download sites and the student account form are on the resources page. Send me an email (include your full name) with the following message -- |
||||
lesson 2 -analyze
| Assignment | Submit | Deadline | Points | Examples |
| first pages |
email instructor | 7-2 | 40 | student work |
Create a homework page which links to the 3 pages listed below. Name the file homework.html [05 pts] Here is an example of how a typical homework page would look This assignment requires you to create an "index.html" and one other page.These pages must include your unique written content [20 pts] Please load this file onto your student account along with the .css file and the img folder. [05 pts], Instructions for obtaining and using a student account can be found at http://www.santarosa.edu/cis/student/ftp Visit the W3C validator located at - http://validator.w3.org/ Once your pages have passed at the validator, add code for the XHTML 1.0 validator icon so I can validate the HTML for your page [05 pts]. Create a web page which has an inline style that sets the background color for each of the <div> tags in your template. Name the file "div-color.html" [05pts]. This and the color-div-key.html will help you to analyze the code and prepare for the next assignment. Email your instructor with the URL for your homework page to submit your work. Include the full URL, including "http://" |
||||
lesson 3 & 4 -photos
| Assignment | Submit | Deadline | Points | Examples |
| photos |
email instructor | 7-16 | 40 | student work |
Create another Web page for your site (total is now 3 pages, not including div-color page) [5pts] Add content images to all 3 Web pages [15pts] Create an area of the site where thumbnails are linked to larger images or Web pages which display larger images. [15pts] Pages validate - 5 pts. Email your instructor with the URL for your homework page to submit your work (this should remain the same throughout this class). Let me know what pages have been created. |
||||
lesson 5 - color
| Assignment | Submit | Deadline | Points | Examples |
| color |
email instructor | 7-23 | 40 | student work |
| feedback 1 | submit your critique | 7-23 | 10 | view feedback 1 critiques |
Modify the color of your pages by either adjusting the .css rules or modifying the images which make up the structure of the site. [30 pts] Validate pages [10pts] Email your instructor with the URL for your homework page to submit your work. Post to message board [10pts] Click on the submit your critique link and write up a critique of the site you are assigned. List the strengths of the site, the overall impression made by the colors and photos, and suggestions for improvement. To determine who you will critique, click on the view feedback 1 critiques link, and critique the person who is listed at the top. The first person to write can critique anyone else in the class.
|
||||
lesson 6 - text / navigation
| Assignment | Submit | Deadline | Points | Examples |
| text-nav |
email instructor | 7-30 | 40 | student work |
Modify .css file to change the text and navigation for the site. [40pts] Email your instructor with the URL for your homework page to submit your work. |
||||
lesson 7 - finish
| Assignment | Submit | Deadline | Points | Examples |
| finish |
email instructor | 8-6 | 40 | student work |
| feedback 2 | post to message board | 8-6 | 10 | view feedback 2 critiques |
Create a Web page for every "second level" link at your site. In the examples of the garden site, Pages would be needed for the following categories: family, perennials, shrubs, trees, succulents, links, and contact. Hint: This may be the time to simplify or use "dummy text". [30pts] All pages validate. [10pts] After completing your Web site, email your instructor with the URL for your homework page. Be sure to let me know what pages have been created. Post message to board (feedback 2) Write the Critique AFTER you complete lesson 7 (above). Visit the feedback 2 critiques message archive page after completing lesson 7. Locate the person whose name is at the top of the list, and critique their site. (The first person that is ready to write may choose any student in the class to critique). List the strengths of the site, the overall impression made by the colors, photos, layout, etc. Also include any suggestions for improvements you may have. Finally, view the site in at least 3 browsers ((IE for PC, Firefox, and Netscape for example). Report any changes in the appearance of the site when you go from browser to browser. If you have a problem locating 3 browsers, feel free to use the labs at the Santa Rosa and Petaluma campuses. [10 pts] |
||||
Content is © of Linda Hemenway 2007-08. Edited with permission by Adrea Moss.