1 / 34

Chapter Lessons

OVERVIEW. Chapter Lessons. Explore the Dreamweaver Workspace View a Web page and use Help Plan and Define a Web site Add a Folder and Pages, and set the Home page Create and View a Site Map. INTRODUCTION. Getting Started with Dreamweaver. What is Dreamweaver?

forrest-conner
Download Presentation

Chapter Lessons

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. OVERVIEW Chapter Lessons • Explore the Dreamweaver Workspace • View a Web page and use Help • Plan and Define a Web site • Add a Folder and Pages, and set the Home page • Create and View a Site Map Getting Started with Dreamweaver MX 2004

  2. INTRODUCTION Getting Started with Dreamweaver • What is Dreamweaver? • Web design software for creating a Web page or a complex Web site • What is a Web site? • A group of related Web pages that are linked together and share a common interface and design Getting Started with Dreamweaver MX 2004

  3. INTRODUCTION Using Dreamweaver Tools • What does Dreamweaver offer? • Design tools that can create dynamic and interactive web page without writing HTML code • Organizational tools • Site management tools • Graphic site maps Getting Started with Dreamweaver MX 2004

  4. INTRODUCTION Understanding Platform Interfaces • Use Dreamweaver in two interfaces: • Windows and Macintosh • Differences are slight; for example: • Use [Ctrl] and [Alt] keys in Windows • Use [command] and [option] keys in Macintosh Getting Started with Dreamweaver MX 2004

  5. LESSON 1 Explore the Dreamweaver workspace Title bar Menu bar Insert bar Document toolbar Standard toolbar Document window Tag selector Status bar Property inspector Getting Started with Dreamweaver MX 2004

  6. LESSON 1 Working with Dreamweaver Views • Design view • Code view • Code and Design view Getting Started with Dreamweaver MX 2004

  7. LESSON 1 Start Dreamweaver (Windows) • Click the Start button on the taskbar • Point to Programs,then click Macromedia Dreamweaver MX 2004 Start Menu Getting Started with Dreamweaver MX 2004

  8. LESSON 1 Start Dreamweaver (Macintosh) • Double-click the hard drive icon, then double-click the Macromedia Dreamweaver MX folder • Double-click the Macromedia Dreamweaver MX program icon Hard Drive Icon Getting Started with Dreamweaver MX 2004

  9. LESSON 1 Change view… Show Code View Show Code and Design View Show Design View Getting Started with Dreamweaver MX 2004

  10. LESSON 1 Change views… • Click the Show Code View button • Click the Show Code and Design Views button • Click the Show Design View button Getting Started with Dreamweaver MX 2004

  11. LESSON 1 …and view panels • Expand the Code panel • Click each panel tab • Collapse the Code panel • Repeat for Design, Application, Files and Answers panels Getting Started with Dreamweaver MX 2004

  12. LESSON 2 Opening a Web page • Web site • Web page • Home page Getting Started with Dreamweaver MX 2004

  13. LESSON 2 Basic Web page elements • Text • Hyperlinks • Graphics • Navigation bars • Flash objects • Tables • Forms Getting Started with Dreamweaver MX 2004

  14. LESSON 2 Common Web elements Page Title Form Graphics Text Navigation structure Including several sets of text links Getting Started with Dreamweaver MX 2004

  15. LESSON 2 Common Web elements File Currently open Show View Buttons Banner Text Table used for page layout Layer Link Flash buttons Getting Started with Dreamweaver MX 2004

  16. LESSON 2 Getting Help Search help for topics • Contents • Index • Search • Favorites Getting Started with Dreamweaver MX 2004

  17. LESSON 3 Web Site Creation Process Getting Started with Dreamweaver MX 2004

  18. LESSON 3 Planning a Web Site • Audience needs? • Site goals • Gathering content • Budget • Schedule • Team • Updates Getting Started with Dreamweaver MX 2004

  19. LESSON 3 Storyboard Getting Started with Dreamweaver MX 2004

  20. LESSON 3 Testing Web Pages • Browsers and Browser versions • Platforms • Screen sizes • Speed on different connections • Links • Client review Getting Started with Dreamweaver MX 2004

  21. LESSON 3 Publishing the Site • Means that you transfer all the files to a web server • A web server is a computer that is connect to the Internet with an IP address • A web site must be published to the web server before it can be viewed by others Getting Started with Dreamweaver MX 2004

  22. LESSON 3 Publish a Web Site • IP: Internet Protocol • IP address • Example: 207.456.123.2 • ISP: Internet Service Provider • Hosts web site • Evaluate • FTP: File Transfer Protocol • User, password, path Getting Started with Dreamweaver MX 2004

  23. LESSON 3 Create a root folderWindows Your drive may differ Click the drive to select it Trip Smart Root folder Getting Started with Dreamweaver MX 2004

  24. LESSON 3 Create a root folderMacintosh Trip Smart Root folder Getting Started with Dreamweaver MX 2004

  25. LESSON 3 Define a Web site Categories Default Image folder Root folder Getting Started with Dreamweaver MX 2004

  26. LESSON 3 Set up Web server access Access List Arrow Remote Info Getting Started with Dreamweaver MX 2004

  27. LESSON 4 Assets folder • Add the folder in the Site panel • Designate as the “default image folder” in the Site Definition dialog box • Stores all non-HTML (media) files: • Image files • Sound files • Video files Getting Started with Dreamweaver MX 2004

  28. LESSON 4 Home page • index.htm or index.html (usually) • Designate home page in Site Definition dialog box • Starting point for a site map Getting Started with Dreamweaver MX 2004

  29. LESSON 5 Site Map • Graphical representation of pages • Displays folder structure • Page link type/status • Checked out pages • Site Map commandorMap View command Getting Started with Dreamweaver MX 2004

  30. LESSON 5 Page Title • Search engine keywords • Title in browser window • Bookmark in browser Getting Started with Dreamweaver MX 2004

  31. LESSON 5 Uses of a Site Map • In the Web site for as an informational tool (PNG or JPEG) • Print for report or meeting (BMP or PICT) Getting Started with Dreamweaver MX 2004

  32. LESSON 5 Site Map options • Site Definition dialog box • Home page • Layout • Icon labels Home page path Site Map Layout Option Button Page Title Option button Getting Started with Dreamweaver MX 2004

  33. SUMMARY Chapter A Tasks • Explore the Dreamweaver Workspace • View a Web page and use Help • Plan and Define a Web site • Add a Folder and Pages, and set the Home page • Create and View a Site Map Getting Started with Dreamweaver MX 2004

More Related