1. Dreamweaver 8 Concepts and Techniques Introduction Web Site Development and Macromedia Dreamweaver 8

2. Introduction: Web Site Development and Macromedia Dreamweaver 8 2 Project Objectives Describe the significance of the Internet and its associated terms Describe the World Wide Web and its associated terms Identify the difference between the Internet and the World Wide Web Specify the difference between a Web page and a Web site Define Web browsers and identify their main features

3. Introduction: Web Site Development and Macromedia Dreamweaver 8 3 Project Objectives Identify the nine types of Web sites Discuss how to plan, design, develop, test, publish, and maintain a Web site Identify the various methods and tools used to create a Web page and Web site Recognize the basic elements within XHTML Discuss the advantages of using Web page authoring programs such as Dreamweaver

4. Introduction: Web Site Development and Macromedia Dreamweaver 8 4 The Internet Global network connecting millions of computers A network is a group of computers and associated devices that are connected by communications facilities The Internet grew out of an experiment that began in the 1960s by the U.S. Department of Defense (DOD) –Advanced Research Projects Agency (ARPA)

5. Introduction: Web Site Development and Macromedia Dreamweaver 8 5 The World Wide Web and Web Browsers The World Wide Web is one of the more popular services on the Internet –Web server –Host computer –Client Hypertext Transfer Protocol Users access Web resources through a Web page A Web browser is a software program that requests a Web page, interprets the code, and displays the contents on your display device –Microsoft Internet Explorer –Mozilla Firefox –Netscape Navigator

6. Introduction: Web Site Development and Macromedia Dreamweaver 8 6 The World Wide Web and Web Browsers

7. Introduction: Web Site Development and Macromedia Dreamweaver 8 7 The World Wide Web and Web Browsers

8. Introduction: Web Site Development and Macromedia Dreamweaver 8 8 The World Wide Web and Web Browsers Nearly all Web pages have unique characteristics, but almost every Web page contains some basic elements A hyperlink, or link, can link to another place in the same Web page or to an entirely different Web page or site Most Web pages are part of a Web site A Web site contains a home page, which provides information about that Web site’s purpose and content

9. Introduction: Web Site Development and Macromedia Dreamweaver 8 9 The World Wide Web and Web Browsers Internet Service Provider (ISP) –Business that has a permanent Internet connection and provides temporary connections to customers Online Service Provider (OSP) –Similar to an ISP, but provides member-only services Wireless Service Provider (WSP) –Provides Internet access to users with Web-enabled devices or wireless modems

10. Introduction: Web Site Development and Macromedia Dreamweaver 8 10 The World Wide Web and Web Browsers

11. Introduction: Web Site Development and Macromedia Dreamweaver 8 11 Types of Web Sites Portal Web Site News Web Site Informational Web Site Business/Marketing Web Site Educational Web Site

12. Introduction: Web Site Development and Macromedia Dreamweaver 8 12 Types of Web Sites Entertainment Web Site Advocacy Web Site Personal Web Site Blog

13. Introduction: Web Site Development and Macromedia Dreamweaver 8 13 Portal Web Site

14. Introduction: Web Site Development and Macromedia Dreamweaver 8 14 News Web Site

15. Introduction: Web Site Development and Macromedia Dreamweaver 8 15 Informational Web Site

16. Introduction: Web Site Development and Macromedia Dreamweaver 8 16 Business/Marketing Web Site

17. Introduction: Web Site Development and Macromedia Dreamweaver 8 17 Educational Web Site

18. Introduction: Web Site Development and Macromedia Dreamweaver 8 18 Entertainment Web Site

19. Introduction: Web Site Development and Macromedia Dreamweaver 8 19 Advocacy Web Site

20. Introduction: Web Site Development and Macromedia Dreamweaver 8 20 Personal Web Site

21. Introduction: Web Site Development and Macromedia Dreamweaver 8 21 Blog

22. Introduction: Web Site Development and Macromedia Dreamweaver 8 22 Planning a Web Site – Purpose Purpose and Goal –Purpose Statement Target Audience New Web Technologies –Broadband T1 lines, DSL, ISDN, Fiber optics, Cable modems, Baseband –Multimedia Web Site Comparison

23. Introduction: Web Site Development and Macromedia Dreamweaver 8 23 Planning a Web Site – Content Value-added Content Text Images Color Palette Multimedia

24. Introduction: Web Site Development and Macromedia Dreamweaver 8 24 Design Basics – Navigation Map Structure –Linear –Hierarchical –Web (random) –Grid –Hybrid Tools Navigational Elements

25. Introduction: Web Site Development and Macromedia Dreamweaver 8 25 Developing a Web Site – Development Basics Typography –Font –Typeface –Web-safe fonts Images Page Layout Color

26. Introduction: Web Site Development and Macromedia Dreamweaver 8 26 Reviewing and Testing a Web Site Is the Web site free of spelling and/or grammatical errors? Is the page layout consistent, and does it generate a sense of balance and order? Are any links broken? Do multimedia interactivity and forms function correctly?

27. Introduction: Web Site Development and Macromedia Dreamweaver 8 27 Reviewing and Testing a Web Site Do the more widely used browsers display the Web site properly? Does the Web site function properly in different browsers, including older browser versions? Have you initiated a group test, in which you have asked other individuals to test your Web site and provide feedback?

28. Introduction: Web Site Development and Macromedia Dreamweaver 8 28 Publishing a Web Site – Publishing Basics Obtain a domain name –IP address –Domain Name System –Internet Corporation for Assigned Names and Numbers Acquire server space –Server logs –Secure Sockets Layer (SSL) Publish the Web site –Uploading

29. Introduction: Web Site Development and Macromedia Dreamweaver 8 29 Publishing a Web Site – Publishing Basics

30. Introduction: Web Site Development and Macromedia Dreamweaver 8 30 Maintaining a Web Site Changing content, either by adding new text and images or by deleting obsolete material Checking for broken links and adding new links Documenting the last change date (even when no revisions have been made)

31. Introduction: Web Site Development and Macromedia Dreamweaver 8 31 Methods and Tools Used to Create Web Pages Text editor HTML or XHTML editor Software applications WYSIWYG text editor –Microsoft FrontPage –Macromedia Dreamweaver

32. Introduction: Web Site Development and Macromedia Dreamweaver 8 32 Web Site Languages HTML and XHTML Written in plain text and saved in ASCII format Source Code –Elements One-sided elements (self-closing) vs. two-sided elements Attribute / Property Value modifier –Document content

33. Introduction: Web Site Development and Macromedia Dreamweaver 8 33 Web Site Languages

34. Introduction: Web Site Development and Macromedia Dreamweaver 8 34 Web Site Languages

35. Introduction: Web Site Development and Macromedia Dreamweaver 8 35 Web Page Authoring Programs WYSIWYG text editor Allows you to view a document as it will appear in the final product and to edit the elements directly within that view There is no need to know HTML and XHTML, but you can still modify the code, if necessary

36. Introduction: Web Site Development and Macromedia Dreamweaver 8 36 Macromedia Dreamweaver 8 A drag-and-drop workflow Expanded Cascading Style Sheets (CSS) support A zoom tool which makes it easier to check graphics alignment, select small items, and work with small type Secure FTP

37. Introduction: Web Site Development and Macromedia Dreamweaver 8 37 Macromedia Dreamweaver 8 Increased support for a platform-independent development environment Enhanced coding and editing tools, including two new toolbars: coding and style rendering A hand tool that lets you drag items Added support for Flash video

38. Introduction: Web Site Development and Macromedia Dreamweaver 8 38 Macromedia Dreamweaver 8

39. Introduction: Web Site Development and Macromedia Dreamweaver 8 39 Macromedia Dreamweaver 8

40. Introduction: Web Site Development and Macromedia Dreamweaver 8 40 Project Summary Describe the significance of the Internet and its associated terms Describe the World Wide Web and its associated terms Identify the difference between the Internet and the World Wide Web Specify the difference between a Web page and a Web site Define Web browsers and identify their main features

41. Introduction: Web Site Development and Macromedia Dreamweaver 8 41 Project Summary Identify the nine types of Web sites Discuss how to plan, design, develop, test, publish, and maintain a Web site Identify the various methods and tools used to create a Web page and Web site Recognize the basic elements within XHTML Discuss the advantages of using Web page authoring programs such as Dreamweaver

42. Dreamweaver 8 Concepts and Techniques Introduction Complete Web Site Development and Macromedia Dreamweaver 8