
This is a list of best practice I came up with for using Dreamweaver in a classroom. North Lakes State College Multimedia students helped me to compile the ideas here, so kudos to them too.
2. Name Pages. Do this when you create them. Linking your pages will be easier too. Renaming your pages later will break any links you have set up.
3. Create a Template. Design a page with all the basic features you want on every page of your website. Consider using your index.html page as a model. You can then use your template page to create each new page in your website. This means you don’t have to create a new page from scratch every time you need one.
4. Avoid Layout Tables. A better way to create your layout is to use div tags and CSS. Your page will load quicker and be better optimised for SEO (search engine optimisation).
5. Consistent Parameters. If you choose pixels to set your width or depth for a div tag consider keeping to pixels with your other div tag measurements. Mixing up pixels and percentage widths/depths can confuse you.
6. Use Split Mode. This will help you to troubleshoot and learn HTML.
7. Save Consistently (Ctrl + S). Create a folder for all of your website pages. Within this create another folder for all your pictures etc. This makes it easy to backup your website and locate your files for editing.
8. Understand Relative and Absolute Paths. When you create links you need to choose one or the other. Relative Path allows you to move your website folder around from one drive to another. If you do this it is also essential that your pictures and loaded material into each page are kept together – especially if you’re moving your files from place to place.
9. Use .png Format. This image format can display transparency and is recognised by all browser types. Use it instead of .jpg and .bmp where possible.
10. Make Text Readable. What point is there in having a banner that no-one can read? The whole point of web design is to make websites easy to use. Readable text is a great start.
11. Use Appropriate Backgrounds. Backgrounds that make your words hard to read are a mistake. Select subtle backgrounds that highlight and suit your content. Consider partial transparency for your Div tag backgrounds. This means your main web page background can still be seen and your content still readable. When it comes to backgrounds if in doubt – leave it out. It’s much better to have a plain coloured background and the user able to read the text rather than a “pretty” background and the text is hard to read.
12. Avoid Large and Many Images. The more images you load into your page the slower it is to load (especially big pictures used as a background – try to pick a small picture and tile it).
13. Use Online Resources. Don’t rely on your mates and your teacher for website design ideas and techniques. Use some initiative and use the internet for additional resources. Check out websites like www.webdesign.org for useful information.
14. Browser Test. Your website may not appear in browsers as it does in Dreamweaver. So test it out. Use a variety of browsers. The two most common are Internet Explorer and Firefox but try Opera and Chrome as well.
Image