Web Design and Media Rich Content

Mrs. Shaundria R. Ashford [email protected]

Business & Technology Teacher 662-726-4428
Room# C107 Planning: 1st period

Course Description:
This course will introduce students to web design. Students will learn web design terminology,
principles, and processes. Students will use online lessons to learn the basics of web design.
Credit: This course is a one year, 1 credit course.

Unit 1: Introduction to Web Design

Competency 1: Identify the components of Web design application software.

a. Research key vocabulary terms, and illustrate terminology used with Web design applications.
b. Identify the basic components of a web design application screen.
c. Research certification requirements for Web specialist.
d. Identify the elements of the graphic design software interface.
e. Demonstrate knowledge of best practices for designing a Web site, such as maintaining consistency,
separating content from design, and using standard fonts and Web-safe fonts.
f. Demonstrate knowledge of page layout design elements and principles, and organize content
consistently.

Competency 2: Demonstrate skills needed for planning and creating a home page.
a. Research key vocabulary terms related to planning and creating a home page.
b. Plan and create a detailed storyboard for the home page of a portfolio.
c. Incorporate principles of good user interface design on a home page.

Competency 3: Demonstrate knowledge of best practices for designing Web sites, such as maintain
consistency, separating content from design, and using standard fonts and Web safe.
a. Research key vocabulary terms, and illustrate terminology used with creating content pages.
b. Demonstrate knowledge of designing a Website.
c. Make design decisions such as colors, layout, and structuring navigation through Web sites.

Competency 4: Demonstrate proficiency linking Web content using hyperlinks, e-mail links, and named
anchors.
a. Identify key vocabulary terms related to linking pages.
b. Demonstrate adding links using properties pane.
c. Create links using the Hyperlink dialog box.
d. Demonstrate three methods for using the property inspector to create links from text or an image to
another document.

Competency 5: Demonstrate knowledge of Web site accessibility standards that address the needs of
people with visual and motor impairments.
a. Identify terminology and techniques associated with ensuring usability and accessibility.
b. Demonstrate the ability to use visual clues about navigation, structure, and organization.
c. Demonstrate text-formatting guidelines that improve Web site readability.
Competency 6: Demonstrate how to insert a graphical navigation bar created in a separate program.
a. Identify terminology and techniques associated with ensuring usability and accessibility.
b. Demonstrate how to create three-state buttons and how to set the active area for a button using a
multimedia authoring program.
c. Demonstrate how to export a navigational bar from a different application.
d. Demonstrate how to use roundtrip editing to edit images with different software.

Competency 7: Produce web site designs that work equally well on various operating systems and
browser versions.
a. Identify terminology and techniques associated with ensuring quality assurance.
b. Conduct a quality assurance test on the students’ electronic portfolios.
c. Demonstrate how to conduct a technical and functional usability test.

Competency 8: Identify techniques and methods for basic usability tests and collecting site feedback.
a. Identify terminology and techniques associated with ensuring usability and accessibility.
b. Demonstrate methods for collecting site visitor feedback and site evaluation information.
c. Identify characteristics of what a usability observation looks for.

Competency 9: Demonstrate knowledge of using and managing assets, links, and files to publish and
update site files to a remote server.
a. Identify key terminology and techniques associated with publishing a web site.
b. Demonstrate how to set up a remote site.
c. Demonstrate how to use the web browser to open newly published sites.
d. Identify how to navigate each page to ensure all files were successfully published and are valid and
reliable.

Competency 10: Use basic HTML tags to set up an HTML document, format text, add links, create
tables, and build ordered and unordered lists.
a. Identify terminology and techniques associated with Hyper Text Markup Language (HTML).
b. Demonstrate how to locate the code view and create tags using the web browser.

Unit 2: Building a Basic Client Web Site

Competency 1: Gather information and data as it pertains to the development of a client Web site.
a. Define the scope of the project and related terms.
b. Identify the phases of a client web site project to build a common class understanding and agreement for
each phase and task (i.e., goals, target audience, content, and delivery requirements for the web site).
c. Interview client to identify the goals and audience, the design and technical (delivery) requirements, and
the main content.
d. Write a brief design document incorporating information from clients.

Competency 2: Utilize the phases involved in planning a client web site in order to effectively meet the
client’s needs.
a. Discuss the project phases again in the context of the client web sites.
b. Define a project plan for a client website project.

Competency 3: Use an effective and functional structure in creating a client web site.
a. Build a flowchart for the client site (screen view, flowchart, and information organization).
b. Present the flowchart to the client.
c. Create screen views of the home page and sample content page for the client site.
Competency 4: Apply techniques of design to create suitable client web site.
a. Create design comps of a home page and a sample content page to show different looks.

Competency 5: Utilize client feedback to improve a design concept.

a. Define the terms active listening and production storyboard.
b. Use active listening skills during the client review.
c. Revise design comps, and present revised design comps to the client.
d. Create production storyboards for client web site.

Competency 6: Utilize cascading style sheets to ensure consistency of style and theme.
a. Define key terms related to cascading style sheets.
b. Create a style sheet for use with the client web site.

Competency 7: Develop a final product for the client utilizing all design phases, feedback, and peer
collaboration.
a. Work collaboratively to build a client web site.
b. Use templates and libraries to build consistent Web pages.
c. Apply cascading style sheets to templates.
d. Discuss and demonstrate library features as they relate to templates
e. Create a web site using templates.

Competency 8: Test the web site for usability and accessibility.

a. Conduct a technical test on a client web site and compile a bug list.
b. Conduct a usability test on a client web site.
c. Compile the results of technical testing and usability testing of a client web site, make necessary
revisions, and add the client site to an electronic portfolio.

Competency 9: Compose a marketing plan to publicize the client web site.

a. Create a basic marketing plan for the client web site.
b. Present a web site and marketing plan.

Unit 3: Media Rich Content for Web Design

Competency 1: Apply media rich concepts in order to enhance a web site.

a. Identify parts of a rich media software program workspace, including the following: timeline, frames,
layers, the stage, scenes, tools, panels, property inspector, symbols, instances, and libraries.
b. Create an interactive animated movie that incorporates motion and shape tweens, sound, and buttons.

Competency 2: Examine the properties and benefits of Adobe Flash software.

a. Identify the use of technical elements such as tweens, images, text animations, actions, and sound in
Adobe Flash CS3 movies and ads on the web.

Competency 3: Incorporate video and multimedia elements into web design.

a. Examine web sites that incorporate Flash video.
b. Appropriately incorporate video in a Flash document for use on a Web site.
c. Identify challenges with using video on the web and the ways in which Flash video addresses these
challenges and improves user experience.
Competency 4: Utilize motion tweens to enhance the user experience.
a. Examine web sites that use masking and path animation techniques.
b. Build mask effects and path animations involving advanced motion tweens.
c. Identify how masking and path animations can be used to enhance user experience on the web.
Unit 4: Windows and Operating Systems

Competency 1: Utilize effects and film techniques to make a story more effective.
a. Examine online examples that use various Adobe Flash CS3 techniques.
b. Work with custom colors and gradient in Flash.
c. Develop transition effects built through motion, shape, and text tweening in preparation for enhancing a
narrative.
d. Build filmmaking effects involving advanced motion and shape tweens.

Competency 2: Compose a digital narrative and script in order to effectively communicate through
multimedia.
a. Plan and design a narrative to effectively communicate a message.
b. Write a script for a digital narrative.
c. Peer critique narrative scripts, considering audience and time frame.

Competency 3: Design an animation storyboard in order to plan and organize a digital narrative.
a. Create an animation storyboard.
b. Develop techniques for an effective animation storyboard.

Competency 4: Produce a digital narrative from a peer-created storyboard.

a. Import optimized images and self-recorded audio into Adobe flash CS3.
b. Produce a digital narrative from a flowchart and animation storyboard.

Competency 5: Prepare a digital narrative for publishing by collecting feedback and editing accordingly.
a. Conduct a peer review of a digital narrative.
b. Incorporate peer-suggested changed into a digital narrative.
c. Publish a digital narrative as an HTML document.

Textbook: TBA

Required Material: A flash drive, a folder, loose leaf paper, and pen or pencil to write with is needed daily.

Absentee Policy

Student will be allowed to make up assignments if the absence is excused only. Students have two days to make
up any tests that were missed due to an excused absence. Students are allowed to make up excused work during
class and after school by appointment. Suspension is not an excused absence.

Grading Policy

The grading scale is the same as the student handbook. Each Nine week grade consists of: Daily Grade – 40%,
Test Grade – 25%, Homework – 10%, and Nine week test 25%. There will be weekly vocabulary quizzes which
will count as homework grades.

Grading Scale:
A 90 - 100
B 80 - 89
C 70 - 79
D 65 - 69
F 64 - BELOW