Website+design

Website Design Assignments

 * Learning Goal: To learn the important design qualities that a good web page has and explain what they are, showing the difference with good and bad web sites.**

Learning how to design a web page is crucial **BEFORE** creating a web site. Here is an assignment sheet for you to check off once you have completed each assignment.


 * Scale:** [[file:Scales_web design.docx]]
 * Assignment Sheet:**


 * 1.** **Key Terms to Web Design**: Turn to pg. 6 in **Web Design Book** and read pgs. 6-7. Define the //__Key terms__// on pg. 6 under focus on Reading and type them in Word...both key term and definition. Print out the answers.

and //__create a diagram__// of the 5 types of sites and include their definitions on your diagram. This diagram must include: __Main idea__(**5 Types of Websites**), **Each type**, **2 examples of each**. Print this out. Example: http://www.mywebspiration.com/view/214273a16526
 * 2. **** 5 **** Types of Web Sites ** : Use // **Inspiration** // to complete this assignment. Read pgs. 8-10 in ** Web Design Book **


 * **Finding examples of the 5 types of Sites:** Put your table on my wiki under your period by copy and pasting your table . Period 5 Period 6


 * 3.** **Elements of a Web Page:** Read pgs. 11-14 in **Web Design Book** about the 4 elements of a web page. On **pg. 14**, answer the **What Did You Learn?** ...only **questions 1 and 2** and **Critical Thinking questions 4 and 5**(which includes the Anaysis and Drawing Conclusions ). Answer in a paragraph. All questions and answers should be done in Word and printed out.

4. **Image formats** used for web sites.: Read the following website and create a **table in Word**. List the **5 types of image** formats, explain what it is and give pros and cons of each format. Image formats

You may save the TILT worksheet on your flashdrive and just type in the answers. Print out the worksheet, but make sure you put a header and footer on it.
 * 5.** **TILT:** Go to **Class Bookmarks**:(**Portaportal)** and use the site **TILT** under **Creating Websites** to complete the worksheet

6. **Web Site Development:** Turn to pg. 15 in **Web Design Book** and read pgs. 15-20. . Open up the worksheet on Web Site Development to complete this assignment.


 * 7. 10 Deadly Website Sins:** Go to my class bookmarks, Portaportal and use the site **10 Deadly Website Sins** to make a **list of the 10 sins. Describe each sin** by putting information under each sin using **4 bullets.**
 * Extra credit**: Find an example of each sin and copy their url to share. Create this in **Word,** print out with a title, header and footer

8. . ** What is Web Design 2.0? ** Here is a great site about the new features in web design. Open up the WEB 2.0 in Design site. Read the article and open up the assignment page. You will be creating a table. Web 2.0 Design The is your assignment with the questions.

Answer the **6 questions** in Word and hand both printouts with both names on your project.
 * 9. Planning a Web Page:** Read **Group Planning on pg. 31** in **Web Design book.** Work with another student and complete the assignment, **planning a web site** for a **ski resort**. Draw a **sketch** using I**nspiration** or **Word.**

10. **Do's and Don'ts of Building a Website:** Go to **Portaportal** and use this site to list 7 do's and don'ts. Explain each in your own words. Create this in Word, include a header and footer and print it out.

11. **Evauate Web Site design**: Do the **assignment** on **pg. 33** in **Web Design book**. Locate **5 web sites** and **evauate the site**, making a **table** like on **pg. 33**, giving **identifing information** about each site. **Create the table** in **Word** and **print** it out with title, header and footer.

12. **Top 10 mistakes in a Web Design**

13. **5 steps to prepare for your Web Designer**

14. ** Creating a Storyboard **

15. ** What Makes a Great Website?: ** Go to ** Portaportal ** and use the site ** What Makes a Great Website? ** Answer questions from handout.