Digital Design for the Web
  • Home
    • ICT Class Website
    • Key Assignments
    • Orientation >
      • Unit Outlines
      • Website Evaluation >
        • Tools to Evaluate Websites
      • Rubric Creation >
        • Sites to Use
    • Resources
  • Imaging
    • PhotoShop >
      • Part 1 >
        • Movie Poster 1
        • Movie Poster 2
        • Dream Scene Montage
        • Special Effects
        • Dark Faces
        • Stone Portrait
        • PS Project 1
      • Part 2 >
        • Pop Art
        • Shattered Type
        • Vanishing Point
        • Flying Out of Bounds
        • Reaching Out of Bounds
        • Square Fruit
        • PS Project 2
      • Summative Project:s >
        • Dante's Inferno
        • Surrealism Project
  • Web Building
    • Designing Websites >
      • Fundamentals of Design
      • Elements of Web Design
    • Web Products >
      • DreamWeaver >
        • LOTR
        • Twilight
        • Wizard of Oz
        • Big Bang Theory
        • Classic Cars
        • POTC
        • Client Website
        • Summative Project: Tech Media
        • DreamWeaver Final Project >
          • Requirements
          • Choosing a Topic
          • Sample Projects
          • Submitting Your Work
    • HTML/CSS >
      • Getting Started With HTML and CSS >
        • Front-End Foundations
        • Front-End Formations
      • Intermediate CSS >
        • CSS Cross-Country
        • Journey Into Mobile
        • Adventures in Web Animations
    • JavaScript >
      • JS Road Trip Part 1
      • JS Road Trip Part 2
      • JS Road Trip Part 3
      • The Shape of JS to Come
      • JS Best Practices
    • Business Website - SkillsUSA
  • Game Design
    • Code Combat >
      • Web Development
      • Game Development
      • Computer Science Levels
    • Game Maker >
      • Evil Clutches
      • Galactic Mail
      • Lazarus
      • Super Rainbow Reef
      • Koalabr8
      • Wingman Sam
      • Tank Wars
      • Tic-Tac-Toe
      • Pyramid Panic
      • Fighting Game
      • Misc. Games
  • Multimedia
    • Animation >
      • Flash >
        • Sad Potato
        • Disney Project
        • Flash Drawing
        • Long Train Running
        • Basic Flash Tips & Tricks
        • Animation >
          • Frame by Frame
          • Motion Tween
          • Easing
          • Shape Tween
          • Path-Based Animation
          • Masking
          • Motion Tips & Tricks
        • Flash in the Classroom
      • Animatron
    • Video Editing >
      • Movie Maker >
        • Time Capsule
        • Movie Captions
        • Super Hero Trailer >
          • Super Hero Part 1
          • Super Hero Part 2
      • Premiere Pro
      • After Effects
    • Sound Editing >
      • Audacity
      • Audition CC >
        • Video2Brain
      • Found Sounds
      • Cartoon Clips!!
      • Sound Editing 101
      • Midi & Computer Music
  • Finals
    • Semester 1 Final
    • Semester 2 Final

summative project: technology media

Choose another technology media to work on (i.e. not Apple).

Test: technology media

  1. You'll create a 6-page (Home page + 5 pages) website using CSS styles on multiple divs, the Body, Headers and wrapper; you'll create a floating wrapper, image map, adjust padding, color, font, etc. link to external websites and create an unordered list. 
  2. Your topic must be technology-related
  3. You must create your website from scratch - no use of material from prior projects.
  4. You must use PhotoShop to create your banners, buttons and edit your graphics.

academic dishonesty

This 100-point test is designed to allow you to demonstrate your proficiency in creating a six-page website using CSS to style the page. It follows the processes that you learned in previous assignments and re-cap assignment that were based on that project.

This is a closed-book test. As such:
  1. You may not refer to previous DreamWeaver assignments’ movies 
  2. You may not use the internet for information that helps you complete the test 
  3. You may, of course, use the internet to gather graphics and information upon which to base the test. 
  4. You may not use any graphics, information or HTML pages from previous DreamWeaver assignments 
  5. You may request clarification of instructions from me, but you may not ask for help from me, or from a fellow student – nothing that starts with “how do you …” 
If you are discovered referring to information from previous DreamWeaver assignments, or getting assistance from a fellow student, this will be considered Academic Dishonesty and dealt with according to school principles. 

assignment agenda:

Learning goals:

You'll need to complete all of the Agenda items to qualify for full credit.

1. Test: Tech Website
2.  Quizlet
3. Fill in the Completion Sheet

4. Correctly saved in OneNote binder.
5. Sign the Sign-in Sheet to let me know that you're ready for grading.

  • Demonstrate the ability to create multiple divs and to float graphics right and left
Picture

1) TEST OUTLINE

Picture
The movie for this assignment is below. 

Text Instructions:
Demo:
Picture
Picture
Website > Web Assignments > Apple Site
Completion Sheet:
Picture
rubric_tech_media.docx
File Size: 22 kb
File Type: docx
Download File


Part 1 tba

2) quizlet 

Picture
Read the flashcards, take the test - as often as you like.Watch this how-to movie and be sure to click here to see what your screen capture should look like.

6) onenote binder for grading 

Picture
The movie on the right tells you how to collate all of the work that you've completed for this assignment and save it in your OneNote binder for grading. Once I've graded your work, you can check your results in SchoolLoop and also on the Feedback page in OneNote.


Remember, for full credit, you need to complete the Quick-Start, the Lab, the Reflection Paper, BiteSize and Quizlet. There are also points for laying out your OneNote section correctly. 
✕