• Home

• Assignments

• Resources

• Sample Portfolio

• Links

Day 3--Monday, November 17, 2008

Take the survey at the end of the class

4:00 to 6 p.m. Electronic Portfolio Overview & Individual Project Work (AGENDA)

6:00 to 6:45 p.m.-- Break

Electronic Portfolio Overview & Individual Project Work

1. Electronic Portfolio Packet
   
2. See Al's "Bare Bones" Poetry Portfolio

Directions: After you have finished setting up a "bare bones" portfolio, start experimenting. Add a background, graphics, and digital images taken with a camera. Use the resources supplied on this site, or take a moment to surf the web and find additional resources. The possibilities are ENDLESS! You must include the following:

• E-mail link
• 3 content pages and hyperlinks (internal and external)
• 3 graphics
• A minimum of one table with multiple rows/columns
• If time permits, try to add interactivity and make your page dynamic. You can find video clips or music. Try adding a link to a PowerPoint presentation!

Al's Dynamic Portfolio

6:45 to 9 p.m.--Project Completion and Review

Day 1--Monday, November 3, 2008
4:00 to 6:00 p.m.
Learning about HTML (Agenda)

HTML (Hypertext Markup Language) is the language used to make a web page. HTML tells your browser how the web page should appear. It's the "source code" of a web page. As computer languages go, HTML is relatively simple. Anyone can learn it.

HTML is a set of special codes, called tags, that are used to markup plain text so that a browser application, such as IE or Firefox, knows how to display the text in the browser window. Before you can begin to understand Dreamweaver, a WYSIWYG editor, you must learn the basics of web design and HTML.

1. myfirstpage.html (view all basic handout examples)
   
2. HTML Basics Handout
   
3. HTML Images and Hyperlinks
   
4. HTML Tags Reference Chart

6:00 to 6:45 p.m.-- Break

6:45 to 7:15 p.m.
Introduction to Dreamweaver MX

Dreamweaver is the industry standard for professional web designers.

The Dreamweaver Workspace
The Dreamweaver development environment is comprised of a number of menus, windows, and panels. In Dreamweaver MX, these are grouped together in the Dreamweaver workspace.

7:15 to 9:00 p.m.
Exercises using Dreamweaver MX & Quiz

1. Setting up a site in Dreamweaver
2. Beginning Dreamweaver MX Practice Assignments

Day 2--Monday, November 10, 2008 (Agenda)
4:00 to 6 p.m.

1. Review--How to set up and manage a site
2. Importing text--Review the workspace screen
3. Complete the Harry Potter exercise and create page 2 using non-CSS styles. Text available.
4. Images, Photo Album Creation, and CSS
5. E-Mail links
6. Understand the basics of a navigation bar and jump menus
7. Explore and discuss several types of navigation bars
   • http://www.adobe.com/support/fireworks/rollovers/navbar/sample/navbar.htm
   • Use these 4 images to create the navigation bar:

Dreamweaver Sports Marketing Internet Basics Career & Financial Management

• Adding and linking to sites using an image map

6:00 to 6:45 p.m.-- Break

6:45 to 7:30 p.m. --Image map navigation

• Working with Image Maps

Templates and code available

7:30 to 9 p.m.

How the heck to you get on the WWW?

1. Checking for a Domain Name--Network Solutions
2. Setting up a site on the WWW --Server space--Omnis & Devisland
3. Purchasing a domain name and server space
4. Configuring your FTP server and/or using Dreamweaver using FTP
5. Sending a simple file to the Internet

Deciding on a project and what you need to bring to the next class.