Getting started with dreamweaver

© 2011 Delmar, Cengage Learning Getting Started with Dreamweaver © 2011 Delmar Cengage Learning 1. Explore the Dreamweaver workspace 2. View a web page and use Help 3. Plan and set up a website 4. Add a folder and pages Chapter 1 Lessons © 2011 Delmar Cengage Learning • What is Adobe Dreamweaver CS5? – A web development tool that lets you create dynamic websites • What is a website? – A group of related web pages that are linked together and share a common interface and design Getting Started with Dreamweaver © 2011 Delmar Cengage Learning • What does Dreamweaver CS5 offer? – Design tools that can create dynamic and interactive web pages without writing HTML code – Organizational tools – Site management tools Getting Started with Dreamweaver © 2011 Delmar Cengage Learning Getting Started with Dreamweaver Tools You’ll Use © 2011 Delmar Cengage Learning • The Dreamweaver workspace includes: – Menus – Panels – Buttons – Inspectors – Panes Explore the Dreamweaver Workspace © 2011 Delmar Cengage Learning Explore the Dreamweaver Workspace Dreamweaver CS5 workspace Select tool Document toolbar Browser Navigation toolbar Menu names Document window Status bar Property inspector Tag selector Application bar (Win) shown as one bar Hand tool Zoom tool Workspace switcher Insert panel Drag the panel border up or down to resize Insert pane; Files panel © 2011 Delmar Cengage Learning • The Insert panel (Insert bar) includes eight categories: – Common – Layout – Forms – Data – Spry – InContext Editing – Text – Favorites Explore the Dreamweaver Workspace © 2011 Delmar Cengage Learning • The Browser Navigation toolbar contains navigation buttons you use when you are on your Live view. • Live view displays an open document as if you were viewing it in your browser. Explore the Dreamweaver Workspace © 2011 Delmar Cengage Learning • The Standard tool contains buttons you can use to execute frequently used commands. • The Style Rendering toolbar contains buttons you can use to display data for different platforms. Explore the Dreamweaver Workspace [...]... group © 2011 Delmar Cengage Learning Explore the Dreamweaver Workspace • A panel is a tabbed window that displays information on a particular topic or contains related commands • A dock is a collection of panels or panel groups • In Dreamweaver CS5, Business Catalyst, Files, and Assets panel appear by default © 2011 Delmar Cengage Learning Explore the Dreamweaver Workspace • The Property inspector (Properties...Explore the Dreamweaver Workspace • The Related toolbar displays the names of any related files • Related files are files that are linked to a document and are necessary for the document to display and function correctly • The Coding toolbar contains buttons you use when working directly in the code © 2011 Delmar Cengage Learning Explore the Dreamweaver Workspace Active panel... Plan and Set Up a Website • A web server is a computer that is connected to the Internet with an IP (Internet Protocol) address • Publishing a website: – Internet service Providers (ISPs) provide space on their servers for customers to publish websites – The Files panel can be used to transfer files using the Dreamweaver FTP (File Transfer Protocol) capability © 2011 Delmar Cengage Learning Add a Folder... for all the files you use in the site • The local site folder (root folder) should contain assets or images © 2011 Delmar Cengage Learning Plan and Set Up a Website • You can set up a website using the Dreamweaver Site Setup dialog box and assign a name and specify the local site folder • After the site is setup, the folders will appear in the Files panel © 2011 Delmar Cengage Learning Plan and Set Up... used for page editing © 2011 Delmar Cengage Learning View a Web Page and Use Help • The home page is the first page that appears when you go to a website • Web pages can be primarily text or media-rich with images, sound, and movies © 2011 Delmar Cengage Learning View a Web Page and Use Help Search Feature Banner Image Links to main pages in the website Contact information Image Common web page elements... location to store the website images © 2011 Delmar Cengage Learning Add a Folder and Pages Local site folder for The Striped Umbrella website New assets folder The Striped Umbrella site in Files panel with assets folder created © 2011 Delmar Cengage Learning Add a Folder and Pages • The home page of a website is the first page that a viewer sees when they visit your site • Websites can be as simple . tools – Site management tools Getting Started with Dreamweaver © 2011 Delmar Cengage Learning Getting Started with Dreamweaver Tools You’ll Use © 2011 Delmar Cengage Learning • The Dreamweaver workspace. interface and design Getting Started with Dreamweaver © 2011 Delmar Cengage Learning • What does Dreamweaver CS5 offer? – Design tools that can create dynamic and interactive web pages without writing. © 2011 Delmar, Cengage Learning Getting Started with Dreamweaver © 2011 Delmar Cengage Learning 1. Explore the Dreamweaver workspace 2. View a web page and use Help 3.