Web site development
Download
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