Upload
aubrey-bishop
View
222
Download
0
Embed Size (px)
Citation preview
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
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
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)
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
Introduction: Web Site Development and Macromedia Dreamweaver 8
6
The World Wide Web and Web Browsers
Introduction: Web Site Development and Macromedia Dreamweaver 8
7
The World Wide Web and Web Browsers
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
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
Introduction: Web Site Development and Macromedia Dreamweaver 8
10
The World Wide Web and Web Browsers
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
Introduction: Web Site Development and Macromedia Dreamweaver 8
12
Types of Web Sites
• Entertainment Web Site• Advocacy Web Site• Personal Web Site• Blog
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
Introduction: Web Site Development and Macromedia Dreamweaver 8
23
Planning a Web Site – Content
• Value-added Content• Text• Images• Color Palette• Multimedia
Introduction: Web Site Development and Macromedia Dreamweaver 8
24
Design Basics – Navigation Map
• Structure– Linear
– Hierarchical
– Web (random)
– Grid
– Hybrid
• Tools• Navigational Elements
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
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?
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?
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
Introduction: Web Site Development and Macromedia Dreamweaver 8
29
Publishing a Web Site – Publishing Basics
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)
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
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
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
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
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
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
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