Agenda: Day 4
| Time | Item |
|---|---|
| 8:30 | Day 3 Review |
| 8:45 | Design Concepts |
| 9:15 | Color Scheme |
| 10:00 | Design Layout |
| 11:30 | Lunch |
| 3:15 | Wrap up |
Agenda: Day 5
| Time | Item |
|---|---|
| 8:30 | Day 4 Review |
| 8:45 | Work Time |
| 11:30 | Lunch |
| 12:30 | Content Pages |
| 3:15 | Wrap up |
Day 4 -5: Designing with Dreamweaver and Fireworks
Review Day 3Design Concepts and Principles (6:19) (PowerPoint)
Web Design Guidelines (PowerPoint)
This presentation is from web guru Patrick Cripsen.
Color
Use one of these web sites to come up with a color scheme for your web site.
- Kuler: This is a great site for developing color schemes.
- ColorBlender: your free online tool for color matching and palette design.
Design Layout
- Design by hand
Use this template to draw out a simple design for your web site. You might want to think about basing your design on one of the layout templates in Dreamweaver. - Design using Fireworks (11:19)
Use this tutorial to make a layout for your own web site.
Content Pages
In this section you will make a template based on your home page for all the content pages for your site. You will create editable and non-editable regions. Then you will use it to complete your web site.
- Moving Embedded CSS to External CSS (5:11)
- Creating a Content Page Template (7:51)
- Using Template to Make Additional Pages (6:08)
- Creating Hyperlinks (3:23)
- Creating an Image Div (7:41) *Optional extra CSS/Div practice
- Downloading and Installing Fonts (2:44)
Lunch
Site Planning Part 1
Personal Web Site
I would like to give you this time to create your own home page. You may have already done some of these things.
- Draw a layout for your page
- Decide on a color scheme and write it down
- Use Fireworks to mock up a layout
- Make a web site folder with an "images" folder (You might have already done this)
- Use the Dreamweaver site manager to set it up (You might have already done this)
- Make a home page using one of the templates (remember to save it as "index.html")
- Make a nav bar and insert it onto your home page
- doesn't have to be a drop down
- Could be horizontal or vertical
- Make a banner and insert it onto your home page
- Prepare some images for use on your web pages and insert them
- Make a photo gallery (required for college credit)
- Make a template for the other pages
- Create other pages based on template