This option will reset the home page of this site. Restoring any closed widgets or categories.

Reset

Building Web Sites

In this section of bootcamp we will build a simple website using Dreamweaver and some freely available resources. The emphasis here is to concentrate on the basic building blocks of web design that will be developed over the course of the semester.

Dreamweaver – can be downloaded for a free one-month trial here from adobe.com

Free alternative: Kompozer

Also see free website generators (tend to be flash based)

Tips:

Home page must be named one of the following:
index.htm or index.html or
default.html or default.htm

Filenames: Use lowercase only; use letters and numbers only; can use – and _ (hyphens and underscores) but DO NOT use commas, question marks or other punctuation. Do NOT use spaces in filenames.

RIGHT: football.htm WRONG Football.htm

RIGHT: football-word-cup.htm WRONG football’s&^Wordcup.htm and football worldcup.htm

IT IS VITALLY IMPORTANT TO BE ORGANISED

Keep all your files within a single folder and/or within sub-files of that folder.

DEMO

1. Open up DW

2. Go to SITE; create new site

3. Save it as index.html etc (nb all lower case, no spaces etc)

4. Insert page name, metatags

5. Text

6. Tables

7. Insert text

8. Insert a photo

9. Link to other pages

Tutorials:

    Other useful links:
  • Your classwork is stored at:

2 Comments

  1. [...] Web Building and basic coding using Dreamweaver and other tools [...]

  2. Lectures 5-6 says:

    [...] HTML etc [...]

Leave a Reply