Dreamweaver Basic Video Tutorial QuickSkills Index Quantunet.com

Quantunet.com

My Account

Joins Us

Dreamweaver 8 QuickSkills

Basic Dreamweaver QuickSkills

Video Maps

ClickByClick

QuickSkills

Worksheets

HTML Library

Knowledgebase

DG Tutorials

AV Tutorials

Dreamweaver Environment I
Opening Dreamweaver
Setting up a new website (no server)
Setting up a new website (network)
Setting up a new website (FTP)
Editing site information
Set default image folder

Creating a new html webpage I
Creating a new html webpage II
Creating a new folder
Setting the page title I
Setting the page title II
Saving a page
Using save as
Saving all
Opening all
Closing all

Getting around in layout mode
The code view
Using split screen view
Showing and hiding panels
Zooming in and out (tool)
Changing the zoom settings
Using guides
Show the grid I (toolbar)
Adjusting grid settings
Show the grid II (menu)
Show rulers I
Inserting a horizontal rule
Using the revert command

Hiding the start page
Showing the start page
Showing code hints

Creating a new html file I
Creating a new XHTML file

Working With Page Designs

Creating a web page from a page design
Adding paragraphs to a page design
Editing hyperlinks in a page design
Inserting images in a page design

Working With CSS Page Designs

Creating a web page from a css page design
Editing the text font of a css page design
Editing the text color of a css page design

Working With Starter Pages

Creating a web page from a starter page
Edit text in a starter page
Edit a cell background color starter page
Edit the menu in a starter page
Edit the text style sheet in a starter page

Working With Text I

Entering text into a page

Setting the text font
Formatting text as italic
Formatting text as bold
Setting the size of text
Setting the color of text

Setting the page default font
inserting a line break in dreamweaver

Working With Text II

Creating a bulleted list
Creating a numbered list
Creating nested list

Creating paragraphs
Creating a line break

Aligning a paragraph left
Aligning a paragraph right
Aligning paragraphs center
Align paragraph justify

Indenting paragraphs
Setting line spacing
Adding mutliple consecutive spaces
Inserting a horizontal line

Adding a header style
Adding a subheader style

Importing text
Inserting superscript
Inserting symbols
Inserting special characters

Working With Hyperlinks I

Creating a hyperlink I (properties)
Creating a hyperlink II (right click)
Inserting a hyperlink III (main menu)
Creating an internal hyperlink

Removing a hyperlink I (right click)
Removing a hyperlink II (main menu)
Editing a hyperlink

Creating an email link
Testing links
Creating a jump link
Opening a hyperlink in a new page
Changing the format of a hyperlink

Creating named anchors
Using anchors
Creating dummy links (#)

Page Backgrounds

Setting a page background color I
Set page background color II
Setting a repeating background image
Set a sized background image

Dreamweaver Tools

Spelling & Grammar
Checking spelling
Editing the dictionary

Dates
Insert the date in a web page
Insert the date last saved

Pictures In Dreamweaver
Insert an image I insert toolbar
Inserting an image II (main menu)
Adding a caption to an image
Setting alternate text for an image
Align image left
Align image right
Aligning an image left (div)
Aligning an image right (div)
Aligning an image center (div)
Making an image into a hyperlink
Change width I (drag handles)
Change height I (drag handles)
Scaling an image (drag handles)
Change the width of an image (property)
Change the height of a image (property)
Reset image size
Cropping images on a page

Adding vertical space around an image
Adding horizontal space around an image
Adding a simple border to an image
Inserting an image place holder
Attaching an image to a place holder

Tables I

Inserting a table I (toolbar)
Inserting a table II (menu)
Viewing tables I (standard)
Viewing tables II (expanded)
Viewing table widths I
Viewing table widths II
Viewing table borders

Selecting tables
Selecting individual cells
Selecting multiple cells
Selecting rows
Selecting columns
Selecting a table
Using the tag selector to select a table

Aligning tables
Align table left
Align table right
Align table center
Set table to default alignment

Table properties
Resizing a table height I (drag)
Resizing a table height fixed rows II (drag)
Resizing a table height III (properties)

Resizing a table width I (drag)
Resizing a table width fixed columnsII (drag)
Resizing a table width III (properties)

Set row height I (drag)
Set row height III (properties panel)
Equalize row height (properties panel)

Set column width I (drag)
Set column width II fixed columns (drag)
Set column width III (properties)
Equalize column width (properties)

Clear cell widths
Clear cell heights
Convert cell dimentions to percentage
Convert cell dimentions to pixels

Making all widths consistent

Adding and removing rows and columns
Insert rows I (window)
Insert rows II (property)
Insert rows III (main menu)
Insert rows IV (insert bar)
Insert columns I (window)
Insert columns II (property)
Insert columns III (main menu)
Insert columns IV (insert bar)
Delete rows (main menu)
Delete columns (main menu)

Merging and Splitting cells
Merging cells I (property)
Merge rows II (main menu)
Merge columns II (main menu)

Splitting cells I (property)
Splitting rows II (main menu)
Splitting columns II (main menu)
General cell splitting (main menu)

Inserting a table caption

Setting table border thickness
Creating no border
Setting table border color

Setting a table background color
Setting table background image
Setting cell background colors
Set cell background image

Aligning cell contents
Setting cell padding
Setting cell spacing

Insert and format text in a table
Pasting tabular data

Drawing layout tables
Drawing layout cells
Creating nested cells and tables
Vertically aligning nested cells and tables
Creating an autostretch table
Creating an autostretch page with tables(%)

Create rounded table fixed size.
Create rounded table expandable

Showing tsable widths
Hiding table borders in design view

Working With HTML

Using code view
Editing html
Using the code view options

Collapsing a html code block
Inserting comments into code
Using code hints

Hypertext Markup Language (html)

Insert text using html
Insert text in html II

Set text font in html
Set text font II (font family) in html

Set text size in html
Set text to bold
Set text to italic
Set text color

Set text to a header style
Set a second header style

Create a new line of text
Create a paragraph of text

Align paragraph to the left
Align prargraph to the right
Align paragraph to the center
Justify a paragraph

Simple bulleted list
Simple numbered list
Nested lists

Internal hyperlink
External hyperlink
Bookmark

Setting multiple html tags

Working With Images In Html

Insert an image with html
Set Image Alternate text in html

Horizontally resizing an image with html
Vertically resizing an image with html
Resize image vert and horiz with html

Align and image left in html
Align and image right in html
Align and image middle in html
Image align compare and contrast html

Set image vertical spacing in html
Set image horizontal spacing in html

Create a simple image border with html
Hyperlink an image in html

Previewing Your Site I

Previwing your web page in a browser
Previewing in different browsers
Adding more browsers to the options list
Changing the default browser

Forms
Creating a new form I (php)
Inserting a text box I
Inserting a text field I
Inserting check boxes I
Inserting a list menu I
Inserting radio buttons I
Inserting a hidden field I
Create a reset button I
Create a submit button I

Creating a new form II (cgi)
Inserting a text box II
Inserting a text field II
Inserting check boxes II
Inserting a list menu II
Inserting radio buttons II
Inserting a hidden field II
Create a submit button II

Managing Your Site

Creating a new folder
Selecting multiple files
Move files into a new folder
Change file name
Deleting files
Deleting folders
Using the file manager
Viewing the site map

Sites
Switching between sites
Deleting a website
Deleting files on remote server
Deleting files on remote server using compare

Publishing Your Site

Connecting to the remote server site
Switch to local view
Switch to remote view
Switch to local testing server view
Synchornizing with the remote site I
Synchornizing with the remote site II
Putting new files to the remote site I
Putting new files to the remote site II
Getting files from the remote site I
Getting files from the remote site II
Show local and remote site