1. 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 Unit Lessons

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

3. What does Dreamweaver offer? –Design tools that don’t require coding –Organizational tools –Site management tools –Graphic site maps Using Dreamweaver Tools

4. Understanding Platform Interfaces Use Photoshop 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

5. Explore the Dreamweaver workspace Title bar Menu bar Insert bar Document toolbar Standard toolbar Document window Status bar Tag selector Property inspector

6. Working with Dreamweaver Views Design view Code view Code and Design view

7. Start Dreamweaver (Windows) Click the Start button on the taskbar Point to Programs, then click Macromedia Dreamweaver MX Start Button

8. 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 Program icon

9. Change views…. Click the Show Code View button Click the Show Code and Design Views button Click the Show Design View button

10. …and view panels Expand the Code panel Click each panel tab Collapse the Code panel Repeat for Design, Application, Files and Answers panels

11. Opening a Web page Web site Web page Home page

12. Basic Web page elements Text Hyperlinks Graphics Navigation bars Flash objects Tables Forms

13. Find the Web element Page Title Graphics Navigation bar

14. Getting Help Contents Index Search Favorites

15. Web Site Creation Process

16. Planning a Web Site Audience needs? Site goals Gathering content Budget Schedule Team Updates

17. Storyboard

18. Testing Web Pages Browsers and Browser versions Platforms Screen sizes Speed on different connections Links Client review

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

20. Create a root folder

21. Define a Web site Root folder Default Image folder Categories

22. Set up Web server access FTP Server address Path Login Password Remote Info

23. 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…

24. Home page Index.htm or Index.html (usually) Designate home page in Site Definition dialog box Starting point for a site map

25. Property inspector Display/edit properties of selected object Source: Path/filename of selected object Selection handles

26. Site Map Graphical representation of pages Page link type/status Checked out pages Site Map command or Map View command

27. Page Title Search engine keywords Title in browser window Bookmark in browser

28. Site Map uses In a Web site for information (PNG or JPEG) Print for report or meeting (BMP or PICT)

29. Site Map options Site Definition dialog box –Home page –Layout –Icon labels Expand/Collapse

30. Unit Tasks Examine the workspace View a Web page Use Help Plan and Define a Web site Add Folders and Pages to a site Define a Home page Create and View a Site Map