The Steps

Questions to ask before building 7:33

Find out what you like/don’t like 3:57

Things you will need to create your site 2:15

Design a site on paper vs. in a program like Adobe Photoshop 5:20

Web design 101 (K.I.S.S)7:29

What tools do we use?5:28

Getting around in Dreamweaver 2:28

Managing workspaces 4:37

What is a Dreamweaver site?2:36

Create your first site 3:46

Create a new document 5:11

Change the Title of the page 3:26

Add a description meta tag for search engines 5:04

Starter pages 2:35

What is CSS?3:16

What is a CSS rule (style)?4:22

Three types of styles 4:40

Where do styles live?4:25

Create an external style sheet for your site 6:03

Add some text to your page 7:07

Every site starts with basic styles 2:19

Testing your page 3:36

How do we create a layout in a web page?2:45

Understanding divs and styling 8:34

Creating a page header 4:46

Add styling to the header 6:00

What is the Box model? (important!)2:29

Add margin and padding to the header 2:38

Remove margin and padding from the body 2:10

Center the div on the page 3:39

Add a container 9:22

Add divs for columns 4:09

Make the columns using floats 9:19

Create a footer 1:59

Selecting and editing divs on the page 3:15

Getting text onto your page 4:30

Editing the styling for paragraphs and headings 8:33

Controlling weight and styles 3:27

Controlling line height 3:06

Controlling text margins 2:59

Aligning text 4:36

Create other heading styles 8:41

Styling a single word or sentence using a class style 0:15

Adding a placeholder image 4:43

Create an image in Photoshop 0:40

Replacing the placeholder image 5:18

Modifying image properties 7:18

Insert an image you already have onto the page 4:46

Wrap text around the image 8:33

Create a logo in Illustrator 8:22

Place the logo on your page 4:41

Add an image to the header (background) 6:23

Add text and formatting to the header1 12:01

Understanding link types 1:55

Creating and editing an email link 6:38

Create a web link (to another site)6:06

Editing the web link 3:21

Adding links to other pages in your site :54

Add a link to an image 4:43

Styling links with CSS 9:16

Different ways to add a navigation bar 2:42

Creating simple links 5:59

Adding a Spry menu bar 3:37

Edit the Spry menu bar links 7:13

Changing the basic appearance of the Spry menu bar 3:36

What are Dreamweaver templates?3:57

Add finishing touches to the sidebar 0:48

Create a new template 6:58

Creating your pages from the template 4:39

Edit a template 6:07

What is a library item?2:03

Create a library item 5:53

Insert a library item 3:09

Detach a library item 1:49

Update the links in the navbar 6:41

Add text to the page 8:27

Create a "back to top" link for a long page 4:16

Types of lists on the web 2:46

Create a bullet list 4:28

Create a numbered list 6:53

Styling lists with CSS 2:08

The 2 types of galleries you will learn 3:18

Create a Widget gallery 5:02

Insert the Widget gallery 5:16

Customize the Widget gallery 1:10

Create the Bridge Flash gallery 6:40

Insert the Flash gallery 8:08

How forms work (what you need)4:50

Starting a form 3:08

Create a table 3:38

Resizing tables 1:38

Editing Rows and Columns in a table 6:51

Inserting text fields 7:25

Inserting radio button groups 5:27

Inserting a text area 5:14

Inserting checkboxes 5:17

Inserting list menu items 6:14

Creating buttons 4:03

Table formatting 0:40

Checking your pages for issues 7:34

Using BrowserLab for testing 6:22

Understanding what FTP is 3:06

Choose a web host 4:53

Setup your FTP info for upload 6:22

Uploading your files to the server 6:47

Edit a file and put it to the remote server 5:01

Getting files from a remote server 4:44

Synchronizing your site 7:10