Web Design Overview

645 views

Published on

Published in: Business, Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
645
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Web Design Overview

  1. 1. Web Design overview Introduction to basics
  2. 2. Web terms <ul><li>World wide web is a global collection of documents on internet connected computers </li></ul><ul><li>Web site- collection of web pages, home page with links, organized, common theme… </li></ul><ul><li>Html – Hypertext Markup Language. Formatting language used to create web page ( to view code of existing web site –view source) </li></ul>
  3. 3. More Web terms <ul><li>Dreamweaver is program used to create professional web sites –wysiwyg (what you see is what you get. (create using html and or design view) </li></ul><ul><li>Web server- computer that connects to internet and software that publishes web pages. I.e. First class, Cogeco, Bravenet, many other web servers out there… </li></ul><ul><li>Browser- program that can download web documents and interpret html code. Explorer, Netscape… </li></ul>
  4. 4. Parts of Web page <ul><li>Text, Images,Links </li></ul><ul><li>Tables, Frames, Forms </li></ul><ul><li>Sample sites to view these features: </li></ul><ul><li>http://chatt.hdsb.ca/~pagem/ </li></ul><ul><li>http://bch.hdsb.ca/index.html </li></ul><ul><li>http://www.bchsecocentral.com/ </li></ul>
  5. 5. Type of web sites <ul><li>Static informational- business to community , mostly one way communication, post hours, product, location… once done stays the same. </li></ul><ul><li>Dynamic informational- constantly changing, frequent updates. http://www. cbc .ca/ </li></ul><ul><li>Interactive web sites- two way communication, exchange of information and /or $. http://www.chapters.indigo.ca/ </li></ul><ul><li>On line communities- many people contribute to content http://en.wikipedia.org/wiki/Main_Page </li></ul><ul><li>http://snowboard.colonies.com/pages/main/home.aspx </li></ul>
  6. 6. Plan your web site <ul><li>Organize ideas- on paper-flowchart </li></ul><ul><ul><li>home, about, contact, .. </li></ul></ul><ul><li>Gather content –text, documents,photos, graphics, multimedia etc – (make web practice folder) </li></ul><ul><li>Define your audience </li></ul><ul><li>Build site </li></ul><ul><li>Upload to server (publish) </li></ul>

×