Web Site Development and Macromedia Dreamweaver 8

1
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
The World Wide Web and Web Browsers
7
The World Wide Web and Web Browsers
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 sites purpose and
  content

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

10
The World Wide Web and Web Browsers
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
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

38
Macromedia Dreamweaver 8
39
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

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

42
Introduction Complete
Web Site Development and Macromedia Dreamweaver 8