Dreamweaver Instructions Pages are at the top, followed by a list of Example Pages. |
|
Dreamweaver pages |
|
| Anchor links | How to make anchor links to another part of a page or to a specific part of another page. |
| Checklist before publishing | Things to do and check before publishing your site online |
| Code | A very short introduction to DW html code |
| CSS Basics | Beginners CSS:using icons, basic layout and formatting |
| CSS Style Sheets | How to make internal and external style sheets using CSS |
| Define a Site | How to start a new site in Dreamweaver |
| Dictionary | Definitions and short explanations using Dreamweaver |
| Dreamweaver Screen | For absolute beginners: finding your way around the DW screen |
| Files and Folders, Names and Titles | Distinguish between folders and files, names and titles. How best to name your files and title your pages. |
| Forms | How to insert a form on your page so a site visitor can send you information |
| Galleries, PS & FW ready-mades | How to make galleries of images in either Fireworks or Photoshop |
| Gallery, make your own | How to make your own gallery from scratch, not using PS or FW ready-mades |
| Gradient Background | How to make a gradient in Photoshop and use it as a background in DW |
| Image Maps | How to make image maps with hotspots as links |
| Import style | How to use a CSS style from another page |
| Insert an image | Insert an image or a background on to your page |
| Jump Menus | How to make jump menus |
| Layout, DW ready-made pages | A description of some different ready-made pages offered by DW with links to examples. |
| Layout Page from blank with Div Tags | How to layout a page from blank using Div Tags |
| Layout Page with Div Tags added to content | How to layout a page using Div Tags when you already have text and/or images on the page |
| Library Items | How to make and use Library Items |
| Links formatted as buttons | How to make links look like buttons, including aligning them horizontally and links from a list. See also Navigation Bar in FW |
| Links in general | About Links: various kinds of links and how to make them |
| Liquid Layout | Example page using a Dreamweaver ready-made layout: Liquid page |
| Modify your Site | Things to consider before changing your web site once it is online. |
| New Site | How to Define a Site: start a new DW site |
| Open Browser Window | How to make an image open in a new browser window |
| Optimise your site, Meta tags and Search Engine listing | How to insert meta tags and use search engine listing information to optimise your site so it appears on search engine listings. |
| Publish your site | Choose a domain name, a web host and publish your site |
| Rollover images | How to make rollover images and how to put them on your page |
| Sound | How to put sound on a page |
| Spry effects on images | How to use Spry Effects to make images shrink and grow or fade in and out |
| Spry widgets | How to use Spry Widgets to make menu bars etc. as navigation. |
| Swap Image | How to use Swap Image to make rollovers and multiple event rollovers. This is my most popular page! |
| Templates | How to Make and use a template |
Example Pages in Dreamweaver |
|
| Elastic Page Layout | Example page using a Dreamweaver ready-made layout: Elastic page |
| Gallery FW example | A small demonstration gallery made in Fireworks, see also Galleries page |
| Gallery PS example | A small demonstration gallery made in Photoshop, see also Galleries page |
| Gallery, home made example | A an example gallery made from scratch to compare with the others |
| Liquid Page Layout | Example page using a Dreamweaver ready-made layout: Liquid page |
| Side Bar | Example of a page made with div tags including how to make a side bar |
| Side Links | Example of a page with links in blocks in the side bar |
Other Applications Pages |
A few aspects of other applications that can be used with Dreamweaver |
| Illustrator Basics | Instructions from Robin Ballance on how to use the creative program Adobe Illustrator |
| Layers in Photoshop | How to make images using layers in Photoshop. Instructions from Damian Sinclair |
| Layers in Photoshop Overview | An overview of how to make layers using Photoshop. Nick Barker's notes. |
| Navigation Bar in FW | How to make a navigation bar in Fireworks using the button editor |
| Optimise Images | Prepare your images for your site by optimising them in FW or PS |
| Photoshop Page properties | How to set page properties when creating a web graphic from scratch using Photoshop |
| Photoshop Repetitions | How to use various actions that Photoshop automates to help you prepare images for your web site. Actions; Batch Processor; Image Processor; and Droplets. |
| Text Image | How to fill text with an image using Photoshop |
page updated 28/8/10