We are going to make a Web page in Flash today.
At the Bell: Open Flash on your computer so we can get started right away.
Objectives: As a result of this lesson, students will:
Assignment: Create a Web Page using Flash. The page can be about anything school appropriate. If you like, you can recreate a page you made in another Web design tool. Minimum requirements:
Today is Unit 4 Graphics Module 2 Lesson 4: Adding Images to Your Web Page
At the Bell: Pick up where you left off yesterday.
Objectives:
Assignment: Work on graphics.html in your Portfolio (upload to Unit 4 in Moodle before you leave); review questions on the handout
Resources:
Today is Unit 4 Graphics Module 2 Lesson 4: Adding Images to Your Web Page
At the Bell: Complete "ATB: Images Review 3" in Moodle Unit 4
Objectives:
Assignment: Work on graphics.html in your Portfolio; review questions on the handout
Resources:
Today is Unit 4 Graphics Module 1 Lesson 2: Copyright Law and Graphics on the Web
At the Bell: Complete "ATB: Images Review 2" in Moodle, Unit 4.
Objectives:
Assignment:
Resources:
Today is Unit 4 Graphics Modulel 1 Lesson 1: Introduction to Web Graphics. Open it up on your computer so you can follow along.
At the Bell: Complete "ATB: Images Review 1" in Moodle, Unit 4. Use the resources linked below to help you find the answers if you get stuck.
Objectives: As a result of this lesson, students will:
Assignment: Read about the Purpose and Guidelines for Effective Use of Web Graphics; add content to the graphics.html file in your Portfolio.
Resources:
I want you to try adding a stop to an animation today (see resources) and work on your animation project.
At the Bell: Open Flash and start working on your Animation Project.
Objectives: As a result of this lesson, students will:
Assignment: Create an original Flash animation. Use 3 or more layers (stationery background; moving objects). You will upload your animated GIF file to "First Flash Animation in Moodle, Unit 4.
Ideas to get you started: • Make an apple fall from a tree • Cannon firing a cannon ball • Kite flying in the sky • Bug land on flower
Resources:
Extension: Flash Assignment #2 – Simple Animation or Flash Assignment #3 – Banner Ad or other approved extension activity on the course Website.
I am introducing you to the IMG tag today.
At the Bell: Complete "ATB: Why put images in Web pages?" in Moodle, Unit 4.
Objectives: As a result of this lesson, students will:
Assignment: Add images Web pages.
Whole class practice: Create a new folder called "images" on your H drive. Right-click on each file below, and select "Save link as ..." to save them into your "images" folder. Open the Web page file in Notepad++ and in your browser.
Individual: Add a relevant image to your Portfolio index page.
Resources:
We are going to review and practice CSS today.
At the Bell: None
Objectives: As a result of this lesson, students will:
Assignment: Portfolio style sheet; Stuff Shop CSS practice (You will need to download the files below). 12 points.
Enrichment: Peer tutoring, work on your personal Web site project OR add CSS to another existing project OR work on CSS Enrichments (Willet Creek Golf, Music, Event Calendar)
We are doing some CSS Practice today.
At the Bell: Logon and open today's announcement on your computer.
Objectives: As a result of this lesson, students will:
Assignment: Stuff Shop CSS practice (You will need to download the files below). 12 points.
Enrichment: Peer tutoring, work on your personal Web site project OR add CSS to another existing project OR work on CSS Enrichments
Reference:
Unit 3 Module 5 Lesson 3: Pseudo-class Selectors in CSS
Unit 3 Module 6: Page Layout (Navigation Menu)
At the Bell: Complete "ATB: CSS Review 5" in Moodle Unit 3.
Objectives: As a result of this lesson, students will:
Assignment: Format the NAV section of your portfolio index with CSS. When you finish, upload your updated portfolio.css to Moodle Unit 3 in the "Final css" link.
Enrichment: Peer tutoring, work on your personal Web site project OR add CSS to another existing project OR work on CSS Enrichments
References:
We are going outside to take pictures today.
We are doing more CSS Formatting using ID and class
At the Bell: Complete "ATB: CSS Review 4" in Moodle Unit 3 (if you didn't do it yesterday).
Objectives: As a result of this lesson, students will:
Assignment: Add formatting to your mystyle.css
Enrichment: Peer tutoring, work on your personal Web site project OR add CSS to another existing project OR work on CSS Enrichments
References:
Unit 3 Module 4: The Box Model in CSS
At the Bell: Complete "ATB: CSS Review 3" in Moodle Unit 3.
Objectives: As a result of this lesson, students will:
Assignment: Work on an portfolio .css file. Upload it to Moodle before the end of class. Your css file should include, at minimum, font, color, margin, and border style declarations for:
Note: You don't need to have each type of style declaration for each selector.
Enrichment: Peer tutoring, work on your personal Web site project OR add CSS to another existing project OR work on CSS Enrichments
References:
At the Bell: Read the article on Flash linked here. In the forum labeled "ATB: Response to article about Flash" anin Moodle Unit 4, type your reaction to the article (Do you agree or disagree? Do you think the author gave enough examples? Do you think the pointers the author gave are good ideas? What pointers would you give?). Read and respond to your classmates' postings.
Flash animimation continued; Create an Animated .gif file
At the Bell: Pick up where you left off on Friday.
Objectives: As a result of this lesson, students will:
Assignment: Create an original Flash movie. Use 3 or more layers (stationery background; moving objects). You will upload your animated GIF file to "First Flash Animation in Moodle, Unit 4.
Ideas: • Make an apple fall from a tree • Cannon firing a cannon ball • Kite flying in the sky • Bug land on flower
Resource: PickaWeb Flash tweening tutorial online at: http://www.pickaweb.co.uk/movies1/flash_tween.htm.
Extension: Flash Assignment #2 – Simple Animation or Flash Assignment #3 – Banner Ad or other approved extension activity on the course Website.
We are going to discuss and practice animating Flash today: Miscellaneous Lessons >> Adobe Assignments >> Flash Lesson 2: Flash Animation: Using the Timeline
At the Bell: Open Flash on your computer. Open a blank document.
Objectives: As a result of this lesson, students will:
Assignment: Create an original Flash movie. Use 3 or more layers (stationery background; moving objects). You will upload your animated GIF file to "First Flash Animation in Moodle, Unit 4.
Ideas: • Make an apple fall from a tree • Cannon firing a cannon ball • Kite flying in the sky • Bug land on flower
Resource: PickaWeb Flash tweening tutorial online at: http://www.pickaweb.co.uk/movies1/flash_tween.htm.
Extension: Flash Assignment #2 – Simple Animation or Flash Assignment #3 – Banner Ad or other approved extension activity on the course Website.
Unit 3 Modules 2 and 3: Color and Typography using CSS
At the Bell: Complete "ATB: CSS Review 2" in Moodle Unit 3.
Objectives: As a result of this lesson, students will:
Assignment: Add formatting to your portfolio.css
Enrichment: Peer tutoring, work on your personal Web site project OR add CSS to another existing project OR work on CSS Enrichments
References:
Unit 3 Module 1 Lessons 2 and 3
At the Bell: Complete "ATB: CSS Review 1" under in Moodle Unit 3.
Objectives: As a result of this lesson, students will:
Assignment: Format an external CSS file and link it to the rest of your Portfolio documents.
Enrichment: Peer tutoring, work on your personal Web site project OR add CSS to another existing project OR work on CSS Enrichments
Reference:
Today's Lesson is Unit 3 > Module 1: Introduction to Cascading Style Sheets
At the Bell: Pull up and start reading Lesson 1: Anatomy of a Style
Objectives: As a result of this lesson, students will:
Assignment: CSS Review questions in Moodle, Unit 3; Add CSS formatting to your Portfolio Index. Your embedded style should include, at minimum, style declarations for:
Enrichment: Peer tutoring, work on your personal Web site project OR add CSS to another existing project OR work on CSS Enrichments
References:
I am giving you today to finish your Flash drawing from Friday. I am also going to show you how to use layers in Flash and how to create a .gif file.
At the Bell: Pick up where you left off on Friday.
Objectives:
Assignment: Create a Flash drawing, publish it as a .gif file, and upload it into "First Flash Drawing" in Moodle in Unit 4. (12 points)
Resources: Flash Manual, Drawing demo video (7:53), using the Line and Pencil tool; using the Pen Tool
Today is Flash Friday. Work on learning the Flash drawing tools.
At the Bell: Open Flash on your
computer. Go to Start -> All Programs -> Adobe Design
Premium CS6 -> Adobe Flash CS6 Professional
Objectives:
Assignment: Create a Flash drawing, publish it as a .gif file, and upload it into "First Flash Drawing" in Moodle in Unit 4. (12 points)
Resources: Flash Manual, Drawing demo video (7:53), using the Line and Pencil tool; using the Pen Tool
Continue working with your video.html file.
At the Bell: Video tag review in Moodle, Unit 2
Objectives: As a result of this lesson students will:
Assignment: Follow the directions for adding captioning to your video. Since the track files are simple text, you can open and edit them in Notepad++.
Resources:
Video Files in MP4 (for Internet Explorer, Safari, & Chrome) |
Video Files in WebM (for Firefox, Opera, & Chrome) |
Still Poster Images for Videos |
Closed Caption Files in VTT |
Enrichment: Add additional videos to the video.html file in your portfolio, or add video to your personal website project.
We are going to add video to a Web page today.
At the Bell: Complete "ATB: Table Tags Review 2" in Moodle, Unit 2. Then start reading through today's lesson Adding Video to Web Pages.
Objectives: As a result of this lesson students will:
Assignment: Add a video to the video.html file in your Portfolio. Upload your work before you leave.
Enrichment: Peer tutoring; add captions
Resources:
Video Files in MP4 (for Internet Explorer, Safari, & Chrome) |
Video Files in WebM (for Firefox, Opera, & Chrome) |
Still Poster Images for Videos |
Closed Caption Files in VTT |
We are going to practice using Tables to lay out data and other content using Tables.
At the Bell: Read through Lesson 1: Creating a Data Table. Then complete "ATB: Table Tags Review 1" in Moodle, Unit 2.
Objective: Students will learn and be able to produce Web pages with the basic table tags TABLE, TR, TH, TD and CAPTION.
Assignment: Complete an Accessibility Table as described in the Creating a Data Table lesson. Format your table with some ideas from the article "Data Tables in Modern Web Design." Upload to the "Accessibility Table" link in Moodle, Unit 2.
Resources:
Enrichment: Research assistive devices used by people with disabilities to access Web pages. Add what you learned to your accessibility.
First, I am going to show you how to create a compressed file so you can upload your Recipe site to Moodle, Then, we will discuss how to lay out data in tables. NEXT TIME DO THE LINKS LESSON FIRST
At the Bell: Open Notepad ++ on your computer. Type your class schedule into a new document (see sample below).
Period 1 Math Professor Al Gebra 212
Period 2 English Ms. I. Read 114
Period 3 Art Mr. Michael Angelo 206
Period 4 Web Design Dr. Kerby 241
Period 5 Accounting Mr. Cal Culator 107
Period 6 Phys Ed Mrs. I. M. Beat
Objectives: As a result of this lesson, students will:
Assignment: Table Demo
If time allows, complete an Accessibility Table as described i the Creating a Data Table lesson. Format your table with some ideas from the article "Data Tables in Modern Web Design." Upload to "Accessibility Table" in Moodle, Unit 2.
References:
Enrichment: Complete the Accessibility Table assignment as specified in the lesson (10 points)
I am going to demonstrate how to build the index file and how to zip your files for uploading.
At the Bell: Pick up where you left off yesterday with the Recipe project.
Objectives: As a result of this lesson, students will:
Assignment: Finish Recipe Website Project ° and upload your zipped Website to Moodle, Unit 2.
Resources:
Enrichment: Chemistry Web site, personal Web site; try some things out in the KompoZer User Guide
Finish up the cookies file from yesterday if it is not complete. Then you will work on the Recipe Website. It should be finished by the end of class tomorrow.
At the Bell: Complete "ATB: List Tag Review 2" in Moodle, Unit 2
Objectives: As a result of this lesson, students will:
Assignment: Recipe Website Project °
Resources:
Enrichment: Chemistry Web site, personal Web site; try some things out in the KompoZer User Guide
Today I will show you linking in Dreamweaver and KompoZer.
At the Bell: Complete " ATB: Tag and Attribute Matching" in Moodle, Unit 2
Objectives: As a result of this lesson, students will:
Assignment: Link Portfolio pages; Create cookies.html
Enrichment: Peer support, Personal Website and/or explore new HTML tags at http://www.w3.org/
Resources:
Today's lesson is Unit 2 > Module 4: Creating Links
At the Bell: Log onto the computer. Open a blank HTML document in Notepad++, Wordpad, or Dreamweaver. Save it as "links.html" in your practice folder; then open it in the browser.
Objectives: As a result of this lesson, students will:
Assignment: Add links to a Web page. Upload your page to Moodle.
Resources:
Enrichment: Peer tutoring, Chemistry Web site, personal Web site
Introduction to Dreamweaver
At the Bell: Complete "ATB: List Tag Review 1" in Moodle, Unit 2.
Objectives: As a result of this lesson, students will:
Assignment: Set up the Portfolio site in Dreamweaver; complete any incomplete assignments
Extension: Set up Personal Website in Dreamweaver
Today is Unit 2 - Module 3 Lesson 2: Creating a Navigation Menu
At the Bell: Complete "ATB: HTML Review 2" in Moodle, Unit 2.
Objectives: As a result of this lesson, students will:
Assignment: Complete and upload:
Resources:
Enrichment: Use CSS to format your lists; add list tags to your Personal Web site project; Complex Lists practices on handout
Today is Unit 2 - Module 3: HTML Lists
At the Bell: Complete "ATB: HTML Review 1" in Moodle, Unit 2.
Objectives: As a result of this lesson, students will:
Assignment:
Resources:
Enrichment: Use CSS to format your lists; add list tags to your Personal Web site project; Complex Lists practices on handout
We are going to review and practice basic Web page formatting today.
At the Bell: Complete "ATB: Basic of Web design" in Moodle, Unit 2.
Objectives: As a result of this lesson, students will:
Assignment:
Resources:
Enrichment: Peer tutoring -- OR -- Start (or continue) building a personal Website
We are going to practice fonts and add to our portfolio index page.
At the Bell: Log onto the computer and open this announcement and your index.html file on your computer.
Objectives: As a result of this lesson students will:
Assignment:
Resources:
Enrichment: Explore some of the Chrome extensions for Designers; Work on something for a competition (see Computer Club Web page)
We are going to finish setting up our Portfolios today and build our index file.
At the Bell: Answer the questions on the handout. It's on the desk where the Lav signout is.
Objectives: As a result of this lesson students will:
Assignment:
Resources:
Enrichment: Explore some of the Chrome extensions for Designers; Work on something for a competition (see Computer Club Web page)
We are going to set up our course Portfolios today.
At the Bell: Log on and open your browser to Unit 2 Module 1: Pre-Coding and read the introduction.
Objectives: As a result of this lesson students will:
Assignment: Start setting up the Portfolio Website
Resources:
Enrichment: Add color or other formatting using the Website resources at dkerby.com
Today is Unit 1 Module 3 Lesson 2: How People with Disabilities Access the Web. If we have time, we will also start setting up your portfolio.
At the Bell: Log on and open your browser to Module 3 Lesson 2: How People with Disabilities Access the Web.
Objectives: As as result of this lesson, students will:
Assignment: Participate in the "Designing for Disabilities" Forum in Moodle, Unit 1
Resources:
Enrichment: ADA Compliance Discussion in Moodle, Unit 1
We are looking at the next step in good Web design today with Unit 1 Module 3: Web Standards and Accessible Design
At the Bell: Log on and open your browser to Module 3 Lesson 1: Web Standards.
Objectives: As as result of this lesson, students will:
Assignment: Answer the review questions on the handout using the Website resources below. You may work with a partner if you like. Make sure to hand in your work before you leave.
Resources:
Enrichment: Make a time line showing changes to HTML since 1993.
We are working on Module 2 - Color Theory
At the Bell: Log into Moodle and Complete "ATB: Evaluating Websites" in Unit 1. Use your lunch number for the login id and the password you got this morning.
Objectives: As a result of this lesson, student will:
Assignment: Answer the review questions on the handout using the Website resources below. You may work with a partner if you like. Make sure to hand in your work before you leave
Resources:
Enrichment: Create a chart of
Good vs. Bad habits in Web Design
First we are going to do the Website evaluation from yesterday. Then we will start working on Module 2 - Color Theory
At the Bell: Log into Moodle and Complete "ATB: Evaluating Websites" in Unit 1.
Objectives: As a result of this lesson, student will:
Assignment: Answer the review questions on the handout using the Website resources below. You may work with a partner if you like. Make sure to hand in your work before you leave
Resources:
Enrichment: Create a chart of Good vs. Bad habits in Web Design
Today is Module 1: Lesson 1 - Surveying the Possibilities
At the Bell: Complete "ATB: Class Rules Review" in Moodle, Unit 1 (we will do it together).
Objectives:
Assignment: Complete a Website Evaluation worksheet
Resources:
Enrichment: Create your own Website Evaluation sheet -- OR -- share your evaluation with the class.
Pride Lessons
Pride Lessons
Welcome to Web Design. I'm glad you are joining us. I'm looking forward to seeing what you can do this semester. We will be using this Website every day to share information and files. Since I post the daily lessons here, you'll be able to keep up if you ever need to miss class. Before you go today, we will talk about being "involved" from the PRIDE Matrix.
At the Bell: Pick up a copy of the Class Rules from the desk by the door. Then locate your assigned seat.
Objectives:
Assignment: Learn the class rules and expectations.
Handouts:
