WEB SITE DEVELOPMENT Adobe Dreamweaver CS3
Web Site Development
Feb 14, 2016
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. - PowerPoint PPT Presentation
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
WEB SITE DEVELOPMENTAdobe 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. 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 Internet (Net):
global network connecting millions of computers
World Wide Web (Web): one of the more popular services of the Internet
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
Accessing the Web
Web pages•Home page(index page)
Web site
Types of Web sites1) Portal2) News3) Informational4) Business/
Marketing5) Educational6) Entertainment7) Advocacy8) Blog
9) Wiki10) Social Network11) Content
Aggregator12) Personal
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 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 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 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 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 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 Handout HTML Code Writing Activity
<HTML>
Related Documents
