1 / 32

Getting Started with Dreamweaver MX 2004: A Comprehensive Introduction

This guide, created by Pan Shengmin at Kun Ming University of Science & Technology, provides a detailed introduction to Adobe Dreamweaver MX 2004. It covers the essentials of web design, including exploring the Dreamweaver workspace, creating and managing websites, adding pages, and setting up site maps. Learn to utilize various Dreamweaver tools for dynamic and interactive web page creation without needing to know HTML. This resource is perfect for beginners wanting to understand the foundational aspects of web development using Dreamweaver.

brian-mccormick
Télécharger la présentation

Getting Started with Dreamweaver MX 2004: A Comprehensive Introduction

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. Instructor: Pan Shengmin潘晟旻 Office :Computer Center.Kun Ming University of Science & Technology.

  2. 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

  3. 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

  4. 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

  5. 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

  6. 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

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

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

  9. 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

  10. 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

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

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

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

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

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

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

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

  18. LESSON 3 Storyboard Getting Started with Dreamweaver MX 2004

  19. 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

  20. 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

  21. 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

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

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

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

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

  26. 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

  27. 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

  28. 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

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

  30. 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

  31. 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

  32. SUMMARY Chapter 7 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