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

Dreamweaver 8Concepts and Techniques

Introduction

Web Site Development and Macromedia Dreamweaver 8

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

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

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

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



7



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


10



11

Types of Web Sites

• Portal Web Site• News Web Site• Informational Web Site• Business/Marketing Web Site• Educational Web Site


12

Types of Web Sites

• Entertainment Web Site• Advocacy Web Site• Personal Web Site• Blog


13

Portal Web Site


14

News Web Site


15

Informational Web Site


16

Business/Marketing Web Site


17

Educational Web Site


18

Entertainment Web Site


19

Advocacy Web Site


20

Personal Web Site


21

Blog


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

Planning a Web Site – Content

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


24

Design Basics – Navigation Map

• Structure– Linear

– Hierarchical

– Web (random)

– Grid

– Hybrid

• Tools• Navigational Elements


25

Developing a Web Site – Development Basics

• Typography– Font

– Typeface

– Web-safe fonts

• Images• Page Layout• Color


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

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

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

Publishing a Web Site – Publishing Basics


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

Methods and Tools Used to Create Web Pages

• Text editor• HTML or XHTML editor• Software applications• WYSIWYG text editor

– Microsoft FrontPage

– Macromedia Dreamweaver


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

Web Site Languages


34

Web Site Languages


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

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


• 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



39



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

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

Dreamweaver 8Concepts and Techniques

Introduction Complete

Web Site Development and Macromedia Dreamweaver 8

Documents

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