1. Dreamweaver – Project #1
Creating a Web Page and Local site

2. The Dreamweaver Workspace
Title bar, Document Window, Panels Groups, status bar, menu bar and toolbars.

3. Panels and Panel Group
Panels provide control over a wide range of Dreamweaver commands and functions.
Property Inspector displays settings for specific element’s properties or attributes.
Use F4 as a toggle to open or close all panels and inspectors at one time.

4. Defining a local site
Web Site – a set of linked documents with shared attributes, similar design or shared purpose.
Creating a local site:
Use manage sites to identify the local root folder,
default images folder and define the URL of a web site.

5. The Index Page-
The home page is the starting point for the rest of your web site.
The home page is most often named index.
The index page is located in the root folder.

6. Properties Inspector Features:
Add background image – Page properties, background image, browse.
Format box – allows you to apply a paragraph, heading or preformatted style to text.
Quick access buttons – bold, italics, bulleted lists and numbered lists

7. Page Properties Features:
Select - Page font, size and color
Text Color – use the color picker to select the colors for page elements or text.
Color cubes & Continuous tone – display web-safe colors.
Approximately (212 – 216) web safe colors exist
Select - Background color & image

8. Types of Links External Link – enter complete URL of the document
Internal Link – link documents(pages) within the same folder
Link – creates a blank message containing the receipt’s address

9. HTML Special Characters
Registered Trademark & Copyright symbols:
Insert, HTML, Special Characters
Horizontal Rules:
Insert, HTML, Horizontal Rule
Line Break:
Shift + Enter

10. Print a Web Page
Preview the Web Page using a browser to test the display of the page.
Select File, preview in browser or (F12)
Print Web pages:
Select, file, print (background will not print)