| Curriculum Map 2005-2006 |  |
||
|
The Dwight School |
| Period | Content | Purpose/ Objectives | Activities & Resources | Areas of Interaction | Assessments | |
| COMPUTER ETHICS : | The Dwight School policies on computer/network use and computer lab conduct. The ethical use of computers in society. |
Students will: |
Review of The Dwight School student handbook policies on computer/network use and computer lab conduct. Review of the Ten Commandments of Computer Ethics from the Computer Ethics Institute. Class and small group discussions on contemporary issues in computer ethics.  Computer Ethics Institute |
What are ethical and unethical uses of computers? (Homo Faber) How can an unethical use of computers be confronted? (Homo Faber) |
Formative: Essay on computer ethics at home. Summative: Quiz and Test on The Dwight School Policies and the Ten Commandments of Computer Ethics. |
|
| THE DESIGN CYCLE : | CONTENT: |
Students will: |
Create a sample design document Practice using text editors to create simple HTML template files. |
|
|
|
| HTML : | Basic HTML Cascading Style Sheets Text formatting tags Tables |
Students will: |
Demonstration and lecture on how to create a simple HTML file Demonstration and lecture on basic HTML features Demonstration and lecture on formatting HTML text Demonstration and lecture on creating HTML lists Demonstration and lecture on creating HTML tables |
What is HTML, and how is it used best to create web pages? How does the use of HTML help in communicating information? (Approaches to Learning) |
Formative: Create a simple HTML file exhibiting text formatting Create a simple HTML file exhibiting lists Create a simple HTML file exhibiting tables Summative: Create a simple HTML file with links, tables, and Cascading Style Sheets, utilizing the strengths of hypertext. |
|
| HTML : | See description in October. |
|
|
|
|
|
| MORE HTML : | Links Page layout Inline JavaScript Creating a template |
Students will: |
Demonstration and lecture on creating links, using tables for layout control, and applying inline JavaScript Create simple HTML files demonstrating links, tables used for layout control, and inline JavaScript code |
What HTML aspects help create an effective web page and provide a foundation for applying JavaScripts? (Approaches to Learning) |
Formative: Create simple HTML files demonstrating links, tables used for layout control, and inline JavaScript code. Summative: Create an HTML template that includes a proper head comments, a link to an external HTML file, tables used for layout control, an inline JavaScript code inserted into a link tag, and simple text formatting. |
|
| DREAMWEAVER : | Visual Design of Webpages in Dreamweaver Formatting Websites in Fireworks Cascading Style Sheets |
Students will: |
Demonstration and lecture on hand-coding vs. WYSIWYG coding Introduce Students to Macromedia Dreamweaver and Fireworks Examine a range of webpages using different design methods and for different audiences Demonstration of bugs, the difficulty finding them, and debugging methods JavaScript |
What is the role of HTML in helping to spread information? How do limitations of computer languages lead to the creation of new web technologies? (Approaches to Learning) |
Formative: Write a paragraph describing an experience with a web page that uses JavaScript behaviors in Dreamweaver. Create and slice an HTML template in Fireworks Create a simple three page website Summative: Quiz/Test on HTML and the fundamentals of web design. |
|
| DREAMWEAVER : | The Site Map |
Students will: |
Create a site folder for a web site Create a functional web site, connected by links and a consistent navigation bar |
What is the importance of file management in creating and maintaining a website? How much planning is required when creating a functional website? How can one plan design, usability, and human interface? |
Formative: Short answer and vocabulary questions about vocabulary related to web design. Summative: Create a web page and site map using Dreamweaver and Fireworks |
|
| FIREWORKS : | Basic Fireworks Tools Using the Slice Tool Exporting an Image to the Web Optimizing a Site for the Web |
Students will: |
Create a webpage mockup based on the principles of web design (appearance, content, and usability) Slice the webpage mockup and edit it within Dreamweaver Optimize the newly created site within Dreamweaver for minimum download time |
How does usability factor into a user's experience with browsing the web? How does appearance factor into a user's experience with browsing the web? How can someone balance appearance and usability to create the best possible web browsing experience? (Approaches to Learning) |
Formative: Create a fully functional website from Fireworks Summative: Create a fully functional template to create a basis for a complex website |
|
| DREAMWEAVER : | see previous description |
|
|
|
|
|
| FIREWORKS : | see previous course description |
|
|
|
|
|
| JAVASCRIPT : | Introduction to Javascript |
Students will: |
Create a simple "Hello, world!" Javascript Find Javascript online and incorporate it into a page Use Dreamweaver and Fireworks behaviors to create Javascripts ExemplarySample_02.html |
What are some features of the Javascript? How can Javascript be used to facilitate communication? (Approaches to Learning) |
Formative: Note taking Incorporate Javascript into an already existing webpage Summative: Build a new webpage around a javascript application |
|
| MACROMEDIA : | See previous descriptions for Dreamweaver and Fireworks |
|
|
|
|
|
| CSS and DHTML : | |
Students will: |
Demonstration and lecture on writing and creating DHTML layers within Dreamweaver Read along with printouts from books and online tutorials such as DHTML and CSS for the World Wide Web |
How does the addition of a new dimension (layers) into web design change our views of the three main criteria of web design? What benefits and drawbacks are there from adding a new level of complexity into web design? Do the benefits outweigh the drawbacks? |
Summative: Note Taking Finding examples of DHML online Formative: Create layers and CSS styles to format passages from a book |
|
| INTEGRATED PROJECT : | HTML Dreamweaver Javascript CSS DHTML |
Students will: |
Printouts and tutorials within Dreamweaver as a reference for the various technologies and languages used Using Project Gutenberg to find a story within the public domain that may be used for the project Create a website based upon a short story |
How does the technology utilized enhance the format of the short story? What elements of the integrated project could have been expressed without a computer? What elements could not be replicated outside of a computer? Why? |
Formative: Create a website for a short stoy Summative: Cross browser and cross platform check for the short story, check optimization of the site |
|
| INTEGRATED PROJECT : | |
|
|
|
|
|
| FLASH : | Buttons Animation - Up, Over, Down, Hit Active Scripts Text Boxes |
Students will: |
Demonstration and lecture on creating a button in FLASH A self-paced tutorial on creating a button (part of FLASH software) Demonstration and lecture on creating an interactive quiz in FLASH A self- paced tutorial on creating an interactive quiz (teacher created; quiz only progresses to next question upon selecting the correct answer ) We use Macromedia Flash MX 2004 Macromedia Flash |
How does using software such as FLASH enhance a developer's and a user's experience with an interactive Web site? (Approaches to Learning) |
Formative: Note Taking Complete self-paced tutorial on creating a button (part of FLASH software) and answer teacher created questions Complete a self- paced tutorial on creating an interactive quiz (teacher created) and answer teacher created questions Summative: Create a second version of the quiz that totals and displays the quiz score after completion. |
|
| FLASH : | See description in March. |
|
|
|
|
|
| FLASH : | |
|
|
|
|
|
| FLASH : | |
|
|
|
|
|
|
|||
| «Previous Year |