Web Site Development and Macromedia Dreamweaver 8 - PowerPoint PPT Presentation

Loading...

PPT – Web Site Development and Macromedia Dreamweaver 8 PowerPoint presentation | free to download - id: 56079b-ZTIwN



Loading


The Adobe Flash plugin is needed to view this content

Get the plugin now

View by Category
About This Presentation
Title:

Web Site Development and Macromedia Dreamweaver 8

Description:

Title: Intro Project Author: Steven Freund Last modified by: Barrow County Schools Created Date: 11/23/2002 1:32:53 PM Document presentation format – PowerPoint PPT presentation

Number of Views:110
Avg rating:3.0/5.0
Slides: 43
Provided by: Steven687
Category:

less

Write a Comment
User Comments (0)
Transcript and Presenter's Notes

Title: 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
About PowerShow.com