In this section you will learn the fundamentals of how the web works, what all of those terms like CSS, JavaScript, .PNG mean. It's great overview of working with the web. If you feel you have agrasp on these topics, you can skip to Section 2.
Video NameLength
An Overview of Web Graphics Intro1:46
Using the example files1:51
Video NameLength
How a website works4:58
What you need to have a website3:36
What is a web page made of?3:53
What is XHTML vs. HTML?5:36
Introducing CSS4:21
What is JavaScript? ASP? PHP?1:46
Keeping your files organized5:15
When to use Photoshop, Illustrator, Fireworks, and Dreamweaver3:42
Start to finish—your generic web workflow7:19
Questions to ask before you jump in8:16
Some terms you need to know1:04
Video NameLength
Why use Dreamweaver2:16
Getting to know your workspace4:55
Create your first document4:03
Different ways to get your design going5:41
Video NameLength
Where to get images from3:24
Understanding web resolution3:21
CMYK vs. RGB color2:09
Choosing the right file type for your web pages5:20
Saving an image for Dreamweaver from Photoshop7:34
Saving an image for Dreamweaver from Illustrator7:12
Video NameLength
Understanding web page size and units5:40
How does the web see color?5:39
What fonts can we use?4:58
In this section you will learn all of the main features for building your web site, from sketching out an idea and design, to creating a template. This is the main part of the course.
Video Name Length
What you'll learn7:44
Step 1: Brainstorm
Step 2: Sketch
Step 3: Design
Step 4: Build
Step 5: Test
Step 6: Deploy
Video Name Length
Questions to ask before building7:33
Find out what you like/don't like3:57
Things you will need to create your site2:15
Video Name Length
Design a site on paper vs. in a program like Adobe Photoshop5:20
Web design 101 (K.I.S.S)7:29
Video Name Length
What tools do we use?5:28
Getting around in Dreamweaver2:28
Managing workspaces4:37
What is a Dreamweaver site?2:36
Create your first site3:46
Video Name Length
Create a new document5:11
Change the Title of the page3:26
Add a description meta tag for search engines5:04
Parts of a web page6:01
Starter pages2:35
Video Name Length
What is CSS?3:16
What is a CSS rule (style)?4:22
Three types of styles4:40
Where do styles live?4:25
Create an external style sheet for your site6:03
Add some text to your page7:07
Every site starts with basic styles12:19
Testing your page3:36
Video Name Length
How do we create a layout in a web page?2:45
Understanding divs and styling8:34
Creating a page header4:46
Add styling to the header6:00
What is the Box model? (important!)2:29
Add margin and padding to the header2:38
Remove margin and padding from the body2:10
Center the div on the page3:39
Add a container9:22
Add divs for columns4:09
Make the columns using floats9:19
Create a footer1:59
Selecting and editing divs on the page3:15
Video NameLength
Getting text onto your page4:30
Editing the styling for paragraphs and headings8:33
Controlling weight and styles3:27
Controlling line height3:06
Controlling text margins2:59
Aligning text4:36
Create other heading styles8:41
Styling a single word or sentence using a class style10:15
Video Name Length
Adding a placeholder image4:43
Create an image in Photoshop10:40
Replacing the placeholder image5:18
Modifying image properties7:18
Insert an image you already have onto the page4:46
Wrap text around the image8:33
Create a logo in Illustrator8:22
Place the logo on your page4:41
Add an image to the header (background)6:23
Add text and formatting to the header12:01
Video Name Length
Understanding link types1:55
Creating and editing an email link6:38
Create a web link (to another site)6:06
Editing the web link3:21
Adding links to other pages in your site:54
Add a link to an image4:43
Styling links with CSS9:16
Video Name Length
Different ways to add a navigation bar2:42
Creating simple links5:59
Adding a Spry menu bar3:37
Edit the Spry menu bar links7:13
Changing the basic appearance of the Spry menu bar13:36
Video Name Length
What are Dreamweaver templates?3:57
Add finishing touches to the sidebar10:48
Create a new template6:58
Creating your pages from the template4:39
Edit a template6:07
What is a library item?2:03
Create a library item5:53
Insert a library item3:09
Detach a library item1:49
Now that the heavy lifting is done and you've made the template and pages in Section 2, you will focus on the Travel Tips page. On this page you will learn about libraries, adding and styling all sorts of lists.
Video Name Length
Update the links in the navbar6:41
Add text to the page8:27
Create a "back to top" link for a long page4:16
Video Name Length
Types of lists on the web2:46
Create a bullet list4:28
Create a numbered list6:53
Styling lists with CSS12:08
The next page you will focus on is a Gallery page. On this page you will learn how to add a gallery of images using two different techniques.
Video Name Length
The 2 types of galleries you will learn3:18
Create a Widget gallery15:02
Insert the Widget gallery5:16
Customize the Widget gallery11:10
Create the Bridge Flash gallery6:40
Insert the Bridge Flash gallery into the page18:08
The next page you will focus on is a Contact page for your site. On this page you will learn how to work with tables (the what, why, and how of tables), and create a form for people to contact you with.
Video Name Length
How forms work (what you need)4:50
Starting a form3:08
Create a table3:38
Resizing tables11:38
Editing Rows and Columns in a table6:51
Inserting text fields7:25
Inserting radio button groups5:27
Inserting a text area5:14
Inserting checkboxes5:17
Inserting list menu items6:14
Creating buttons4:03
Table formatting10:40
In this last section you will learn how to take the site you've built and upload it to a host server. That way the world can see what you've done.
Video Name Length
Checking your pages for issues7:34
Using BrowserLab for testing6:22
Understanding what FTP is3:06
Choose a web host4:53
Setup your FTP info for upload6:22
Uploading your files to the server6:47
Edit a file and put it to the remote server5:01
Getting files from a remote server4:44
Synchronizing your site7:10