Web Site Development and Macromedia Dreamweaver 8 Introduction Web Site Development and Macromedia Dreamweaver 8

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 Introduction: Web Site Development and Macromedia Dreamweaver 8

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 Introduction: Web Site Development and Macromedia Dreamweaver 8

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) Introduction: Web Site Development and Macromedia Dreamweaver 8

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 Introduction: Web Site Development and Macromedia Dreamweaver 8

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

The World Wide Web and Web Browsers Introduction: Web Site Development and Macromedia Dreamweaver 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 Introduction: Web Site Development and Macromedia Dreamweaver 8

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 Introduction: Web Site Development and Macromedia Dreamweaver 8

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

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

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

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

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

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

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

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

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

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

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

Blog Introduction: Web Site Development and Macromedia Dreamweaver 8

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 Introduction: Web Site Development and Macromedia Dreamweaver 8

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

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

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

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? Introduction: Web Site Development and Macromedia Dreamweaver 8

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? Introduction: Web Site Development and Macromedia Dreamweaver 8

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 Introduction: Web Site Development and Macromedia Dreamweaver 8

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

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) Introduction: Web Site Development and Macromedia Dreamweaver 8

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

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 Introduction: Web Site Development and Macromedia Dreamweaver 8

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

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

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 Introduction: Web Site Development and Macromedia Dreamweaver 8

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 Introduction: Web Site Development and Macromedia Dreamweaver 8

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 Introduction: Web Site Development and Macromedia Dreamweaver 8

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

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

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 Introduction: Web Site Development and Macromedia Dreamweaver 8

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 Introduction: Web Site Development and Macromedia Dreamweaver 8

Introduction Complete Web Site Development and Macromedia Dreamweaver 8