1 / 13

Web Site Development

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.

bunny
Download Presentation

Web Site Development

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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Web Site Development Adobe Dreamweaver CS3

  2. 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.

  3. The Internet • Internet (Net): global network connecting millions of computers • World Wide Web (Web): one of the more popular services of the Internet

  4. 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

  5. Accessing the Web

  6. Types of Web sites • Portal • News • Informational • Business/Marketing • Educational • Entertainment • Advocacy • Blog • Wiki • Social Network • Content Aggregator • Personal

  7. 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.

  8. 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

  9. 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!

  10. 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.

  11. 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.

  12. Web Site Languages • Web pages have two components: • 1) Source Code: program instructions • 2) Document Content: text & images • Source code = HTML

  13. HTML HTML HTML HTML HTML HTML • HTML Handout • HTML Code Writing Activity <HTML>

More Related