TQEWITT+Advanced

This workshop will walk participants through the development of a website. Since a website needs content, we will use the lessons of this workshop as the content of our website, as modelled here. Participants will go home with a website that they can use in the classroom.

DOWNLOAD TUTORIAL- EXAMPLE WEBSITE- http://tqewitt.com/advanced/ TEMPLATE FILE (right-click > Save File As... or Save Target As...)-


 * 1) Create folder on Desktop
 * 2) Download template.html from Wiki
 * 3) View Online: Anatomy of a Website
 * 4) Fireworks: Create Buttons
 * 5) Fireworks: Create 2nd Buttons for Rollover
 * 6) Fireworks: Create Title Banner Graphic
 * 7) Dreamweaver: Open template.html
 * 8) Dreamweaver: Change CSS Styles
 * 9) Dreamweaver: Change Page Properties
 * 10) Dreamweaver: Change Table & Cell Properties
 * 11) Dreamweaver: Insert Title Banner Graphic
 * 12) Dreamweaver: Insert Buttons
 * 13) <span style="color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal;">Dreamweaver: Create Rollover Buttons
 * 14) <span style="color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal;">Dreamweaver: Link Buttons
 * 15) <span style="color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal;">Dreamweaver: Create Pages Using “Save As…”
 * 16) <span style="color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal;">Dreamweaver: Add Content to Pages
 * 17) <span style="color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal;">Download Image from Pics4Learning.com
 * 18) <span style="color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal;">Fireworks: Edit Photo
 * 19) <span style="color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal;">Fireworks: Add Photo to Title Banner Image
 * 20) <span style="color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal;">Dreamweaver: Insert Photos to “Photo Editing” page
 * 21) <span style="color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal;">Download Image from Pics4Learning.com
 * 22) <span style="color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal;">Fireworks: Give Photos Fancy Edges
 * 23) <span style="color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal;">Dreamweaver: Insert Images to “Photo Finishes” page
 * 24) <span style="color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal;">Upload and share websites