web site development
Download
Skip this Video
Download Presentation
Web Site Development

Loading in 2 Seconds...

play fullscreen
1 / 13

Web Site Development - PowerPoint PPT Presentation


  • 92 Views
  • Uploaded on

Web Site Development. Adobe Dreamweaver CS3. Objectives. 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. Identify the 12 types of websites.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' Web Site Development' - bunny


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
web site development

Web Site Development

Adobe Dreamweaver CS3

objectives
Objectives
  • 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.
  • Identify the 12 types of websites.
  • Discuss how to plan, design, 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 HTML/XHTML.
  • Discuss the advantages of using Web page authoring programs as Dreamweaver.
the internet
The Internet
  • Internet (Net): global network connecting millions of computers
  • World Wide Web (Web): one of the more popular services of the Internet
accessing the web
Accessing the Web
  • Web server: support specially formatted documents and provide a means for sharing these resources with many people at the same time.
  • Web browser: software program that requests a Web page, interprets the code contained within the page, and then displays the contents of the Web page on your computer display device.
    • Examples: Internet Explorer, Mozilla Firefox, Netscape Navigator
types of web sites
Types of Web sites
  • Portal
  • News
  • Informational
  • Business/Marketing
  • Educational
  • Entertainment
  • Advocacy
  • Blog
  • Wiki
  • Social Network
  • Content Aggregator
  • Personal
planning a web site purpose
Planning a Web site: Purpose
  • Purpose and Goal: determine the goal of your website.
  • Target Audience: identify the people who will be visiting your website.
  • Web Technologies: depending on your audience, determine the elements you should include in your website.
  • Web Site Comparison: Visit other websites similar to your proposed site.
planning a web site content
Planning a Web site: Content
  • Value-Added Content: Does this content add value to your website? Will it keep your audience returning to your website?
  • Text: Goldilocks Formula = Not too much, not too little.
    • Spell check!
  • Images: Locate or create?
  • Color Palette: Enhance not detract!
  • Multimedia: Interactivity & entertainment!
    • Plug In: Flash
developing a web site
Developing a Web site
  • Typography: appearance and arrangement of the characters that make up your text.
    • Web safe fonts: Arial, Times New Roman, Courier
  • Images: Again, locate or create and enhance not detract.
  • Page Layout: THE MOST IMPORTANT ELEMENT!
    • KISS: Keep It Simple Stupid
      • Establish a consistent, logical layout that allows you to add text and images easily.
    • Templates!
    • Color: Use color to add interest and vitality!
      • Make your page come alive!
publishing a web site
Publishing a Web site
  • Obtain a domain name: www.vstavrocks.com
    • Domain name = URL (Uniform Resource Locator)
  • Acquire server space
  • Publish the Web site
    • Upload your files from your computer (client) to the server (host) computer.
web site languages
Web Site Languages
  • HTML: Hypertext Markup Language
    • Language of the Web
    • “Hidden” code that helps us communicate with others on the Web
  • XHTML: Extensible Hypertext Markup Language
    • Rewritten version of HTML
    • Requires Web Designers to strictly follow markup language rules.
web site languages1
Web Site Languages
  • Web pages have two components:
    • 1) Source Code: program instructions
    • 2) Document Content: text & images
  • Source code = HTML
html html html html html html
HTML HTML HTML HTML HTML HTML
  • HTML Handout
  • HTML Code Writing Activity

<HTML>

ad