Dreamweaver:

Introduction and Basics

Introduction Dreamweaver is a WYSIWYG HTML

editor WYSIWYG = What You See Is What You

Get. BUT..

Step # 1: Create a local root folder A local root folder: a folder where all

HTML and media files for your site reside. You need to specify it to Dreamweaver.

Dreamweaver cannot keep track of elements unless they are stored inside the local root folder or one of its subfolders

Default image subfolder

Step #2: Define the Site in Dreamweaver Tell Dreamweaver where the local root folder is

located If you want to add, modify, move, or delete files or

folders in your Web site, do it inside Dreamweaver’s Site window.

=> If you make these folder changes on your hard drive without opening Dreamweaver, you’ll have to go in and repair the links manually by re-linking each page. If you make your changes inside the Site window, then Dreamweaver will keep track of them and automatically update your pages.

Step #3: Develop the Web pages in Dreamweaver HTML file creation File-Naming Conventions:

– Don’t use spaces: about me.htm

=> aboutme.htm or about_me.htm– It is best to avoid capitalization: Stick with

lower case– Avoid illegal characters: .(dot), “, /, \, etc.

Step #4: Post Content of Local Root Folder to the Remote Site Web hosting account Domain name

– Who is

FTP the content of the local root folder to the remote site

Practice: Defining a Site

Example of defining a site Skills Review page 1-34.