Web Design overview

Introduction to basics

Web terms

World wide web is a global collection of documents on internet connected computers

Web site- collection of web pages, home page with links, organized, common theme…

Html – Hypertext Markup Language. Formatting language used to create web page ( to view code of existing web site –view source)

More Web terms

Dreamweaver is program used to create professional web sites –wysiwyg (what you see is what you get. (create using html and or design view)

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…

Browser- program that can download web documents and interpret html code. Explorer, Netscape…

Parts of Web page

Text, Images,Links Tables, Frames, Forms Sample sites to view these features: http://chatt.hdsb.ca/~pagem/ http://bch.hdsb.ca/index.html http://www.bchsecocentral.com/

Type of web sites

Static informational- business to community , mostly one way communication, post hours, product, location… once done stays the same.

Dynamic informational- constantly changing, frequent updates. http://www.cbc.ca/

Interactive web sites- two way communication, exchange of information and /or $. http://www.chapters.indigo.ca/

On line communities- many people contribute to content http://en.wikipedia.org/wiki/Main_Page

http://snowboard.colonies.com/pages/main/home.aspx

Plan your web site

Organize ideas- on paper-flowchart home, about, contact, ..

Gather content –text, documents,photos, graphics, multimedia etc – (make web practice folder)

Define your audience Build site Upload to server (publish)