Transcript Dreamweaver
Dreamweaver
Learning to be a web design master!
By: Mr. Brunton
To do list …
1.
2.
3.
4.
5.
6.
7.
8.
9.
Open Dreamweaver Define a site Design a page on paper Design a layout using layout view 1.
Think of screen size (1024x768 is a pretty standard size) Setting some basic properties Adding images to the page Saving the page as a template so that all other pages in the site look the same Adding text to the page Adding links to the page 8.
Practice site Introduction to Dreamweaver
Open Dreamweaver
Start Menu Programs Adobe Web Standard CS4 Choose Dreamweaver shortcut Introduction to Dreamweaver
Create a folder
Open your H-drive through My computer and create website folder Introduction to Dreamweaver
Getting Started …
Define a site On the top bar, choose: Site … New Site This screen will pop up Name your site No to server Edit local copies and choose where to save it by clicking on the folder Introduction to Dreamweaver
Define a site (continued)
Choose “None” for how to connect to server Choose Done You now have a list of files in your site’s folder (might be nothing at this point). You will see this on the right hand side of the screen Introduction to Dreamweaver
Designing a web page
Take a moment or two to design what you page will look like on paper … (demonstration on board) What you are left with is a design layout that you will use in the next steps Introduction to Dreamweaver
Create your table
Add a table (Insert Table) with the number of rows and columns needed.
Merge cells and re-align as needed.
Follow demonstration on board.
Introduction to Dreamweaver
Setting some properties
Page properties – right click (at bottom) Title, page margins, colour, fonts, etc.
Table properties – click on