Links
- Images of designs from day 1 are online on Flickr here.
- A Colour Scheme generator
Instruction for the students
During Day 2 of the project, you will start to design their own website from scratch. Here are main stages of the process:
- Creating a folder structure for the website
- Designing a logo for the site.
- Creating a template for the site - how to structure tables for different navigational schemes - i.e. top/left primary navigation
- Assigning ids to page elements
- Creating styles in a stylesheet to modify the presentation of these page elements
- Creating the pages of the site
- Linking the pages together
You will then add content to the site. We will look at optimising images for the web and using ¨classes¨ to float page elements so that text can wrap around them.
Jing Screencasts
These screencasts talk you through the main stages in setting up a template in Dreamweaver (each will open in a new window)
- Setting up template tables - part 1
- Setting up template tables - part 2
- Attaching a stylesheet and making some basic styles
- Editable regions and linking the pages together
- Styling the content area and links in the navbar
Using tables to structure a web design
If you continue to develop your skills in web design, you will eventually abandon the use of tables for laying out sites, and move instead to using CSS stylesheets for layout as well as presentation. However, learning to use tables for layout is a good first step. Here is an image to illustrate the tables used to make a top navigation layout and a left navigation layout.
i think it was arrite.
sept when i didnt know what to do.
but apart from tha
it was okay
tar richard.
=]