Transcript Introduction to Adobe Dreamweaver

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.