Presentation is loading. Please wait.

Presentation is loading. Please wait.

Adobe Dreamweaver CS5 Introduction Web Site Development and Adobe Dreamweaver CS5.

Similar presentations


Presentation on theme: "Adobe Dreamweaver CS5 Introduction Web Site Development and Adobe Dreamweaver CS5."— Presentation transcript:

1 Adobe Dreamweaver CS5 Introduction Web Site Development and Adobe Dreamweaver CS5

2 Describe the Internet, the Web, and their associated terms Specify the difference between a Web page and a Web site Define Web browsers and identify their main features Identify the 13 types of Web sites Discuss how to plan, design, develop, test, publish, and maintain a Web site Objectives Web Site Development and Adobe Dreamweaver CS52

3 Identify the methods and tools for creating a Web page and Web site Recognize the basic elements within HTML/XHTML Discuss the advantages of using Web page authoring programs such as Dreamweaver Web Site Development and Adobe Dreamweaver CS53 Objectives

4 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 – Advanced Research Projects Agency (ARPA) Web Site Development and Adobe Dreamweaver CS54 The Internet

5 The World Wide Web is one of the more popular services on the Internet – Web server – Host computer – Client Hypertext Transfer Protocol (HTTP) Users access Web resources through a Web page Web browsers contain special buttons and other features to help you navigate through Web sites – Microsoft Internet Explorer, Mozilla Firefox, Google Chrome, Safari, Opera Web Site Development and Adobe Dreamweaver CS55 The World Wide Web and Web Browsers

6 Web Site Development and Adobe Dreamweaver CS56 The World Wide Web and Web Browsers

7 Web Site Development and Adobe Dreamweaver CS57 The World Wide Web and Web Browsers

8 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 typically provides information about that Web site’s purpose and content Web Site Development and Adobe Dreamweaver CS58 The World Wide Web and Web Browsers

9 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 Web Site Development and Adobe Dreamweaver CS59 The World Wide Web and Web Browsers

10 Web Site Development and Adobe Dreamweaver CS510 The World Wide Web and Web Browsers

11 Portal News Informational Business/Marketing Blog Wiki Online social network Web Site Development and Adobe Dreamweaver CS511 Types of Web Sites

12 Educational Entertainment Advocacy Web application Content aggregator Personal Web Site Development and Adobe Dreamweaver CS512 Types of Web Sites

13 Web Site Development and Adobe Dreamweaver CS513 Portal

14 Web Site Development and Adobe Dreamweaver CS514 News

15 Web Site Development and Adobe Dreamweaver CS515 Informational

16 Web Site Development and Adobe Dreamweaver CS516 Business/Marketing

17 Web Site Development and Adobe Dreamweaver CS517 Blog

18 Web Site Development and Adobe Dreamweaver CS518 Wiki

19 Web Site Development and Adobe Dreamweaver CS519 Online Social Network

20 Web Site Development and Adobe Dreamweaver CS520 Educational

21 Web Site Development and Adobe Dreamweaver CS521 Entertainment

22 Web Site Development and Adobe Dreamweaver CS522 Advocacy

23 Web Site Development and Adobe Dreamweaver CS523 Web Application

24 Web Site Development and Adobe Dreamweaver CS524 Content Aggregator

25 Web Site Development and Adobe Dreamweaver CS525 Personal

26 Purpose and Goal Target Audience Web Technologies – Broadband T1 lines, DSL, ISDN, Fiber optics, Cable modems, Baseband, mobile Web technologies Web Site Comparison Web Site Development and Adobe Dreamweaver CS526 Planning a Web Site – Purpose

27 Value-added Content Text Images Color Palette Multimedia Web Site Development and Adobe Dreamweaver CS527 Planning a Web Site – Content

28 Structure – Linear – Hierarchical – Web (random) – Grid – Hybrid Tools Navigational Elements Web Site Development and Adobe Dreamweaver CS528 Design Basics – Navigation Map

29 Web Site Development and Adobe Dreamweaver CS529 Developing a Web Site – Development Basics Typography – Font – Typeface – Web-safe fonts Images Page Layout Color

30 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? Web Site Development and Adobe Dreamweaver CS530 Reviewing and Testing a Web Site

31 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? Web Site Development and Adobe Dreamweaver CS531 Reviewing and Testing a Web Site

32 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 Web Site Development and Adobe Dreamweaver CS532 Publishing a Web Site – Publishing Basics

33 Web Site Development and Adobe Dreamweaver CS533 Publishing a Web Site – Publishing Basics

34 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) Web Site Development and Adobe Dreamweaver CS534 Maintaining a Web Site

35 Text editor HTML or XHTML editor Software applications – Microsoft Word – Microsoft Excel WYSIWYG text editor – Microsoft Expression Web – Adobe Dreamweaver Web Site Development and Adobe Dreamweaver CS535 Methods and Tools Used to Create Web Pages

36 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 Web Site Development and Adobe Dreamweaver CS536 Web Site Languages

37 Web Site Development and Adobe Dreamweaver CS537 Web Site Languages

38 Web Site Development and Adobe Dreamweaver CS538 Web Site Languages

39 Web Site Development and Adobe Dreamweaver CS539 Web Site Languages

40 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 alter the code, if necessary Web Site Development and Adobe Dreamweaver CS540 Web Page Authoring Programs

41 Integrated content management system (CMS) support New rendering mode that displays the design like a standard-based browser CSS inspection Integration with Adobe BrowserLab, PHP custom class code hinting, and Business Catalyst Enhanced CSS starter page Web Site Development and Adobe Dreamweaver CS541 Adobe Dreamweaver CS5

42 Web Site Development and Adobe Dreamweaver CS542 Adobe Dreamweaver CS5

43 Web Site Development and Adobe Dreamweaver CS543 Adobe Dreamweaver CS5

44 Describe the Internet, the Web, and their associated terms Specify the difference between a Web page and a Web site Define Web browsers and identify their main features Identify the 13 types of Web sites Discuss how to plan, design, develop, test, publish, and maintain a Web site Chapter Summary Web Site Development and Adobe Dreamweaver CS544

45 Identify the methods and tools for creating a Web page and Web site Recognize the basic elements within HTML/XHTML Discuss the advantages of using Web page authoring programs such as Dreamweaver Web Site Development and Adobe Dreamweaver CS545 Chapter Summary

46 Introduction Complete Adobe Dreamweaver CS5


Download ppt "Adobe Dreamweaver CS5 Introduction Web Site Development and Adobe Dreamweaver CS5."

Similar presentations


Ads by Google