Teacher: CORE WEB DESIGN
 Year:      2009-2010 
 Course:  WEB DESIGN  

S
E
P
T
E
M
B
E
R

What is the Internet?

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

How do I use the Internet Ethically?

What is the World Wide Web?

What is Hypertext Markup Language?

How do I use a Web browser?

What is a Uniform Resource Locator?

How do I properly search the Web?

What are different Web careers?

 

 

Ethics

World Wide Web

Hypertext Markup Language

Web browser

Uniform Resource Locator

Search the Web

Web Careers

 

Explain how to use the Internet Ethically.

 

Use the World Wide Web

 

Describe Hypertext Markup Language

Evaluate different Web browsers.

 

Identify parts of a Uniform Resource Locator.

Describe different ways to properly search the Web.

Evaluate different Web careers.

 

Using the Internet Ethically
9/11/2009

Review of Multimedia
9/14/2009

Understanding the Internet
9/17/2009

Searching the Web
9/1/2009

 

 

 

 

 

1.1 ~ Students demonstrate a sound understanding of the nature and operation of technology systems.

 

1.2 ~ Students are proficient in the use of technology.

 

2.1 ~ Students understand the ethical, cultural, and societal issues related to technology.

 

2.2 ~ Students practice responsible use of technology systems, information, and software.

 

2.3 ~ Students develop positive attitudes toward technology uses that support lifelong learning, collaboration, personal pursuits, and productivity.

 

3.1 ~ Students use technology tools to enhance learning, increase productivity, and promote creativity.

 

3.2 ~ Students use productivity tools to collaborate in constructing technology-enhanced models, prepare publications, and produce other creative works.

 

5.1 ~ Students use technology to locate, evaluate, and collect information from a variety of sources.

 

IT 1 ~ Impact on Society – Assess the impact of information technology on society.

 

IT 17 ~ Information Technology Careers – Describe positions and career paths in information technology.

 

IT 7 ~ Information Retrieval – Gather, evaluate, use, and cit information from information technology sources.

 

 

 

 

Web Page Design

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

How do I organize a Web page / Web site?

What are successful ways to build a Web site?

What are the elements of a Web page?

How do I develop a Web site?

What is a storyboard?

 

 

Web Page

Web Site

Storyboard

 

Explain how to organize a Web page / Web site.

Identify successful ways to build a Web site.

Describe the elements of a Web page.

 

Explain how to properly devlop a Web site.

Create a storyboard.

 

Storyboard Poster
9/25/2009

 

 

 

 

 

1.2 ~ Students are proficient in the use of technology.

 

3.2 ~ Students use productivity tools to collaborate in constructing technology-enhanced models, prepare publications, and produce other creative works.

 

IT 7 ~ Information Retrieval – Gather, evaluate, use, and cit information from information technology sources.

 

 

 

 

PhotoDraw

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

How do I create animations in PhotoDraw?

How do I create a background in PhotoDraw?

How do I insert my PhotoDraw animation / background into a HTML Web page?

 

PhotoDraw Animations

PhotoDraw Backgrounds

 

Create text / graphic animation in PhotoDraw.

 

Design a background in PhotoDraw.

Import the animation and background created in PhotoDraw into a Web page.

 

 

Animations and Backgrounds
9/28/2009

 

 

 

 

 

1.2 ~ Students are proficient in the use of technology.

 

3.1 ~ Students use technology tools to enhance learning, increase productivity, and promote creativity.

 

3.2 ~ Students use productivity tools to collaborate in constructing technology-enhanced models, prepare publications, and produce other creative works.

 

 

 

 

O
C
T
O
B
E
R

Notepad and HTML

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

How do I start Notepad and wrap text?

How do I enter inital tags into Notepad?

 

How do I correct my errors in Notepad?

 

Notepad

Text Wrapping

Initial HTML Tags

 

Correcting Errors

 

Access Notepad on the computer.

 

Explain how to wrap text in Notepad.

Use Notepad to enter inital HTML tags.

Describe how to correct HTML errors using Notpad.

 

HTML Initial Tag Quiz
10/6/2009

 

 

 

 

 

1.2 ~ Students are proficient in the use of technology.

 

2.2 ~ Students practice responsible use of technology systems, information, and software.

 

 

 

How do I enter headings into an HTML file?

How do I enter a Meta Name?

How do I enter text in paragraph form?

How do I create a list in HTML?

What is the difference between an ordered and unordered list?

 

HTML Headings

Meta Name

HTML Paragraphs

HTML List

 

Create a heading in HTML.

 

Explain what the Meta Name tag is used for.

Use HTML to enter text in paragraph form.

Use HTML to enter a list.

Explain the difference between an ordered list and an unordered list. 

 

Computer Project using HTML tags single web page
10/14/2009

 

 

 

 

 

1.1 ~ Students demonstrate a sound understanding of the nature and operation of technology systems.

 

1.2 ~ Students are proficient in the use of technology.

 

2.2 ~ Students practice responsible use of technology systems, information, and software.

 

 

 

How do I save an HTML file?

How do I use the browser to view a Web page?

 

Save

Browser

 

Utilize your HTML skills to save a HTML file.

Explain how to view a Web page in the browser.   

 

 

Pizza Web Page
10/5/2009

 

 

 

 

 

1.2 ~ Students are proficient in the use of technology.

 

2.2 ~ Students practice responsible use of technology systems, information, and software.

 

 

 

 

Improving the Appearance of a Web Page

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

How do I change a heading size in HTML?

How do I add a horizontal rule in HTML?

What are the different alignment tags used in HTML?

How do I change color using HTML?

How do I customize the font (color, size, style, and font type) in HTML?

 

Heading Size

Horizontal Rules

Alignment Tags

Color

Customize Font

 

Identify the six heading sizes in HTML.

Identify the tag used to insert a horizontal rule.

Identify the different HTML alignment tags.

 

Utilize the HTML color tags to enhance a Web page.

 

Define the HTML tags used to customize font.

 

 

Editing your Pizza Web Page
10/8/2009

 

 

 

 

 

1.2 ~ Students are proficient in the use of technology.

 

3.1 ~ Students use technology tools to enhance learning, increase productivity, and promote creativity.

 

 

 

How do I add a table in HTML?

What are the tags used to customize a table using HTML?

 

Tables

 

Customize a Table

 

Identify the HTML tag used to insert a table.

 

Create a customized table--complete with rows, columns, cells, colors, and alignments.

 

Table Project
10/11/2009

 

 

 

 

 

1.2 ~ Students are proficient in the use of technology.

 

3.1 ~ Students use technology tools to enhance learning, increase productivity, and promote creativity.

 

 

 

How do I create create a HTML Web page using all the skills learned?

 

Combining All Skills Learned

 

Using Notepad, create a HTML Web page with all skills learned.

 

Computer Club
10/14/2009

 

 

 

 

 

1.2 ~ Students are proficient in the use of technology.

 

3.1 ~ Students use technology tools to enhance learning, increase productivity, and promote creativity.

 

3.2 ~ Students use productivity tools to collaborate in constructing technology-enhanced models, prepare publications, and produce other creative works.

 

 

 

 

Images and Backgrounds

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

What are different image types?

How do I save an image?

What are some great Web resources for graphics?

How do I add horizontal and vertical space?

How do I adjust the size of an image?

How do I format the Web page background--color and/or picture? 

 

Image Types

Saving an Image

Web Resources

Horizontal and Verticle Space

Image Size

Format Backgrounds

 

Identify different image types.

 

Explain how to properly save an image.

Site great resources for images/graphics.  

Identify tags used to add horizontal and vertical space. 

Define the HTML tag used to adjust the height and width of an image.

 

Explain how to change the background color of a Web page.

 

Create a Web page with a background picture.

 

 

Adding an Image and Background
10/19/2009

 

 

 

 

 

1.2 ~ Students are proficient in the use of technology.

 

2.2 ~ Students practice responsible use of technology systems, information, and software.

 

 

 

 

Links

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

How do I create a hyperlink in HTML?

How do I create word links using HTML?

How do I create Image links using HTML?

How do I link within a Web page using HTML?

Using HTML, how do I link to another Web page within the same Web site?

How do I link to an outside source using HTML?

Using HTML, how do I link to an e-mail address?

 

Hyperlinks

Word Links

Image Links

Linking Options

 

 

Define Hyperlink.

 

Create a work link in HTML.

Create an image link in HTML.

Create links within a Web page using HTML.

Create links to Web pages within the same Web site.

Create a link to an outside source using HTML.

Create a link to an e-mail address.

 

Sports Schedule
10/1/2009

 

 

 

 

 

1.2 ~ Students are proficient in the use of technology.

 

2.2 ~ Students practice responsible use of technology systems, information, and software.

 

3.1 ~ Students use technology tools to enhance learning, increase productivity, and promote creativity.

 

 

 

How do I use Notepad to create an HTML Web page using all the skills I learned?

 

Combining All Skills Learned

 

 

Utilize all the HTML skills learned to create a Web page.

 

 

Fall Time In WNY
10/29/2009

 

 

 

 

 

1.2 ~ Students are proficient in the use of technology.

 

3.1 ~ Students use technology tools to enhance learning, increase productivity, and promote creativity.

 

3.2 ~ Students use productivity tools to collaborate in constructing technology-enhanced models, prepare publications, and produce other creative works.

 

 

 

 

N
O
V
E
M
B
E
R

Sound

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

How do I save a sound file using HTML?

How do I insert sound using the background sound tag?

How do I create voice recordings?

How do I insert voice recordings?

 

Save a Sound File

 

Insert Background Sound Tag

Create Voice Recordings

Insert Voice Recordings

 

Explain the steps to properly save a sound file using HTML.

Identify the background sound tag. 

Use the computer to create a voice recording.

Explain the steps to insert a voice recording into an HTML Web page.

 

Thanksgiving
11/4/2009

 

 

 

 

 

1.1 ~ Students demonstrate a sound understanding of the nature and operation of technology systems.

 

1.2 ~ Students are proficient in the use of technology.

 

2.2 ~ Students practice responsible use of technology systems, information, and software.

 

3.1 ~ Students use technology tools to enhance learning, increase productivity, and promote creativity.

 

 

 

How can I utilize all my HTML skills to create a Web page?

 

All HTML Skills

 

 

Create a Web site in Notepad using all HTML skills learned.

 

Cumulative HTML Project
11/8/2009

 

 

 

 

 

1.2 ~ Students are proficient in the use of technology.

 

2.2 ~ Students practice responsible use of technology systems, information, and software.

 

3.1 ~ Students use technology tools to enhance learning, increase productivity, and promote creativity.

 

 

 

 

Introduction to Microsoft FrontPage

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

How do I use the various toolbars in MS FrontPage?

What is Web page navigation?

 

How do I create a new Web page?

What are the different tab views in FrontPage?

How do I save a Web page and a Web site?

How do I change page labels and delete Web pages?

How do I insert and format text in a Web page?

 

How do I insert a horizontal rule in FrontPage?

Can I add background color or a background picture in FrontPage?

 

 

toolbars

Navigation

New Web Page

Tab Views

Save a Web page/site

Page Labels

Delete a Web page

Insert and Format Text

Horizontal Rule

Web Page Backgrounds

 

Identify various toolbar buttons, the title bar, the status bar, and the menu bar.

Explain how to set-up Web site navigation.

 

Identify the button used to create a new Web page?

 

Define the three different "view" tabs--Normal, Preview and HTML.

Explain how to save a Web page and a Web site.

Describe how to change page labels.

 

Explain how to delete Web pages.

Create text in a Web page and format it--color, size, and type of text.

Create a horizontal rule on a Web page.

 

Apply background color or a background picture to a Web page.

 

Background
11/12/2009

Winter Fun in Buffalo
11/7/2009

 

 

 

 

 

1.1 ~ Students demonstrate a sound understanding of the nature and operation of technology systems.

 

1.2 ~ Students are proficient in the use of technology.

 

3.1 ~ Students use technology tools to enhance learning, increase productivity, and promote creativity.

 

 

 

 

FrontPage--Images

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

How do I insert ClipArt and file images into FrontPage?

How do I format images in FrontPage?

How do I use a digital camera?

How do I use a scanner?

 

ClipArt and File Images

Format Images

Digital Camera

Scanner

 

Import an image from ClipArt into a Web page.

Import a file image into a Web page.

Utilize the various image formatting tools to--resize an image, create a transparent image, washout an image, and to create borders around an image.

 

Use a digital camera to take a picture and then import the picture into a Web page.

 

Import an image to a Web page using a scanner.

 

 

School Play
11/15/2009

 

 

 

 

 

1.2 ~ Students are proficient in the use of technology.

 

2.2 ~ Students practice responsible use of technology systems, information, and software.

 

3.1 ~ Students use technology tools to enhance learning, increase productivity, and promote creativity.

 

 

 

What are image maps and hotspots?

 

Image Map

Hotspot

 

Define image map.

 

Define hotspot.

Import an image and create a hotspot.

 

 

Kenmore Image Map
11/19/2009

 

 

 

 

 

1.2 ~ Students are proficient in the use of technology.

 

2.2 ~ Students practice responsible use of technology systems, information, and software.

 

3.2 ~ Students use productivity tools to collaborate in constructing technology-enhanced models, prepare publications, and produce other creative works.

 

5.1 ~ Students use technology to locate, evaluate, and collect information from a variety of sources.

 

 

 

 

D
E
C
E
M
B
E
R

Tables and Frames

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

How do I insert a table in FrontPage?

How do I format a table?

 

Insert a Table

Format a Table

 

Create a table in FrontPage.

Utilize various table features--inserting/deleting a row, inserting/deleting a column, adjusting cell spacing, creating table borders and eliminating table borders.

 

Holiday Cards
12/2/2009

 

 

 

 

 

1.2 ~ Students are proficient in the use of technology.

 

2.2 ~ Students practice responsible use of technology systems, information, and software.

 

3.1 ~ Students use technology tools to enhance learning, increase productivity, and promote creativity.

 

 

 

What is a frame?

How do I create a frame in FrontPage?

How do I use an existing Web page in a frame?

How do I create a new Web page in a frame?

How do I save frames?

How do I modify properties in a frame page?

 

Frames

Create a Frame

Using Frames

Saving Frames

Modify Frame Properties

 

Define Web page frame.

Explain how to use frames in a Web page.   

Create a frame using an existing Web page.  

Create a new page using frames.

Explain how to save a Web page with frames.

 

Identify how to modify properties in a frame Web page.

 

 

 

 

 

 

 

1.2 ~ Students are proficient in the use of technology.

 

2.2 ~ Students practice responsible use of technology systems, information, and software.

 

 

 

 

Hyperlinks

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

How do I create hyperlinks in FrontPage.

How do I create word and image links?

How do I link within a Web page?

How do I link to another Web page within the same Web site?

How can I link to an outside source?

How do I link to an e-mail address?

 

Create a Hyperlink

Word / Image Links

Linking

 

Create a word and image link in a Web page.

 

Create a link within a Web page.

Explain how to link to another Web page within the same Web site.

Describe how to link to an outside source.

Create a link to a e-mail address.

 

Individual Project
12/8/2009

 

 

 

 

 

1.2 ~ Students are proficient in the use of technology.

 

2.2 ~ Students practice responsible use of technology systems, information, and software.

 

3.1 ~ Students use technology tools to enhance learning, increase productivity, and promote creativity.

 

 

 

 

Templates and Forms

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

How do I create themes using a theme template?

How do I use a form template?

What is the difference between a radio-button form, a text-box form, and a drop-down menu form?

 

Theme Template

Form Template

Radio Button, Text-box, and Drop-down Forms

 

Explain how to create a theme using a theme template.

 

Describe how to use a form template.

 

Explain the difference between a radio-button form, a text-box form and a drop-down form.

 

 

Corporate
12/11/2009

Survey
12/14/2009

All About Me
12/16/2009

 

 

 

 

 

1.2 ~ Students are proficient in the use of technology.

 

3.2 ~ Students use productivity tools to collaborate in constructing technology-enhanced models, prepare publications, and produce other creative works.

 

 

 

 

J
A
N
U
A
R
Y

Enhancing Web Pages

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

How do I insert Music?

How do I Insert a Video?

How do I create a video using a video camera?

How do I create marquees?

How do I create page banners?

How do I create a photo gallery?

 

 

Music

Video

Video Camera

Marquees

Page Banners

Photo Gallery

 

Import music into a previous FrontPage Web site.

Import a video into a previous FrontPage Web site.

Create a video using a video camera.

Create a marquee in a previous FrontPage Web site project.

Create a page banner in a previous FrontPage Web site.

Import pictures into FrontPage to create a photo gallery Web page.

 

Video
1/3/2010

Sound
1/7/2010

 

 

 

 

 

1.2 ~ Students are proficient in the use of technology.

 

3.1 ~ Students use technology tools to enhance learning, increase productivity, and promote creativity.

 

 

 

 

Final Project

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

How do I create a Web site using all the skills learned?

 

Skills Learned

 

Create and design a complete Web site starting with a storyboard.

 

Niagara Falls
1/12/2010

 

 

 

 

 

1.2 ~ Students are proficient in the use of technology.

 

3.1 ~ Students use technology tools to enhance learning, increase productivity, and promote creativity.

 

3.2 ~ Students use productivity tools to collaborate in constructing technology-enhanced models, prepare publications, and produce other creative works.

 

 

 

 

F
E
B
R
U
A
R
Y

Exploring the Flash Environment

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

What are the components of the tool box?

 

How is the stage used in flash?

How are timelines used in flash to build animations?

 

Flash

Toolbox

Stage

Animations

 

Explore the Flash environment

Develop tool box skills with drawing tools

 

Create animation using stage

Develop timelines for animation

 

Smiley face
2/6/2010

Personal Name animation
2/10/2010

 

 

 

 

 

1.1 ~ Students demonstrate a sound understanding of the nature and operation of technology systems.

 

1.2 ~ Students are proficient in the use of technology.

 

2.2 ~ Students practice responsible use of technology systems, information, and software.

 

5.1 ~ Students use technology to locate, evaluate, and collect information from a variety of sources.

 

6.2 ~ Students employ technology in the development of strategies for solving problems in the real world.

 

IT 6 ~ Input Technologies – Use input technologies appropriately to enter and manipulate text and data.

 

IT 7 ~ Information Retrieval – Gather, evaluate, use, and cit information from information technology sources.

 

 

 

 

Exploring the Drawing and Painting tools

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

What is a keyframe?

 

How are motion tweens used in Flash animations?

Explain what a vector is.

How do you insert a keyframe in an animation?

How is the library used in Flash?

 

 

Keyframe

Motion Tweens

Vector

 

Develop keyframe for animations

Create motion tweens within Flash animation.

Identify and explain vectors.

Create library for flash animation.

 

Balloons Animation
2/17/2010

Bicycle Animation
2/22/2010

Robot animation
2/26/2010

 

 

 

 

 

3.1 ~ Students use technology tools to enhance learning, increase productivity, and promote creativity.

 

3.2 ~ Students use productivity tools to collaborate in constructing technology-enhanced models, prepare publications, and produce other creative works.

 

4.2 ~ Students use a variety of media and formats to communicate information and ideas effectively to multiple audiences.

 

5.1 ~ Students use technology to locate, evaluate, and collect information from a variety of sources.

 

6.1 ~ Students use technology resources for solving problems and making informed decisions.

 

6.2 ~ Students employ technology in the development of strategies for solving problems in the real world.

 

IT 10 ~ Systems Analysis and Design – Analyze and design information systems using appropriate development tools.

 

IT 14 ~ Technical Support and Training – Develop the technical and interpersonal skills and knowledge to support the user community.

 

 

 

 

M
A
R
C
H

Unit 4 Working with Text

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

How do I create text blocks and manipulate animated text

 

Working with Text

 

 

Create Text Blocks

Insert text using the text tool

Formatting font, size and color.

Animate using frame by frame animation.

Animate using motion tween

Applying break apart features.

Convert text into shapes

 

Web Art Text Project
3/8/2010

 

 

 

 

 

1.1 ~ Students demonstrate a sound understanding of the nature and operation of technology systems.

 

1.2 ~ Students are proficient in the use of technology.

 

2.2 ~ Students practice responsible use of technology systems, information, and software.

 

2.3 ~ Students develop positive attitudes toward technology uses that support lifelong learning, collaboration, personal pursuits, and productivity.

 

3.1 ~ Students use technology tools to enhance learning, increase productivity, and promote creativity.

 

3.2 ~ Students use productivity tools to collaborate in constructing technology-enhanced models, prepare publications, and produce other creative works.

 

4.2 ~ Students use a variety of media and formats to communicate information and ideas effectively to multiple audiences.

 

5.1 ~ Students use technology to locate, evaluate, and collect information from a variety of sources.

 

5.3 ~ Students evaluate and select new information resources and technological innovations based on the appropriateness for specific tasks.

 

6.1 ~ Students use technology resources for solving problems and making informed decisions.

 

COM 3 ~ Technological Communication – Use technology to enhance the effectiveness of communication.

 

IT 9 ~ Programming and Application Development – Design, develop, test, and implement programs.

 

 

 

 

Unit 5 Working with Multiple Layers in a movie

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

How do I create a mask layer

How is the distribute layer command used to create individual layers

 

Mask Layer

Distribute to Layers command

Aligning Objects in a Flash document

 

working with multiple layers

creating a mask layer

Aligning objects

 

Mini Movie Project
3/16/2010

 

 

 

 

 

1.1 ~ Students demonstrate a sound understanding of the nature and operation of technology systems.

 

1.2 ~ Students are proficient in the use of technology.

 

2.3 ~ Students develop positive attitudes toward technology uses that support lifelong learning, collaboration, personal pursuits, and productivity.

 

3.1 ~ Students use technology tools to enhance learning, increase productivity, and promote creativity.

 

 

 

 

Unit 6 Creating an Animation

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

How are keyframes used to create frame by frame flash animation?

How is color manipulated using frame by frame animation?

How is shape Tween used in animations?

How is a motion tween created?

How are guide layers manipulated to layer animations?

How are mask animations created?

 

Frame by Frame animation

Shape Tween Animation

Motion Tween Animation

Guide Layer

Mask Animations

 

Using keyframes to create frame-by frame animation

Changing color using frame by frame animation

develop motion tween using images

create guide layer

use mask animation

create shape tween animation

 

Flying Baloons Project
3/20/2010

Working Robot
3/23/2010

Beach Ball Activity
3/27/2010

Ladybug Activity
3/28/2010

Flash Cumulative Project
3/29/2010

 

 

 

 

 

1.2 ~ Students are proficient in the use of technology.

 

4.1 ~ Students use telecommunications to collaborate, publish, and interact with peers, experts, and other audiences.

 

4.2 ~ Students use a variety of media and formats to communicate information and ideas effectively to multiple audiences.

 

5.3 ~ Students evaluate and select new information resources and technological innovations based on the appropriateness for specific tasks.

 

6.2 ~ Students employ technology in the development of strategies for solving problems in the real world.

 

 

 

 

A
P
R
I
L

Unit 7 Enhancing Web Pages

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

What process is used to publish a Flash movie?

 

How are Flash files published?

 

Publishing Flash Movie

 

Publishing Flash Files

 

Publishing tools mastered

 

Published exercise
4/4/2010

 

 

 

 

 

6.1 ~ Students use technology resources for solving problems and making informed decisions.

 

6.2 ~ Students employ technology in the development of strategies for solving problems in the real world.

 

 

 

 

Unit 1 Dreamweaver Basics

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

How is the Dreamweaver Interface used?

How are page properties manipulated?

How is text added?

How are lists and horizontal rules created?

 

How are graphics incorporated in Dreamweaver?

How are flash texts, buttons and animations used to enhance Dreamweaver sites?

How is a local site defined?

How is the site window used to manage sites and ftp used to publish.

 

Dreamweaver Interface

Page Properties

Text

Lists and Horizontal Rules

Graphics

Flash texts, buttons and animations

Local site

Managing site

 

FTP

Accessibility options

Broken links and orphan files

 

Using the Dreamweaver Interface

 

Manipulating page properties

Adding text

Working with lists and horizontal rules

Learning to add text, graphic lists and horiztonal rules

 

adding Flash text, buttons and animations

Defining a local site

Using the site window to manage your site.

FTP with Dreamweaver

Accessibility options

Checking for broken links and orphan files.

 

Basics Activity
4/10/2010

Inserting Flash Activity
4/13/2010

 

 

 

 

 

2.2 ~ Students practice responsible use of technology systems, information, and software.

 

2.3 ~ Students develop positive attitudes toward technology uses that support lifelong learning, collaboration, personal pursuits, and productivity.

 

5.1 ~ Students use technology to locate, evaluate, and collect information from a variety of sources.

 

6.2 ~ Students employ technology in the development of strategies for solving problems in the real world.

 

 

 

 

Unit 2 Dreaweaver Links and Tables

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

How are links and anchors established in a site?

How are image maps developed?

How is the Dreamweaver interface used to insert, format and sort tables?

How is find and replace used to edit a site?

 

Links and Anchors

Image maps

Tables

Find and Replace

 

Creating links and anchors

Developing image maps

Learning proper formatting procedures for using tables in Dreamweaver.

 

Using find and replace function to edit site.

 

Image Map Project
4/21/2010

 

 

 

 

 

1.1 ~ Students demonstrate a sound understanding of the nature and operation of technology systems.

 

1.2 ~ Students are proficient in the use of technology.

 

2.2 ~ Students practice responsible use of technology systems, information, and software.

 

3.1 ~ Students use technology tools to enhance learning, increase productivity, and promote creativity.

 

 

 

 

M
A
Y

Unit 3 Dreamweaver CSS and behaviors

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

How are Cascading Style sheets used in Dreamweaver site development?

How is the Behavior panel manipulated?

How are downloaded extensions used in Dreamweaver?

 

Cascading Style Sheets

Behavior Panel

Downloaded Extensions

 

Using cascading style sheets to format your document.

Using the behavioral panel to add java script code.

Extending Dreamweaver with downloaded extensions.

 

CSS/Behaviors activity
5/5/2010

 

 

 

 

 

1.1 ~ Students demonstrate a sound understanding of the nature and operation of technology systems.

 

1.2 ~ Students are proficient in the use of technology.

 

2.2 ~ Students practice responsible use of technology systems, information, and software.

 

3.1 ~ Students use technology tools to enhance learning, increase productivity, and promote creativity.

 

 

 

 

Unit 4 Dreamweaver Libraries and Templates

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

How are libraries and templates used in the design of a Web site?

How are forms created for use in a site?

How are CGI scripts incorporated with forms?

 

Libraries and Templates

Forms

CGI scripts

 

Using libraries and templates for site design and maintenance.

Creating forms.

Making forms work with CGI scripts.

 

Libraries and Templates
5/14/2010

 

 

 

 

 

5.1 ~ Students use technology to locate, evaluate, and collect information from a variety of sources.

 

5.3 ~ Students evaluate and select new information resources and technological innovations based on the appropriateness for specific tasks.

 

6.2 ~ Students employ technology in the development of strategies for solving problems in the real world.

 

 

 

 

Unit 5 Dreamweaver Layers and Timelines

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

How are layers used in Dreamweaver?

How are animations and timelines developed to enhance web sites in Dreamweaver?

 

Layers

Animations with Timelines

 

Working with layers.

Creating animations with timelines.

 

Layers and Timelines
5/19/2010

 

 

 

 

 

3.1 ~ Students use technology tools to enhance learning, increase productivity, and promote creativity.

 

5.1 ~ Students use technology to locate, evaluate, and collect information from a variety of sources.

 

6.1 ~ Students use technology resources for solving problems and making informed decisions.

 

 

 

 

Dreamweaver Cumulative Project

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

 

 

 

 

Students will complete a capstone project that uses all the skills learned in Dreamweaver.

 

Cumulative Project
5/24/2010

 

 

 

 

 

 

 

 

 

J
U
N
E

Unit 1 Fireworks Graphic Tools

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

Why do designers design web pages in fireworks?

 

 

Formats

Tools

 

Overview of graphic formats.

Overview of graphic tools.

 

 

 

 

 

 

 

1.2 ~ Students are proficient in the use of technology.

 

3.1 ~ Students use technology tools to enhance learning, increase productivity, and promote creativity.

 

5.1 ~ Students use technology to locate, evaluate, and collect information from a variety of sources.

 

 

 

 

Unit 2 Fireworks Applications

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

How are the basic firework tools used to create a document?

How are tool panels and toolbars used along with color pickers, vector tools and bitmap tools used to enhance development?

How are photos edited and effects, fills and strokes used?

 

Documents

Tool panels and toolbars

Color pickers

Vector tools

Bitmap tools

Paths and objects

Effects, fills and strokes

 

Creating documents.

Manipulating tool panels and toolbars.

 

Using color pickers, vector tools and bitmap tools to enhance web pages.

 

Manipulating paths and objects.

Learning how to use effects, fills and strokes.

Editing photos/bitmaps.

 

Fireworks basics activity
6/3/2010

 

 

 

 

 

5.1 ~ Students use technology to locate, evaluate, and collect information from a variety of sources.

 

6.1 ~ Students use technology resources for solving problems and making informed decisions.

 

6.2 ~ Students employ technology in the development of strategies for solving problems in the real world.

 

 

 

 

Unit 3 Fireworks Enhancing Web Pages

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

How are masks, layers and frames used in Fireworks?

How are composite images imposed?

How are slices used in Fireworks?

How are graphics optimized?

How are behaviors applied?

 

Masks, layers and frames

Composite images

Slices

Graphics

 

Behaviors

Exporting

Animations and buttons

History, commands and batch commands

 

Creating masks, layers and frames.

Creating composite images.

Using Slices to enhance site.

 

Optimizing graphics.

Applying behaviors

Developing exporting skills.

 

Creating animations.

Creating buttons for linking.

Understanding history, commands and batch commands.

 

Masks Layers and Frames Fireworks Project
6/5/2010

Animation and Button with behaviors Project
6/7/2010

 

 

 

 

 

4.2 ~ Students use a variety of media and formats to communicate information and ideas effectively to multiple audiences.

 

6.1 ~ Students use technology resources for solving problems and making informed decisions.

 

6.2 ~ Students employ technology in the development of strategies for solving problems in the real world.

 

 

 

 

Unit 4 Publishing Web Pages

 

 Essential Questions 

 Content 

 Skills 

 Assessments 

 Lessons 

 Resources 

 Standards 

How do I publish a web site?

What free resources are available for publishing web sites?

 

FTP

Free Web Servers

 

Students will learn to publish their own Web sites.

 

Published Web Site
6/9/2010

 

 

 

 

 

1.1 ~ Students demonstrate a sound understanding of the nature and operation of technology systems.

 

1.2 ~ Students are proficient in the use of technology.

 

2.3 ~ Students develop positive attitudes toward technology uses that support lifelong learning, collaboration, personal pursuits, and productivity.

 

6.1 ~ Students use technology resources for solving problems and making informed decisions.

 

6.2 ~ Students employ technology in the development of strategies for solving problems in the real world.