Graphic Arts graphic arts
PhotoShop photo class
Programming programming
Web Design web design


Web Design Curriculum Map

Description Sequence Standards Vocabulary

Instructor: Harrell
Office: Room 701
Office Hours: Monday and Wednesday 3-4 PM
Phone: 735-3501


Course Description:

In this course, students learn to design, build and maintain websites. Students work with code in html and then learn to build sites and create web graphics using online resources and state of the art software from the Adobe Creative Suite, which includes Dreamweaver, Flash, Fireworks and Photoshop.

Using Dreamweaver, you will first learn how to get started with Dreamweaver and how to develop a Web page. Then, you will work with text, images, links and tables. With Flash, you will learn how to create and play a movie, work in the Timeline, create symbols, plan a Web site, use the drawing tools, create objects and text, work with libraries, buttons, actions, and animation, as well as work with masks, sounds, and scenes. In Photoshop, you will learn the most important topics of Adobe Photoshop CS3. You will first learn how to get started with Photoshop, including using Adobe Bridge. Next, you will learn how to work with layers, make selections, incorporate color techniques, and place type in an image. Finally, you will learn how to integrate all three programs.


Text: Liz Reading, Sherry Bishop, James Shuman, The Web Collection Premium CS3—Revealed, Course Technology, 2008. Project files: Instructor will provide instructions for obtaining the Project files. Software: Microsoft Office 2007, Internet Explorer 7, Adobe Photoshop CS3, and Windows Vista will be used. Another operating system may be used, but students may notice some differences in the appearance of certain dialog boxes. Handouts: Additional handouts may be required. Instructor will provide information on obtaining this material.

Course Sequence

Material Covered
Essential Assignments

General knowledge and introduction

• Hardware and software overview
• Set up iGoogle pages- docs, reader,
calendar, to-do list
• Locate and subscribe to RSS feeds
pertinent to Web Design
• File storage

Share lastname_webdesignNotes google doc with instructor

Set up web calendar and subscribe to course calendar

Share web design article found with RSS reader

HTML and JavaScript
  • setup html page
  • headings
  • titles
  • bulleted and numbered lists
  • background colors
  • binary and hexadecimal
  • horizontal lines
  • anchors and hyperlinks
  • text and text attributes
  • graphics
  • tables
  • javascript over-view
  • alerts
  • conditional statements
  • mouse-overs
  • editing html and javascript


one.html through twelve.html

binary name

Personal page

Personal site

Web History
  • Internet history
  • Reading urls
  • web extensions and country designations

notes and journals

What will the web be like in 5 years?

Web-based publishing

Google sites


collaborative web site (topics change)
Getting Started with Dreamweaver

• Explore the Dreamweaver workspace
• View a Web page and use Help
• Plan and define a Web site
• Add a folder and pages and set the home page
• Create and view a site map

Design and Group Projects

Developing a Web Page • Create head content and set page properties
• Create, import, and format text
• Add links to Web pages
• Use the History panel and edit code
• Modify and test Web pages

Design and Group Projects


Working with Text and Graphics • Create unordered and ordered lists • Create, apply, and edit Cascading Style Sheets
• Add styles and attach Cascading Style Sheets
• Insert and align graphics
• Enhance an image and use alternate text
• Insert a background image and perform site maintenance
Design and Group Projects
Working with Links • Create external and internal links
• Create internal links to named anchors
• Insert rollovers with Flash text
• Create, modify, and copy a navigation bar
• Create an image map • Manage Web site links

Design and Group Projects


Working with Tables • Create a table
• Resize, split, and merge cells
• Insert and align images in table cells
• Insert text and format cell content

Design and Group Projects


Managing and Publishing a Web Site • Perform Web site maintenance
• Publish a Web site and transfer files
• Check files out and in
• Cloak files
• Import and export a site definition
• Evaluate Web content for legal use
Design and Group Projects
Getting Started with Adobe Flash • Understand the Adobe Flash CS3 workspace
• Open a document and play a movie
• Create and save a movie
• Work with the Timeline
• Distribute an Adobe Flash movie
• Plan an application or a Web site

Design and Group Projects

Black History Project

Drawing Objects in Adobe Flash • Use the Flash drawing tools
• Select Objects and Apply Colors
• Work with drawn objects
• Work with text and text objects
• Work with layers and objects
Design and Group Projects
Working with Symbols and Interactivity

• Create symbols and instances
• Work with Libraries
• Create buttons
• Assign actions to frames and buttons

Creating Animations • Create frame-by-frame animations
• Create motion-tweened animations
• Work with motion guides
• Create animation effects
• Animate text
Creating Special Effects • Create shape tween animations
• Create a mask effect
• Add sound
• Add scenes
• Create an animated navigation bar
Design and Group Projects
Getting Started with Adobe Photoshop CS3

• Start Adobe Photoshop CS3
• Learn how to open and save an image
• Use organizational and management features
• Examine the Photoshop window
• Use the Layer and History palettes
• Learn about Photoshop by using Help
• View and print an image
• Close a file and exit Photoshop

Design and Group Projects


Working with Layers • Examine and convert layers
• Add and delete layers
• Add a selection from one image to another
• Organize layers with layer groups and colors
Design and Group Projects
Making Selections

• Make a selection using shapes
• Modify a marquee
• Select using color and modify a selection
• Add a vignette effect to a selection

Incorporating Color Techniques • Work with color to transform an image
• Use the Color Picker and the Swatches palette
• Place a border around an image
• Blend colors using the Gradient Tool
• Add color to a grayscale image
• Use filters, opacity, and blending modes
• Match colors
Placing Type in an Image • Learn about type and how it is created
• Change spacing and adjust baseline shift
• Use the Drop Shadow style
• Apply anti-aliasing to type
• Modify type with the Bevel and Emboss style
• Apply special effects to type using filters
• Create text on a path
Integrating Adobe CS3 Web Premium • Insert a Photoshop image into a Dreamweaver document
• Edit a Photoshop image from a Dreamweaver document
• Create a Photoshop document and import it into Flash
• Insert and edit a Flash movie in Dreamweaver



Visual Art Standards 9-12 Proficient
1.0Artistic Perception- processing, analyzing, and responding to sensory information through
the language and skills unique to a given art.
Develop Perceptual Skills and Visual Arts Vocabulary
1.1 Identify and use the principles of design to discuss, analyze, and write about visual aspects in
the environment and in works of art, including their own.
1.2 Describe the principles of design as used in works of art, focusing on dominance and
Analyze Art Elements and Principles of Design
1.3 Research and analyze the work of an artist and write about the artist's distinctive style and its
contribution to the meaning of the work.
1.4 Analyze and describe how the composition of a work of art is affected by the use of a
particular principle of design.
Impact of Media Choice
1.5 Analyze the material used by a given artist and describe how its use influences the meaning
of the work.
1.6 Compare and contrast similar styles of works of art done in electronic media with those done
with materials traditionally used in the visual arts.
2.0 Creative Expression- Creating, Performing, and Participating in the Visual Arts
Skills, Processes, Materials, and Tools
2.1 Solve a visual arts problem that involves the effective use of the elements of art and the
principles of design.
2.2 Prepare a portfolio of original two-and three-dimensional works of art that reflects refined
craftsmanship and technical skills.
2.3 Develop and refine skill in the manipulation of digital imagery (either still or video).
2.4 Review and refine observational drawing skills.
Communication and Expression Through Original Works of Art
2.5 Create an expressive composition, focusing on dominance and subordination.
2.6 Create a two or three-dimensional work of art that addresses a social issue.
3.0 Historical and Cultural Context- Understanding the Historical Contributions and Cultural
Dimensions of the Visual Arts
Role and Development of the Visual Arts
3.1 Identify similarities and differences in the purposes of art created in selected cultures.
3.2 Identify and describe the role and influence of new technologies on contemporary works of
Diversity of the Visual Arts
3.3 Identify and describe trends in the visual arts and discuss how the issues of time, place, and
cultural influence are reflected in selected works of art.
3.4 Discuss the purposes of art in selected contemporary cultures.
4.0 Aesthetic Valuing- Responding to, Analyzing, and Making Judgements about works in the
Visual Arts
Derive Meaning
4.1 Articulate how personal beliefs, cultural traditions, and current social, economic, and
political contexts influence the interpretation of the meaning or message in a work of art.
4.2 Compare the ways in which the meaning of a specific work of art has been affected over time
because of changes in interpretation and context.
Make Informed Judgments
4.3 Formulate and support a position regarding the aesthetic value of a specific work of art and
change or defend that position after considering the views of others.
4.4 Articulate the process and rationale for refining and reworking one of their own works of art.
4.5 Employ the conventions of art criticism in writing and speaking about works of art.
5.0 Connections, Relationships, Applications- Connecting and applying what is learned in the
Visual Arts to other art forms and subject areas and to careers
Connections and Applications
5.1 Design an advertising campaign for a theatre or dance production held at a school, creating
images that represent characters and major events in the production.
5.2 Create a work of art that communicates a cross-cultural or universal theme taken from
literature or history.
Visual Literacy
5.3 Compare and contrast the ways in which different media (television, newspapers, magazines)
cover the same art exhibition.
Careers and Career-Related Skills
5.4 Demonstrate an understanding of the various skills of an artist, art critic, art historian, art
collector, art gallery owner, and philosopher of art (aesthetician).
Media Support and Services Pathway Standards
Students in the Media Support and Services Pathway prepare for careers that involve creating,
designing, and producing multimedia products and services, including the development of
digitally generated or computer-enhanced media used in business. Organizations of all types and
sizes use digital media (e.g., CDs, DVDs, Web sites) to communicate with existing and potential
customers. Media support experts can find jobs in organizations doing such work as creating ebusiness
Web sites.
B1.0 Students understand the effective use of tools for media production, development, and
project management:
B1.1 Know the basic functions of media design software, such as keyframe
animation, two-dimensional design, and three-dimensional design.
B1.2 Use appropriate software to design and produce professional-quality images, documents,
and presentations.
B1.3 Analyze the purpose of the media to determine the appropriate file format and level of
B1.4 Analyze media and develop strategies that target the specific needs and desires of the
B1.5 Understand the development and management process of a show (e.g.,
television programs, musicals, and radio programs).
B1.6 Know the basic design elements necessary to produce effective print, video,
audio, and Web-based media.
B1.7 Use technical skills (e.g., pagination, printing, folding, cutting, and binding) to produce
publishable materials.
Tech standards
1.3 Organize work into a meaningful folder structure.
2.2 Produce a publication that applies good design principles.
5. Discuss copyright, email etiquette, Web site viewing, and privacy issues related to responsible
use of technology and describe personal consequences of inappropriate use.
Binary numbers
Graphing and x, y coordinates
(12.2) Students analyze the elements of America's market economy in a global setting.
(12.2.8) Explain the role of profit as the incentive to entrepreneurs in a market
(12.4.3) Discuss wage differences among jobs and professions, using the laws of
demand and supply and the concept of productivity.
2.0 Communications
Students understand the principles of effective oral, written, and multimedia communication in a
variety of formats and contexts
(2.1) Analyze the structure and format of functional workplace documents, including
the graphics and headers, and explain how authors use the features to achieve
their purposes.
English/Language Arts
(2.3) Verify and clarify facts presented in other types of expository texts by using a
variety of consumer, workplace, and public documents.
(1.8) Design and publish documents by using advanced publishing software and
graphic programs.
(1.8) Integrate databases, graphics, and spreadsheets into word-processed documents.
(1.4) Produce legible work that shows accurate spelling and correct use of the
conventions of punctuation and capitalization.
(2.4) Deliver multimedia presentations:
a. Combine text, images, and sound by incorporating information from a wide
range of media, including films, newspapers, magazines, CD-ROMs, online
information, television, videos, and electronic media-generated images.
3.0 Career Planning and Management
Students understand how to make effective decisions, use information about careers, and manage
personal career plans:
3.1 Know the personal qualifications, interests, aptitudes, knowledge, and skills necessary to
succeed in careers.
3.2 Understand the scope of career opportunities and know the requirements for education,
training, and licensure.
3.3 Develop a career plan that is designed to reflect career interests, pathways, and
postsecondary options.
3.4 Understand the role and function of professional organizations, industry associations, and
organized labor in a productive society.
3.5 Understand the past, present, and future trends that affect careers, such as technological
developments and societal trends, and the resulting need for lifelong learning.
4.0 Technology
Students know how to use contemporary and emerging technological resources in diverse and
changing personal, community, and workplace environments:
4.1 Understand past, present, and future technological advances as they relate to a chosen
4.2 Understand the use of technological resources to access, manipulate, and produce
information, products, and services.
4.3 Understand the influence of current and emerging technology on selected segments of the
4.4 Understand effective technologies used in Web site development and Internet usage.
4.5 Know procedures for maintaining secure information, preventing loss, and reducing risk.
5.0 Problem Solving and Critical Thinking
Students understand how to create alternative solutions by using critical and creative thinking
skills, such as logical reasoning, analytical thinking, and problem solving techniques:
5.1 Apply appropriate problem-solving strategies and critical thinking skills to work-related
issues and tasks.
5.2 Understand the systematic problem-solving models that incorporate input, process,
outcome, and evaluation components.
5.3 Use critical thinking skills to make informed decisions and solve problems.
5.4 Understand how financial systems and tools are used to solve business problems.
7.0 Responsibility and Flexibility
Students know the behaviors associated with the demonstration of responsibility and flexibility
in personal, workplace, and community settings:
7.1 Understand the qualities and behaviors that constitute a positive and professional work
7.2 Understand the importance of accountability and responsibility in fulfilling personal,
community, and workplace roles.
7.3 Understand the need to adapt to varied roles and responsibilities.
7.4 Understand that individual actions can affect the larger community.
8.0 Ethics and Legal Responsibilities
8.2 Understand the concept and application of ethical and legal behavior consistent with
workplace standards.
8.3 Understand the role of personal integrity and ethical behavior in the workplace.
9.0 Leadership and Teamwork
Students understand effective leadership styles, key concepts of group dynamics, team and
individual decision making, the benefits of workforce diversity, and conflict resolution:
9.1 Understand the characteristics and benefits of teamwork, leadership, and citizenship in the
school, community, and workplace settings.
9.2 Understand the ways in which preprofessional associations, such as DECA—A Marketing
Association and Future Business Leaders of America (FBLA), and
competitive career development activities enhance academic skills, promote career choices, and
contribute to employability.
9.3 Understand how to organize and structure work individually and in teams for effective
performance and attainment of goals.
9.4 Know multiple approaches to conflict resolution and their appropriateness for a variety of
situations in the workplace.
9.5 Understand how to interact with others in ways that demonstrate respect for individual and
cultural differences and the attitudes and feelings of others.


CAHSEE Standards/Technology Standards

Statistics, Data Analysis and Probability
• Students compute and analyze statistical measurements for data sets
• Students determine theoretical and experimental probabilities and use these to make predictions about events
Number Sense
• Students know the properties of, and compute with, rational numbers expressed in a variety of forms, including scientific notation
Algebra and Functions
• Students express quantitative relationships by using algebraic terminology, expressions, equations, inequalities, and graphs
• Students graph and interpret linear and some nonlinear functions
Measurement and Geometry
• Students choose appropriate units of measure and use ratios to convert within and between measurement systems to solve problems
Mathematical Reasoning
• Students make decisions about how to approach problems
• Students use strategies, skills, and concepts in finding solutions
• Students determine a solution is complete and move beyond a particular problem by generalizing to other situations
Algebra 1
• Students solve equations and inequalities involving absolute values
• Students solve multistep problems, including word problems, involving linear equations and linear inequalities in one variable and provide justification for each step
Word Analysis, Reading Comprehension, Writing Strategies, Writing Conventions, and Writing Applications



Absolute path
Cascading Style Sheets
Connection Key
Design Document
Document-relative path
Draft Console
Flash Player
Gamma settings
Gradient fill
Hypertext link
Live Filter
Motion tweening
Named anchor
Navigation bar
Nested grouping

Raster images
Selector Shape Tweening
Site flowchart
Site-root-relative path
Spacer image
Vector Graphics



top   Harrell September 27, 2009