adobe dreamweaver cs5

AdobeDreamweaver CS5

Introduction

Web Site Development and

Adobe Dreamweaver CS5

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


• 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

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 CS5

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, OperaWeb Site Development and Adobe Dreamweaver CS5

The World Wide Web and Web Browsers

6Web Site Development and Adobe Dreamweaver CS5


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



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



11

• Portal• News• Informational• Business/Marketing• Blog• Wiki• Online social network


Types of Web Sites

12

• Educational• Entertainment• Advocacy• Web application• Content aggregator• Personal


Types of Web Sites


Portal


News


Informational


Business/Marketing


Blog


Wiki


Online Social Network


Educational


Entertainment


Advocacy


Web Application


Content Aggregator


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


Planning a Web Site – Purpose

27

• Value-added Content• Text• Images• Color Palette• Multimedia


Planning a Web Site – Content

28

• Structure– Linear– Hierarchical– Web (random)– Grid – Hybrid

• Tools• Navigational Elements


Design Basics – Navigation Map


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?


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?


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


Publishing a Web Site – Publishing Basics


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)


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


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 Languages


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




• 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


• 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

Chapter Summary

Introduction Complete


adobe dreamweaver cs5

Documents