Monday, October 20, 2008

Building a Web Site using Photoshop

Create all the pages in one Photoshop file, and use grouped layers to hold each page.
For each web page, turn on and off the appropriate groups and layers and SAVE FOR WEB (HTML and images for up state, and images only for over state).

Open the html files inside your Dreamweaver Site and add the NAV BAR behaviors and drop down menu scripts.

For example, a typical portfolio site might include the following pages:
index.html ( Flash animation)
menu.html (hyperlinked menu to all the pages)
contact.html (name, address, email)
portfolio.html (illustrations, photo gallery, design sketches)
videos.html (process videos, tutorials, animations)
references.html ( at least three references, academic and industry)
resume.html (up-to-date curriculum vitae)

No comments: