- Introduce Midterm Project | "Client" Interview/Survey
- Review of Photoshop for Creating Web Graphics
- Optimizing Images for the Web
- Formats for Optimizing Web Graphics
- Working with Images in Dreamweaver
- Integrating images and text
- Image maps
- Images as buttons
- Images as backgrounds
- Rollover buttons
In a five step process, you will create a website for the fictional company, iPoint Advisors, using this textual content. You will begin by creating graphics and image-based rollover buttons for the navigational menu (Part 1); you will then layout your pages using HTML Tables (Part 2); style and format the text and other elements using Cascading Style Sheets or CSS (Part 3); refine your design and define a template for the site (Part 4), and finally you will populate the site with all content, refine your indivdual page designs, debug problems, and upload the site to the MAT servers via FTP (Part 5).
You will have the opportunity to ask the "client" (me) questions about the project to guide your creative development and understand the communication goals and objectives for the site. This client survey may be useful to that end.
The website should have the following sections/pages: profile, services, staff bios, client list, and contact (you are free to change the names/labels for these pages).
You are required to create the following imagery in Photoshop, Illustrator, or Fireworks: a simple text-based logo/banner for the company that will serve as the site identifier; page titles/headers (page identifiers); and image-based rollover buttons for the navigational menu linking to each page.
Create a root folder with the following naming convention: your last name + p1. My folder would be called "cleveland-p1" for example. Save all of your work (including your imagery) in this folder.
- Work on iPoint Advisors graphics
- Read Dreamweaver CS4 Digital Classroom, Chapter/Lesson 3, pp. 84 - 93 (recommended)
- Blogging Does a Body Good