Category:ITA Curriculum

WEEK ONE: Introducing the Web, Our Project, Dreamweaver, and Photoshop

Monday:  •Introduction to ITA Ice Breakers Outside •Take Pre-Assessment Survey •Introduce Internet in Basic Terms (E-Mail, Surfing the Web, What’s Online?, Downloading/Uploading, Web Page/Site, etc.) •Online Scavenger Hunt 

Tuesday:

Introduce the Project (30-40 Mins) •	Give Guidelines for Project •	Talk about the presentation and showcase lunch •	Share the list of things to explore (World Cup, Video Games in politics, intelligent design vs. evolution, stuff happening in other countries too) •	Let the students list their top 3 choices

Introduce Dreamweaver – the very basics – skim the surface of HTML and CSS •	What is Dreamweaver? •	Quick tour of Workspace •	Making a three-tiered simple web page o	Layers and naming layers o	Text o	Using Header Option o	Lists o	Tables o	Background Color •	How to deal with Files o	Manage Site o	Creating and saving new files o	Choosing good names for files o	Looking at the way all the files for site are together in one directory o	Using sub-directories o	Navigating to different files •	Multimedia in your page (Images, Videos, Files) o	Pictures (Make sure there is ALT Text) o	Media (Make sure there is Closed Caption / Lyrics) o	Background Images (HAVE SOMETHING PREPARED) o	Linking to Files •	Create another page from scratch •	Making a Web Site (Linking) o	Links 	Relative and Absolute 	E-mail 	Internal/Anchor •	Review of DW workspace (properties, common tab, layout tab, other tabs from the insert palette, docking/undocking palettes, views of files, different file views, etc.)

Wednesday:

More about Dreamweaver – Start from a basic version of yesterday’s page. •	Accessibility o	What is Accessibility? o	How do I know if my site is Accessible? •	Structure (HTML) vs. Design (CSS) o	What is HTML o	What is CSS? •	Working with HTML o	Views of the document o	Editing HTML code o	Discuss “Clean Code” o	Div tags and position in the code o	Accessibility Guidelines for HTML •	Working with CSS o	Adding a new style o	“Tag” o	“Advanced” 	IDs 	Pseudo-Class Selectors o	“Class” •	External CSS File o	What is an External Style Sheet vs. an Internal Style Sheet? o	Making an internal sheet external: Exporting o	Linking External CSS Files o	Editing one style sheet for countless pages!!! •	Library Items o	Difference between library items and external CSS •	Dreamweaver tools for perfecting design oVisual Aids 	Zooming in and out 	Guides 	Look at Code View in more depth – all the visual aids in DW (on left column) •CSS sheet vs. Template editing techniques (when you edit one versus the other) oQuick Quiz

Begin organizing ideas for final project w/ worksheet oResearch oWhat pages will be in the site probably?

Thursday:

Work on Research •Find a list of reliable resources •Take notes

Introduce Photoshop (kinda PS 1 class) •What is Photoshop? •How can we use it on our web pages? •Practice working with Drawing tools and Images •Working on Banners in Photoshop

More Dreamweaver and Good Design (use same ex., this time it’ll look really good!) •Thinking about design oExamples of good and bad design oInserting banner oGoing back to photoshop for background image creation. •Roll-over buttons •More CSS tricks and features

Friday:

•Create personal web sites •Have to follow the Checklist •Provide students with Cheat Sheets on how to do everything we taught them