mailto:vincent.schmaltz@k12.sd.us


   Weather Underground - Click for Sturgis, SD Forecast

Web Page Design

Syllabus

Assignments

Mon, Nov 18Welcome / 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 19Internet Puzzle / My Page / html structure, align, lists, bold, italics, underline, headings
Wed, Nov 20html color, hyperlink, images
Thu, Nov 21Internet Questions / html tables - class schedule / Reading 1
Fri, Nov 22finish Internet Questions / Calendar / prepare for Quiz
Mon, Nov 25Journal 2 - Tim Berners-Lee (Who is he? What are his accomplishments that changed the world? include link) target: 6 sentences) / Calendar / Quiz
Tue, Nov 26begin Black Hills Experience
Mon, Dec 2Journal 3 - W3C / finish Black Hills Experience / form (text boxes, radio buttons, checkbox, dropdown, submit/rest buttons)
Tue, Dec 3form - school information / begin html Website (restaurant with menu and form)
Wed, Dec 4finish html Website / Reading 2 / prepare for html assesment
Thu, Dec 5html assessment (questions and Web page)
Mon, Dec 9Journal 4 - Which colors pair well together and why? / Color and Elements of DesignKnow: 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 10finish color and elements of design / Principles of Design / begin Designs (Freeform)
Wed, Dec 11Designs
Thu, Dec 12computer system - Info | Questions / prepare for color, design, and computer system quiz / install Dreamweaver
Fri, Dec 13Color, Design Principles, and Computer System Quiz / Dreamweaver Basics
Mon, Dec 16Journal 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 17begin Zoo Site (partners)
Wed, Dec 18continue Zoo Site
Thu, Dec 19Zoo Site progress / Reading 3
Fri, Dec 20Zoo Site due
Mon, Jan 6Journal 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 7Club Site / Book and Summary Page
Wed, Jan 8Dreamweaver Quiz / Telecommunications Technology Page / Community Issue Page
Thu, Jan 9Tech and Community Issue Pages due / begin Art Site (Choose two time periods and compare art)
Fri, Jan 10Finish Web Pages / Registration and Form
Mon, Jan 13Journal 7 - What type of software is Dreamweaver and what have you learned? (target: 4 sentences) / Your Choice of Website
Tue, Jan 14Dreamweaver Assessment
Wed, Jan 15Animate (classic tween)Know: Adobe Animate is an animation software.

Understand: Animate features can be used to publish animations.

Do: Apply Animate features

Thu, Jan 16Animate (replay button, windmill and walking tutorials)
Fri, Jan 17Animate (three completed tutorials due, how to with replay button, and begin ranch scene)
Tue, Jan 21Journal 8 - make a list of steps to create a button in Animate / ranch scene
Wed, Jan 22plan Animate story (multiple buttons and at least 3 endings)
Thu, Jan 23Animate story
Fri, Jan 24Animate Quiz
Mon, Jan 27Journal 9 - Why modify photos? / Photoshop ToolsKnow: Adobe Photoshop is a graphic editor program.

Understand: Photoshop features can be used to modify graphics.

Do: Apply Photoshop features

Tue, Jan 28Photoshop (eraser, lasso, remove background, transform, layers) - Create scene with at least 3 images and self included
Wed, Jan 29Photoshop - frame animation
Thu, Jan 30Photoshop - banner, doodle for Google, and Scooper event
Fri, Jan 31Photoshop - animation, filters, and Scribble Art
Mon, Feb 3Journal 10 - most useful Photoshop tool, tool functions, and why (target: 4 sentences) / Photoshop Quiz / Web Hosting
Tue, Feb 4Web Page notes and questions / Write Web Text / Navigation SchemesKnow: 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 5Website for Juneau, AK (starter template)
Thu, Feb 6Planning Quiz
Fri, Feb 7CSS (Cascading Style Sheets)
Mon, Feb 10Journal 11 - What do you know about CSS? / CSS
Tue, Feb 11CSS
Wed, Feb 12Final Essays / Problems with Sites and Solutions
Thu, Feb 13Final Project Planning
Wed, Feb 19Journal 12 - How has your knowledge in creating Websites changed over the trimester? / Final Project
Thu, Feb 20Final Project
Fri, Feb 21Final Project revisions
Mon, Feb 24evaluate Final Project
Tue, Feb 25Final Review / Software Choice
Wed, Feb 26Final Review
Fri, Feb 28Final