using dreamweaver getting started 1)start in your “my documents” folder 2)create a new folder...

9
Using Dreamweaver getting started 1) Start in your “My Documents” folder 2) Create a new folder called “website” 3) Create a sub folder called “images” 4) Start Dreamweaver (Desktools/Math and Business/ Adobe CS4)

Upload: mary-rice

Post on 24-Dec-2015

215 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Using Dreamweaver getting started 1)Start in your “My Documents” folder 2)Create a new folder called “website” 3)Create a sub folder called “images” 4)Start

Using Dreamweavergetting started

1) Start in your “My Documents” folder2) Create a new folder called “website”3) Create a sub folder called “images”

4) Start Dreamweaver (Desktools/Math and Business/ Adobe CS4)

Page 2: Using Dreamweaver getting started 1)Start in your “My Documents” folder 2)Create a new folder called “website” 3)Create a sub folder called “images” 4)Start

Setting up Dreamweaver

1) From the top menu choose … Site .. New site2) Name the site “Mysite”3) Browse to the location of your site

(U:\Documents\website)

Page 3: Using Dreamweaver getting started 1)Start in your “My Documents” folder 2)Create a new folder called “website” 3)Create a sub folder called “images” 4)Start

Copy your logo to your images folder

It should appear inside your images folder

Page 4: Using Dreamweaver getting started 1)Start in your “My Documents” folder 2)Create a new folder called “website” 3)Create a sub folder called “images” 4)Start

We’re ready to go!

1) Choose File New (Ctrl-N)2) Choose Insert … table3) Size the table according to how many top menu items you

would like (1 row … 4 columns)4) Highlight the entire table5) Choose the CSS tab (bottom left) and then the centre icon6) Name it mycentre

Making a menu

Page 5: Using Dreamweaver getting started 1)Start in your “My Documents” folder 2)Create a new folder called “website” 3)Create a sub folder called “images” 4)Start

Adding a title

1) Insert a new table (4 X 4) .. Set the width to 100%

2) Highlight all the “cells” in the top row

3) Find the Merge icon in the bottom left

4) Place your company name in the top row, centre, bold, and BIG!

Page 6: Using Dreamweaver getting started 1)Start in your “My Documents” folder 2)Create a new folder called “website” 3)Create a sub folder called “images” 4)Start

Adding your logo

1) Drag your logo into one of the cells

2) Resize it

3) Adjust the size of the table cells accordingly

Page 7: Using Dreamweaver getting started 1)Start in your “My Documents” folder 2)Create a new folder called “website” 3)Create a sub folder called “images” 4)Start

Viewing your site

Save it Call it “index”Hit F12

Page 8: Using Dreamweaver getting started 1)Start in your “My Documents” folder 2)Create a new folder called “website” 3)Create a sub folder called “images” 4)Start

Add your motto

• Insert your motto into a cell (or merged cells)

• Change the color of the text by:• Highlighting the text• Choosing the color from the CSS

menu

Page 9: Using Dreamweaver getting started 1)Start in your “My Documents” folder 2)Create a new folder called “website” 3)Create a sub folder called “images” 4)Start

More stuff

Right click on the page and choose “Page Properties” to change the background color

Turn off the borders by clicking on the <table> tab and setting Border to 0