|
Web Page Design
Mon, Nov 18 | Welcome / Expectations / Journal 1 - What makes up a good Web site? (target: 4 sentences) / WPD folder | Know - Hypertext Markup Language (HTML) is the basic code for Web pages. Understand - HTML tags and attributes tells the Web browser to display a page's content. Do - Apply HTML tags and attributes to create Web pages. How is html used in Web page development? |
Tue, Nov 19 | Internet Puzzle / My Page / html structure, align, lists, bold, italics, underline, headings | |
Wed, Nov 20 | html color, hyperlink, images | |
Thu, Nov 21 | Internet Questions / html tables - class schedule / Reading 1 | |
Fri, Nov 22 | finish Internet Questions / Calendar / prepare for Quiz | |
Mon, Nov 25 | Journal 2 - Tim Berners-Lee (Who is he? What are his accomplishments that changed the world? include link) target: 6 sentences) / Calendar / Quiz | |
Tue, Nov 26 | begin Black Hills Experience | |
Mon, Dec 2 | Journal 3 - W3C / finish Black Hills Experience / form (text boxes, radio buttons, checkbox, dropdown, submit/rest buttons) | |
Tue, Dec 3 | form - school information / begin html Website (restaurant with menu and form) | |
Wed, Dec 4 | finish html Website / Reading 2 / prepare for html assesment | |
Thu, Dec 5 | html assessment (questions and Web page) | Mon, Dec 9 | Journal 4 - Which colors pair well together and why? / Color and Elements of Design | Know: The elements of design are line, shape, direction, size, texture, and color. The principles of design are balance, rhythm, proximity, alignment, repetition, contrast, and space.
Understand: The elements and principles of design evoke emotions and influence the effectiveness of Web pages, documents, spreadsheets, and presentations. Do: apply the elements and principles of design to projects evaluate the effectiveness of elements and principles of design used in projects |
Tue, Dec 10 | finish color and elements of design / Principles of Design / begin Designs (Freeform) | Wed, Dec 11 | Designs | Thu, Dec 12 | computer system - Info | Questions / prepare for color, design, and computer system quiz / install Dreamweaver | Fri, Dec 13 | Color, Design Principles, and Computer System Quiz / Dreamweaver Basics | Mon, Dec 16 | Journal 5 - What is balance and why is it important in Web pages? (target: 4 sentences) / Dreamweaver (Local Person Page and President's Page) | Know: Dreamweaver is a WYSIWYG software program.
Understand: Dreamweaver features can be used to create desired outcomes for Web pages. Do: Apply Dreamweaver features |
Tue, Dec 17 | begin Zoo Site (partners) | Wed, Dec 18 | continue Zoo Site | Thu, Dec 19 | Zoo Site progress / Reading 3 | Fri, Dec 20 | Zoo Site due | Mon, Jan 6 | Journal 6 - Which music type do you listen to the most and why? / Band Site (music group of your choice, home page, 2 sub pages, include text, images, video links, etc) | Tue, Jan 7 | Club Site / Book and Summary Page | Wed, Jan 8 | Dreamweaver Quiz / Telecommunications Technology Page / Community Issue Page | Thu, Jan 9 | Tech and Community Issue Pages due / begin Art Site (Choose two time periods and compare art) | Fri, Jan 10 | Finish Web Pages / Registration and Form | Mon, Jan 13 | Journal 7 - What type of software is Dreamweaver and what have you learned? (target: 4 sentences) / Your Choice of Website | Tue, Jan 14 | Dreamweaver Assessment | Wed, Jan 15 | Animate (classic tween) | Know: Adobe Animate is an animation software.
Understand: Animate features can be used to publish animations. Do: Apply Animate features |
Thu, Jan 16 | Animate (replay button, windmill and walking tutorials) | Fri, Jan 17 | Animate (three completed tutorials due, how to with replay button, and begin ranch scene) |
Tue, Jan 21 | Journal 8 - make a list of steps to create a button in Animate / ranch scene | |
Wed, Jan 22 | plan Animate story (multiple buttons and at least 3 endings) | |
Thu, Jan 23 | Animate story | |
Fri, Jan 24 | Animate Quiz | |
Mon, Jan 27 | Journal 9 - Why modify photos? / Photoshop Tools | Know: Adobe Photoshop is a graphic editor program.
Understand: Photoshop features can be used to modify graphics. Do: Apply Photoshop features |
Tue, Jan 28 | Photoshop (eraser, lasso, remove background, transform, layers) - Create scene with at least 3 images and self included | |
Wed, Jan 29 | Photoshop - frame animation | |
Thu, Jan 30 | Photoshop - banner, doodle for Google, and Scooper event | |
Fri, Jan 31 | Photoshop - animation, filters, and Scribble Art | |
Mon, Feb 3 | Journal 10 - most useful Photoshop tool, tool functions, and why (target: 4 sentences) / Photoshop Quiz / Web Hosting | |
Tue, Feb 4 | Web Page notes and questions / Write Web Text / Navigation Schemes | Know: Five parts of Web development process are 1. Determine the purpose and goals of the Web site 2. Design and Develop the Web site (1. Information Design - determine content based on audience, purpose, message, and scope. 2. Presentation Design - determine physical appearance - plan site theme, colors, focal point, placement of text, graphics, links 3. Interactive Design - determine how the user will navigate through the site) 3. Evaluate and Test the Web site (Site meets purpose, goals, and everything works properly) 4. Implement the Web site (publish on server) 5. Maintain Web site (keep it current and working properly) Understand: Planning is an essential part of Web design. Do: Use planning techniques |
Wed, Feb 5 | Website for Juneau, AK (starter template) | |
Thu, Feb 6 | Planning Quiz | |
Fri, Feb 7 | CSS (Cascading Style Sheets) | |
Mon, Feb 10 | Journal 11 - What do you know about CSS? / CSS | |
Tue, Feb 11 | CSS | |
Wed, Feb 12 | Final Essays / Problems with Sites and Solutions | |
Thu, Feb 13 | Final Project Planning | |
Wed, Feb 19 | Journal 12 - How has your knowledge in creating Websites changed over the trimester? / Final Project | |
Thu, Feb 20 | Final Project | |
Fri, Feb 21 | Final Project revisions | |
Mon, Feb 24 | evaluate Final Project | |
Tue, Feb 25 | Final Review / Software Choice | |
Wed, Feb 26 | Final Review | |
Fri, Feb 28 | Final |