Fundamentals of Web Design (One Semester)

Transcription

1 Fundamentals of Web Design (One Semester) In this course students are introduced to the basics of web page design. Topics include information about the World Wide Web, copyright and e Commerce as well as web site design. Students will be introduced to Microsoft Expression Studio as a tool for designing web pages. World Wide Web How does the Web work? How does the Internet work? What does a browser do? Where do cookies come from? What are the security risks of using the Web? What are the components of a URL? What is the best type of Internet service? Intel Education The Journey Inside the Internet Article Summary World Wide Web Reality Assignment Evaluating a Website Module 1 World Wide Web Quiz E Commerce : What are the most common e commerce business models? Who benefits from e commerce? How does an e commerce store work? Explain how online shopping carts work? E Commerce Why People Shop on the Internet Discussion Shopping Online Assignment Reality Assignment E Commerce Business Module 2 E Commerce Quiz Introduction to Basic Design What tools can I use to create a web page? How do I create a web page with a text editor? What are the benefits of using an authoring tool when creating a web page? How do I get my web pages on the Internet? Introduction to Basic Design Question for Thought Career in Web Design Basic Design Plan Storyboard Reality Assignment Authored Web Page Reality Assignment Web Site Critique Module 3 Basic Design Quiz

2 HTML What is HTML? How do HTML tags work? What are the benefits of style sheets? How do HTML documents differ from documents created with a word processor such as Word or WordPerfect? Assignment #1: Markup Language Question for Thought Discussion Assignment #2: HTML Tags Assignment #3: HTML Document Replication Assignment #4: HTML Reality Assignment Final Assessment About Me Website Module 4 HTML Quiz Introduction to Microsoft Expression Studio Describe the function of the software products included in Microsoft Expressions Studio 3. What is the difference between a vector and raster graphic? Compare and contrast the.gif,.jpeg, and.png image file formats. Why are images used on web pages? Assignment #1: Images Question For Thought Assignment #2: Expression Design Image Assignment #3: Expression Design Reality Assignment Expression Design Tools What is the benefit of using a higher resolution file? Which image file would you recommend be used for web pages? Why is it necessary to ensure that your website is accessible to individuals with disabilities? Assignment #1: Expression Design Question for Thought Tools Assignment #2: Vector Image Assignment #3: Reality Assignment Adding Text to a Path Manipulating Images in Expression Web What is the benefit of using a higher resolution file? Which image file would you recommend be used for web pages? Why is it necessary to ensure that your website is accessible to individuals with disabilities?

3 Assignment #1: Manipulating Images in Expression Web Enhancing Images Assignment #2: Cropping an Image Assignment #3: Reality Assignment Image Map: About me Microsoft Expression Studio Test Copyright Why would someone want to copyright their work? What are the benefits of having documents in public domain? What can you do to protect information included on your website? Assignment #1: Questions for Thought Copyright Assignment #2: Copyright 101 Tutorial Assignment #3: Fair Use Scenarios Assignment #4: Copyright Reality Assignment Copyright Test Introduction to Microsoft Expression Web Why is it important to develop a plan before creating your website? How can page property settings impact your website? Why is it important to consider color scheme when designing a website? Assignment #1: Question for Thought Coding vs. Software Editors: Which is best? Assignment #2: Color My Web Site Assignment #3: Reality Assignment My Favorite School Subject Introduction to Microsoft Expression Web Quiz Creating Styles and Layouts Why is it important to use a consistent font family in your website? What should a web designer plan for when creating style sheets? How are style rules organized? Assignment #1: Expression Web Creating Styles & Layouts Question for Thought CSS Style Sheet Assignment #2: CSS Style Sheet Assignment #3: Reality Assignment My Favorite Season Creating Styles and Layouts Quiz Working With Data Tables

4 Why is it important to delineate text in a table? When choosing an AutoFormat, what should you consider? How can you control a column's width when typing header data? Why is it important to add a caption with your table? Assignment #1: Expression Web Working with Data Table Question for Thought: Pixels vs. Percentage Assignment #2: My Schedule Assignment #3: Reality Assignment My Game Store Working With Data Table Quiz Working With Forms : When planning a form, why is it important to know the results you expect to achieve? When would it be appropriate to add a text box control to your website? When would it be appropriate to add radio buttons to your website? What purpose does a drop down box serve on a web site? Assignment #1: Expression Web Creating Forms Question for Thought Form Handler Assignment #2: Survey Poll Assignment #3 Reality Assignment Yearbook Project Working With Forms Quiz Website Categories : What type of information is found on a personal website? What are forward links? What are backward links? Why should informational websites be updated regularly? Website Categories Assignment Submissions & Tests Assignment #1: Question for Thought Personal Website Assignment #2: e Portfolios Reflective Essay Assignment Assignment #3: Website Categories Reality Assignment Website Categories e Portfolio Quiz Professionalism : What are the traits of an effective leader? Why are leaders needed in society? What is the difference between a leader and manager? What student organizations are available to develop your Assignment #1: Leadership Question for Thought Assignment #2: Web Design Mission Statement

5 Assignment #3: Dress for Success Assignment #4: Professionalism Reality Assignment Professionalism Quiz