Dreamweaver: Introduction and Basics

Introduction 4 Dreamweaver is a WYSIWYG HTML editor 4 WYSIWYG = What You See Is What You Get. 4 BUT..

Step # 1: Create a local root folder 4 A local root folder: a folder where all HTML and media files for your site reside. You need to specify it to Dreamweaver. 4 Dreamweaver cannot keep track of elements unless they are stored inside the local root folder or one of its subfolders 4 Default image subfolder

Step #2: Define the Site in Dreamweaver 4 Tell Dreamweaver where the local root folder is located 4 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 4 HTML file creation 4 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 4 Web hosting account 4 Domain name –Who is 4 FTP the content of the local root folder to the remote site

Practice: Defining a Site 4 Example of defining a site 4 Skills Review page 1-34.