 |
 |
 |
 |
| STRUCTURE | TABLES | WORDS | PICTURES | NAVIGATION | FORMS | HOME PAGE |
Web Guide Online
Your
computer
History
of the 'Net
Getting
Online
Plan
on Paper
Content/words
Content/pictures
Research
tool
Hello
Dreamweaver
Organise
& Define
Design
& Colour
Using
Tables
Style
& Templates
Adding
text
Adding
pictures
Navigation
& Links
Interactive
Forms
Simple
Animation
Arabic
translation
Test
and Publish
Marketing
INTRODUCING HTML AND DREAMWEAVER
Early
websites were all produced by technical experts who were trained to
write in HTML (Hypertext Mark-Up Language) which is the ‘language’
used to create web pages.
It’s a code driven language using the Latin (Western) alphabet.
The HTML example below is creating a coloured headline “Thomson
Foundation ruby anniversary” which links to another page on the
Thomson Foundation website.
<h2 align="center"> <font color="#990000">2003
- Thomson Foundation ruby anniversary ...</font>
<a href="docs/whatis/ruby1.htm" class="fortyyears">40
years on</a><br> </h2></td>
Do not worry that you must learn this complicated language.
Today we have software which is designed to do the same job, without
the need to learn HTML. Dreamweaver is one of these and it has become
the industry standard for website developers worldwide. There are other
software packages such as Microsoft Front Page which do a similar job
and work in a similar way - but for the purposes of our Guide we will
work in Dreamweaver.
Dreamweaver is a real memory muncher for your computer- and should run
on 32K or more memory. It can run on less (24K minimum) but this slows
the functions down.
There will be times when you want to run a second or third software
program alongside Dreamweaver, like Fireworks which we will use for
our pictures and graphics work. Limited memory can mean closing Dreamweaver
before you can open the other program.
Your Screen
When you first open the Dreamweaver software -
by double clicking on the software icon or finding it through the program
list - it will open with a blank document on screen and there are a
number of palettes and tool bars arranged around your page.
Before doing anything select Window > HTML Source and you will see
that Dreamweaver has already inserted the first HTML code to give your
page header information. As you work on the page, refer to your HTML
code periodically and you will find this useful as you develop your
skills with the software.