Getting Started Introducing Web Design HTML p p

Getting Started

Introducing Web Design § HTML p p Hyper. Text Markup Language Define the structure of a Web page § CSS p p Cascading style sheets Define the formatting of a Web page § Web site p Collection of related Web pages and their supporting files and folders § Homepage filenames p Determined by your Web server’s operating system or your Web server administrator Begin building your site using index. htm when you don’t know your homepage filename 2

Launching Dreamweaver § Choose a Workspace (Win) The Designer workspace is tailored for visual designers 3 The Coder workspace is tailored for HTML authors and programmers

Exploring the Workspace § Workspace layout p p Macintosh – Floating workspace layout Windows – All-in-one window integrated layout § Start Page p p Visual interface for frequently used tasks Temporarily closes each time you create a new document or open an existing document Disable the Start page by placing a checkmark in the Don’t Show Again checkbox in the lower-left corner of the page 4

Defining a Local Site § Local root folder p p Create and manage site contents on your local site Prevents you from storing files not associated with your site § Remote site p Contents are published to your server Local root folder Directories (subfolders) CSS file HTML files 5

Working with Panels § Five default panels p p p Design Code Application Tag inspector Files § Docked panels can be moved to another § 6 position or into a floating position Panels can be hidden or shown

Using the Files Panel § File management control center for all site management tasks p Add, rename, move, and delete files and folders § Gateway to all files and folders located on your computer 7

Setting General Preferences § Recommended General Preference Settings for the selected category 8

Getting Started