Where We Are
| Lesson |
Description |
Directions |
Due Date |
| Portfolio Site |
Create a four page site that includes links and screen shots of all the work we have done this semester. |
|
Fri. Nov. 9th |
| Quench Banner |
Use Fireworks and a given logo to create a banner for a company called Quench. |
Link to Directions |
Fri. Nov. 20th |
| Quench Website |
Use Fireworks and the Quench Banner to design a full website for the Quench non-profit company. |
Link to Directions |
Fri. Nov. 23th |
| Social Networking Music Site |
Students complete two tutorials to develop their graphic design skills and create a social networking music site in Fireworks. |
Link to Directions |
Fri. Nov. 27th |
| Yeah! Web Design Site |
Students learn how to slice a site layout in Fireworks, create the html for the site, add the css styling, and finally end up with a complete site that models the original mock-up. |
Link to Directions |
Fri. Nov. 27th |
| Website Reviews 6 & and 7 |
Site reviews for two websites: one can be a site of your choice. The second site must be from a css gallery. |
No online directions |
Fri. Dec. 14th |
| Headings and Lists |
Search sites to find 6 examples of headers and one example of the following types of lists: ordered, unordered, and definition |
Link to Directions |
Fri. Dec. 14th |
| Links |
Students review the three fundamental types of links and create a webpage using all three. |
Link to Review |
Mon. Dec. 17th |
| Tables |
Students develop a deeper understanding of proper use of html tables and css styling for them. |
Link to Tables Review |
Mon. Dec. 17th |
| Final Portfolio |
This is our final portfolio of everything we have accomplished this semester. |
Link to Example Portfolio |
Fri. Jan 11 |
Where We Are
| Lesson |
Description |
Directions |
Due Date |
| 5 Sites Review |
List 5 Websites – and write a sentence |
Link to Directions |
Wed. Aug. 29th |
| In Depth Review |
Do an in depth review from two of the websites above |
Link to Directions |
Thur. Aug. 30th |
| Page Elements |
Review several websites and determine what page elements should go in the Header, Navigation Bar, Main Content Area, and Footer of each website. |
Link to Directions |
Fri. Aug. 31st |
| Start HTML Dog Beginner’s Tutorial |
Complete the HTML Tutorial from “Getting Started” to "Lists" |
Link to Tutorial |
Wed. Aug. 5th |
| Weekly Website Review #1 |
Pick a website that you did not use for your five sites review and write a website review as an html document. |
Link to Directions |
Fri. Aug. 5th |
| Weekly Website Review #2 |
Pick a website from the CSS Galleries and do a website review explaining the pros and cons of the site. |
Link to Directions |
Fri. Aug. 14th |
| Weekly Website Review #3 |
Pick a website from the CSS Galleries and do a website review explaining the pros and cons of the site. |
Link to Directions |
Fri. Aug. 21th |
| Article Review on Doctypes |
Fast Track - Read the article on Doctypes from A List Apart and answer the questions off of Edline. |
Link to Directions |
Fri. Aug. 21th |
| Five Best Site |
Design a five page site that includes a common header and footer, working navigation, and images or embedded video on each page. |
See an example |
Fri. Aug. 28th |
| Weekly Website Review #4 |
Continuing our review of website, we will now add working links and images to the reviews. Fast track should have styles for their pages as well. |
Link to Directions |
Fri. Aug. 28th |
| Color on the Web |
Do research on color for the web and how to use color well. |
Link to Directions |
Thur. Oct. 4th |
| Personal Web Page |
Create a personal web page for yourself using proper xhtml, image editing, and css styling. |
Link to Directions |
Fri. Oct. 5th |
| Weekly Website Review #5 |
Continuing our review of website, we will now add working links and images to the reviews. Students should begin to add css styling for their pages as well. |
Link to Directions |
Fri. Oct. 5th |
| Color On the Web |
Students will conduct research about color on the web. This turns out to be two graded assignments. |
Link to Directions |
Fri. Oct. 18th |
| Color Schemes and CSS |
Students will complete the 5 color schemes assignment. Then they will take the five colors and create a web page demonstrating the five color schemes using css. This will require completion of a css tutorial. |
Link to Directions |
Fri. Oct. 18th |
| Box Model |
In this lesson we learn how to work with margins, padding, width, and border. |
Link to Directions |
Mon. Oct. 22nd |
| Site Map |
Follow this sitemap illustration to get all of your files from the quarter in order. |
Link to Directions |
Thur. Oct. 25th |
