|
Class
1 -
Welcome to Class.
Introduction.
Chris Perry, Graphic Designer/Illustrator.
cperry@chrisperrydesign.com
100x, WSI, Lotus Development, Open Market
Fifteen years utilizing computer graphics
Fine Arts background
Class
Member introductions
Computer experience
Backgrounds/reasons for taking class
Goals
Overview
of tools to be used
HTML
Editors:
Notepad,
other native text editors
Allaire Homesite, HotDog, etc
Macromedia Dreamweaver
Image
Editors -
PhotoShop
Image Ready
Fireworks
Illustrator
Animation
software -
GIF Movie Gear
Image Ready
Additional
Items -
Java
Macromedia Shockwave/Flash
Sounds/Video
Adobe Acrobat PDFs
Server Includes
Dynamic Pages
Cascading Style Sheets
Browsers -
Internet Explorer
Netscape Navigator
Environment
- A discussion on this element; size of pages, depth, download time,
user, platform, browser considerations, etc.
Class
members will set up a directory structure on their machines. This
will be discussed.
Homework:
Prepare a list of 2 Internet sites which you personally find to
be (a) well designed and (b) poorly designed.
Class
2 -
A
discussion on class members selected websites. The sites and the
browser itself will be discussed, including browser/platform differences.
Viewing the source code will be demonstrated. From this discussion
we will move into an HTML overview/Dreamweaver Introduction/demonstration.
During this class we will construct a simple web page, utilizing
Macromedia's Dreamweaver, to learn the basics of Dreamweaver and
the importance of the underlying code. Proper code will be discussed,
as well as a continuation of the discussion on the environment in
which we are designing. The page produced in class will be previewed
in both Internet Explorer and Netscape.
Homework:
Prepare a page using Dreamweaver. This exercise is to familiarize
yourself with the programs file menus, options, etc.
Class 3 -
Page design basics: targeted size, Browser UI considerations, User
screen size, color settings and platform.
Why worry about page size? What is the purpose of the page, and
of the entire site? Special considerations: advertising, commerce,
user feedback, database acquisition, product display, printing ability.
We will continue learning Dreamweaver/HTML code.
A demo on the specs of page size using screen captures. An introduction
to table design for HTML pages.
Homework:
Prepare a page using tables in Dreamweaver. This exercise is to
familiarize yourself with the table options, menus, etc.
Class 4 -
A continuation of creating a page using tables. Page colors will
be discussed, as well as the browser safe palette. Fonts will be
discussed, as well as site navigation. How will the site be navigated:
images or text links? How does the navigation support the site's
purpose? Currently available pages created in class will be linked
together. A look at the Dreamweaver site overview feature. FTP will
be discussed.
Homework:
Create or scan an image for use as a base image for editing in the
upcoming class.
Class
5 -
A discussion on images in web pages. The main image types will be
discussed, their strengths and weaknesses. An overview of PhotoShop
will be demonstrated. Class members will create a PhotoShop file,
and output a gif and jpg image that will be placed in the proper
directory, and placed on the page.
Homework: Class members will identify an image to scan.
Homework:
Create a "splash image" type graphic for use in the next
class, where the image will be split and reassembled in a HTML table
structure.
Class 6 -
This session will continue with working with PhotoShop to create
a splash image graphic, which will be split and reconstructed in
a web page using a table structure. The graphic will have an on
and off state, from which a java effect will be set using Dreamweaver.
Homework:
Create a number of images from one of the graphics you have created
in class. Try out different formats and options to see differences
in size and quality.
Class 7 -
Site management, includes, library items, and templates in Dreamweaver,
along with source image files and actions in Photoshop, among other
tools will be discussed, with an eye towards the maintenance element
of site creation.
Class 8 -
The use of frames will be discussed and demonstrated, with an emphasis
on the pros and cons of this development method. Class members will
construct a frameset and examine the uses of this page construction
technique. The concept of advertising and inclusion of third party
materials will be discussed. Class members will design a standard
banner and an animated banner and position it into a page design.
Forms will be demonstrated, as well as server side or file includes.
Class 9 -
Overall site structure will be examined. How does site architecture
assist with proper web site design? A general discussion will be
conducted, brainstorming concepts for a potential site. The site
view in Dreamweaver will be examined. The final project will be
discussed.
Class 10 -
The class will begin work on the final project, a web site that
includes the following: A home page, an about page, a form or feedback
page, and all necessary content section pages. The site will require
a space reserved for an advertising graphic, a footer, all necessary
navigation and page graphics, correct hyperlinks and targeting.
Class 11 -
Work on final project will continue. Instructor will work on a one
to one ratio when necessary, and will recover areas for class if
necessary.
Class 12 -
Work on final project will continue. Instructor will work on a one
to one ratio when necessary, and will recover areas for class if
necessary.
Class
13 -
Class members will demonstrate their final project.
Class
14 -
Class members will demonstrate their final project.
|
