www.chagoyan.com
Web Design II - Quarter 3
Assignments
Complete these assignments with JavaScript, DreamWeaver, and Fireworks.
Index Page Update
Index Part I Examples: |
Awesome Index Page Online 100 points We have been in class for half the school year. Your index page has to be awesome. If it's not awesome, make a new one. I don't want to feel shame when I look at it. ha ha. No really, make it GOOD. See examples. They all have something interesting to offer. Requirements: See assignment029g2 Two or more columns are required. Make sure to have a container, wrapper, header(s), columns, and footer(s).
|
Index Part II |
Faux Columns (fake columns) Remove background--colors from your columns and add a wrapper background-image. See assignment029g3 |
Index Part III |
Required Background Images
See assignment029g4 Use the color wheel to select your colors. Start with the color wheel to get a good foundation of colors that go well together. Then experiment. Also check out these color scheme generators. Feel free to break the rules, but go no wider than 960px on the required container. Also, you can choose not to include all the above images as long as your design looks pro. Again, use the color wheel to select your colors.
|
JavaScript - The Basics
| Assignment 010a | JavaScript - Prompt() Method - Variable + Write() |
| Assignment 011 | JavaScript - HTML Tags - Events - Body Styles |
| Assignment 011a | JavaScript - HTML Tags - Events - Table Styles |
| Assignment 011b | JavaScript - HTML Tags - Events - Body Styles |
| Assignment 012 | JavaScript - Methods - Variables |
| Assignment 012a | Events | Properties | Methods Objects have events, properties, and methods (actions) ABOUT TIME - Date Class JavaScript - Date() - The Day Get the current day Uses client computer's clock |
| Assignment 012b | JavaScript - Date() - The Time Get the current time |
| Assignment 012c | JavaScript - setTimeout Method for window object Make code run after specified seconds |
| Assignment 012d | JavaScript - setInterval Method for window object Make code repeat after specified seconds |
| Assignment 012e | JavaScript - setInterval/setTimeout/clearInterval Method for the window object Combine Timer methods |
| Assignment 012f | JavaScript - setInterval and date() Putting it all together - Simple Clock |
Programming Structures
JavaScript - Forms Introduction
| Assignment 013 | JavaScript - Form Controls - Events |
| Assignment 014 | Basic Form |
| Assignment 014a | Intermediate Form |
| Assignment 015 | Duplicate Form (use an ordered list, one fieldset, and labels) |
| Assignment 016 | JavaScript - Form Controls - Functions |
Programming Structures Part 1
| Assignment 017 | JavaScript - If Statement - Functions |
| Assignment 017a | JavaScript - If Else Statements- Functions |
| Assignment 018 | JavaScript - If Else If Else- Functions (Multple Conditions) |
| Assignment 019 | JavaScript -If Else If - Functions (Navigation with a form control) |
| Assignment 020 | JavaScript - For Loop |
| Assignment 020a | JavaScript - For Loop and If Statement . |
| Assignment 021 | JavaScript - While Loop |
| Assignment 022 | JavaScript -Do...While Loop |
| Assignment 022a | JavaScript -Random Number Breakdown |
| Assignment 023 | JavaScript - Random Number |
|
|