AOIT 10th CURRICULUM CALENDAR
    This is a very full one-semester class:
  • At the end of the first marking period each student will hand in a "web1" folder that includes
    • each completed Photoshop exercise and project displayed on a web page
    • each HTML exercise linked
    • a personal HTML page
  • As of mid-term each student will produce a fully-functional Flash animation that communicates an idea about Technology
  • As of end of second marking period students will be able to create Javascript Arrays and Rollovers
  • As of the end of the semester teams will produce fully-functional websites
    • Designed in Photoshop, sliced in ImageReady, work on HTML code
    • Design appropriate to the content
    • With Rollover buttons
    • Utilizing Sylesheets

WEEKS 1-3 / PHOTOSHOP BASICS
    GET THINKING
  • What does a good/successful classroom look like?
  • What does a bad/unsuccessful classroom look like?
  • What do you need to learn?
  • What does it mean to “Photoshop” an Image?
  • How much can an image communicate?
    VOCABULARY LIST
  • Pixels / PPI (pixels per inch)
  • Raster Graphics
  • Vector Graphics
  • RGB Color
  • Marquee
  • Options
  • Feather
  • JPG
  • GIF
  • PSD
    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

WEEKS 4-5 / HTML BASICS
    PROJECTS & UNDERSTANDING
  • 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

WEEK 6 / WEBSITE PORTFOLIOS
    GET THINKING
  • What is a Portfolio?
  • How do professionals use Portfolios?
  • Why is file naming important?
  • Why is file location so important?
    STUDENTS HAND IN WEB1 FOLDERS with all work displayed and linked.
    STEPS
  • All HTML projects & exercises have been saved into each student’s web1 folder
  • All JPGs and GIFs have been saved in images folder inside web1 folder
  • All JPGs & GIFs are displayed on HTML pages
  • All HTML pages are linked

WEEK 7 / 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)

WEEKS 9-10 / FLASH PROJECT
    Communicate an idea about technology in a Flash animation
    Utilizing Skills while Communicating Ideas

WEEKS 11-13 / JAVASCRIPT
with Mr. Chun / Completed before Thanksgiving Break
    PROJECTS
  • document.write
  • Pop-up
  • Array
  • Rollovers
    UNDERSTANDING
  • What Javascript can do
  • Parts of Javascript
    GET THINKING
  • What interactivity is important when you use the Internet?
  • How do programmers create these interactive functions?

WEEKS 14-15 / WEB DESIGN WITH PHOTOSHOP
    GET THINKING
  • 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?
    STEPS
  • 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

WEEKS 16-19 / FINAL WEB PROJECT
    GET THINKING
  • Putting it all together!
  • Form and Function
  • Style and Substance
    STEPS
  • Each team of 3 students will construct a website with at least 7 pages
  • Each student will create a complete design in Photoshop
  • Teams will then work together to consolidate ideas into one design
  • Design will then be sliced in ImageReady and worked on as HTML
  • One team member will be in charge of creating Javascript rollovers
  • One team member will be in charge of creating Stylesheets
  • There will be a Flash element as part of the site
  • Completed website — design appropriate for contents, all links and images work