Dreamweaver Basics
Create a new HTML Document:
Under the File Menu -> Select “New...” Select Blank Page from the left hand choices then select HTML under page Type.  This will create a blank HTML page. Save this page right away to your website folder. If this is going to be your homepage name it “index.html” if its not, name the file whatever you want but remember no spaces in the name, no special characters and keep it lowercase.

Inserting Images:
Images can enhance your website. You can use images to add colour, style, information and fancy text. Go to the Insert menu-> Select “Image” and select the image that you want to link to your site. Remember you are linking an image to your site, if you move the file after you link it, you must re-link it. Best practice, save everything to a website folder and don’t move anything once it’s in that folder.

Changing Properties of a Page:
You can change the basic look and feel of a page by going to the Modify Menu->Select “Page Properties...” Here you can change the appearance of a page, its: default text colour, background colour, background image, link colour, visited link colour and many more options.

Inserting Tables: 
Tables are a tool for presenting information and for laying out text and graphics on an HTML page. A table consists of one or more rows; each row consists of one or more cells. You can insert images, text and colour into any cell of a table.
Go to the Insert menu-> Select “Table”
Set the attributes of the Table dialog box and click OK to create the table. 
Rows Determines the number of table rows. 
Columns Determines the number of table columns. 
Table Width Specifies the width of the table in pixels, or as a percentage of the browser window’s width. 
Border Thickness Specifies the width, in pixels, of the table’s borders. 
Cell Spacing Determines the number of pixels between adjacent table cells.

Creating Links to Other Pages:
You can link to another page that you have created by highlighting text or an image and then by browsing for another HTML page in your website folder using “Links” in you properties palette. If the page your want to link to isn’t made yet enter the the full name that you wish to call the file once its made.
If the properties pallet isn’t there, Go to the Window menu -> Select “Properties”
Creating Links to Another Website:
You can link to an outside website by highlighting text or an image and then by entering a URL (http://www.nathanbeyerle.com) into the properties palette at the bottom of the screen. Ensure you have http:// or your outside link wont work.

http://www.nathanbeyerl.comshapeimage_4_link_0
COMM
TECH@NPC
TUTORIALS/LINKS
COMMTECH
GRAPHICS
PHOTO
VIDEO
WEBgraphics.htmlshapeimage_6_link_0shapeimage_6_link_1shapeimage_6_link_2shapeimage_6_link_3shapeimage_6_link_4shapeimage_6_link_5shapeimage_6_link_6