|
Dream Weaver 4.0 Tutorial
Basic steps to build web page:
Content:
How to Insert Image?
How to insert Table?
How to insert Horizontal rule?
This tutorial will teach you the basic and important
steps to build a web page. You need not to have HTMl knowledge to
learn it.
What do you need to learn it?
For learning web designing you will need Macromedia Dream Weaver
4.0 software.
Ok so let's start. Hope you've already installed your
dreamweaver software in your machine. If not please follow the instruction
on the CD to install it.
Now when you start up the DreamWeaver (Go to Start
menu-programs - Macromedia Dreamweaver 4 - Dreamweaver 4
(pic 1)
(pic 1)
You'll get this window (pic 2).
(pic 2)
You can see blue image on your screen it is a tutorial
or help file to learn about DreamWeaver. Now close this image (window)
by clicking on right side corner x. (pic 2)
Different Panels:
Now the current window is your work area (pic
3). You can see objects panel, floating panel and so on.
As we move along we would learn about it more according to our need.
 (pic
3)
How to work in Work Area?:
Now click on menu bar VIEW -- CODE AND DESIGN. Now you can
find work area is divided in two areas. 1. HTML Code (upper
portion) 2. Design view (lower portion). (pic
4) It has 3 views. Code, Design and Code and Design view.
So you can use any of it according to your taste. I like to use
both together.
(pic 4)
Click on with your left mouse button on design view
portion and type "My first web page." Now select
this text to apply different options. (To select the text click
with left mouse button at starting point of text i.e. 'M" then
hold your left mouse button and drag on the text till the end point
to select it or (keep your mouse on left side of 'M' an arrow will
appear click with left mouse button and it will be selected). Now
you can change its color text size, font and so on. To make the
text as bold click on Bold button with left mouse button. You can
align text to left, right or in middle according to your need. Change
font by clicking on arrow and selecting the one of the given options.
The same way to change color of the text click on the arrow and
select the color you desire by clicking on the particular color
(pic 5).
(pic 5)
You can see all the changes in (pic
6). Background color is green. I've typed the "green"
in HTML code portion to change bgcolor. You can also type "#990000"
instead of green.
(pic 6).
Working with table.
Keep your curser under 'My first web page" now click on insert
table of object panel. A dialog box will open up fill it i.e. row,
columns, width and so on. Click ok now. You've made the table.
(pic 7)
Your table will look like this.
Keep your curser (mouse point) on verticle or horizontal
lines of the table you will see a particular mark with the help
of it you can drag the lines and change its width and height. By
keeping your curser at the right bottom corner of table you can
change its dimentions. Inside these boxes of table you can type
anything according to your need.
You can edit table with the help of property inspector
(box at the bottom). Or clicking on table with right mouse button
also you can make changes.
Using right mouse button:
Play around and see what it does.
How to
insert picture in web page
Keep your curser on the page where you want to insert your picture.
Click on insert image button of objects panel (pic
10) to add image in the page.
Now a diolog box will open up select the desired image from your
hard drive (you've already stored in your hard drive). click on
the image and click select. Now your page will look like this (pic
8).
(pic 10)
Note: Keep your mouse
point (curser) on each button of object panel and you will be able
to see the functions of different buttons.
Horizontal
rule:
Let's insert Horizontal rule to separate
the topics. Click on 'insert horizontal rule' of objects panel to
apply it.
Now to edit Horizontal rule click
with right mouse button on horizontal rule. Change settings according
to your need.
Next lesson will teach you about Page Navigation and so on.....
|
