COMPUTER ART 3-4 WEB DESIGN |
|
FALL SEMESTER 1st MARKING PERIOD
INTRO TO PHOTOSHOP & HTML
|
SKILLS IN PHOTOSHOP
 Using Layers
- Color Palette
- Brush Tool
- Options
- Marquee
- Text
- Layer Styles
- Image Search on Internet (Boolean Search)
- Filters
- Formats (JPG, GIF, PSD)
- Naming Conventions
- Setup Folder
- Lasso Tool
- Clone Stamp Tool
- Understanding RGB Color
- Photoshopping an Image
- Levels (Correct Lighting)
- Color Correction
- GIF Animation
The Importance of...
- File Naming — all one word, all lower case, no special characters, no spaces
- Folders & File Placement — understand the difference between embedded and linked images
|
VOCABULARY LIST
 Pixels / PPI (pixels per inch)
- Raster Graphics
- Vector Graphics
- RGB Color
- Marquee
- Options
- Feather
- JPG
- GIF
- PSD
|
 |
PROJECTS IN HTML
- pageone.html — learn Tag, Attribute, Value
- color.html —learn RGB color in hexadecimal
- background.html — learn tiling backgrounds
- tablecells.html — understand rowspan & colspan
- styles.,html — applying stylesheets
- Use of Screen Real Estate (Jakob Nielsen)
- Why, What, How of Websites
GET THINKING
- How is a web page different/similar to printed page?
- How can we achieve layout and positioning and formatting on a webpage?
VOCABULARY
 - Hexadecimal
- Tag
- Attribute
- Value
- Tiling Backgrounds
- Table Rows
- Table Cells
- Stylesheets
- Selectors
- Properties
- Navigation
- Usability
- User-Friendly
Principles of Design
- Balance vs Emphasis
- Harmoney vs Contrast
- Unity vs Variety
|
Principles of Layout
- Grouping
- Alignment
- Repetition
- Variety
|
|
|
FALL SEMESTER 2nd MARKING PERIOD
EXPRESSING IDEAS—AD CAMPAIGNS, BROCHURES, ARTISTS
|
What is an Ad Campaign?
- Media Literacy
- What's Cool? And why do you think what's cool is cool?
- How do companies market to teenagers?
 Create a Logo
- Create a Series of Ads
Design with Dynamic Word
- Layout with Dynamic Word
- Creating a Brochure/ Newsletter
|
|
 Report on an Artist
- Vital Statistics: where & when born, facts, where & when died
- How did he/she become an artist? influences?
- What school/movement did this artist belong to/reflect?
- In what ways was this artist important to the history of art? What do critics/historians say about this artist?
- Discuss two important works by the artist
- What is your opinion of the artist's work?
|
|
FALL SEMESTER 3rd MARKING PERIOD
BUILD AN ARTIST WEBSITE
|
Designing a Fully Functional Website
 Look at your favorite website:
- Who built it? Why was it built?
- Who was this website built for?
- Is the design appropriate and does it successfully serve its function for its users?
- What does it mean for a website to be "user friendly"?
- What makes a website/webpage successful?
- What makes a website/webpage unsuccessful? (boring? difficult to use?)
|
|
Build an Artist Website
- Designing as a Layered Photoshop file
- Slicing Design with ImageReady
- Working with HTML
- Background or bgcolor
- Replace blank cells with spacer.gif
- Insert Text & Images
- Apply Stylesheets
|
|
SPRING SEMESTER 1st MARKING PERIOD
INTRO TO FLASH
|
PROJECTS
- Bouncing Ball
- Falling Leaf
- Facial Expression
- Name Logo
GET THINKING
- What's the difference between Raster and Vector graphics?
- Flash has a Timeline. How does the element of TIME make Flash different from static JPGs?
- What could you communicate with Flash that you couldn't convey in a static JPG?
|
|
UNDERSTANDING
 Using Toolbox
- Vector Graphics
- Layers in Timeline
- Line & Film Color
- Library Symbols
- Keyframes
- Motion Tween
- Shape Tween
- Impression of Movement (with Minimal Movement)
|
