Internet Fundamentals and Web Page Design Day 1. Agenda Roll Call Introduction BlackBoard Overview Syllabus Review Classroom contract Class.

Internet Fundamentals and Web Page DesignDay 1

Agenda

Roll Call Introduction BlackBoard Overview Syllabus Review Classroom contract Class Web Site Understanding the Internet, the Web

and HTML.

04/20/23© Tony Gauvin, UMFK 2004 2

INSTRUCTOR

Tony Gauvin, Associate Professor of E-Commerce

Contact info 216 Nadeau [email protected] (207) 834-7519 or ext 7519

04/20/23© Tony Gauvin, UMFK 2004 3

Instructional Philosophy

Out-Come based education Would rather discuss than lecture

Requires student preparation Hate grading assignments

Especially LATE assignments Use class interaction, assignments,

quizzes and projects to determine if outcomes are met.

04/20/23© Tony Gauvin, UMFK 2004 4

COS 125 Survival Primer

Read Material BEFORE the class discussion Check Blackboard Often Use the additional resources identified in

syllabus ASK questions about what you didn’t

understand in readings DON’T do assignments and projects at last

minute. REVEIW lectures and notes Seek HELP if you are having difficulties OFFER feedback and suggestions to the

instructor in a constructive manner04/20/23© Tony Gauvin, UMFK 2004 5

Computer Accounts

Computer login Sys admin

Pete Cyr (x7547) or Art Drolet (x7809) Applications

MSDN Academic Alliance Free Stuff See Dr Ray Albert

Access Cards $10 deposit See Lisa Fournier

04/20/23© Tony Gauvin, UMFK 2004 6

BlackBoard

https://www.courses.maine.edu Login

Same as your @maine.edu account

Help with Blackboard available from Blake Library staff

All quizzes and assignments will be administered from blackboard

Class website http://perleybrook.umfk.maine.edu/classes/c

os125/04/20/23© Tony Gauvin, UMFK 2004 7

Syllabus review

Requirements Grading Course outline Special Notes Subject to change

04/20/23© Tony Gauvin, UMFK 2004 8

What is the “web” ??

“Gutenberg press of our time” Minimally structured, minimally

regulated and unmediated Very accessible Underlying protocol is HTTP & HTML (or

HTML variants) The range of technologies is from very

simple to very complicated If you can you use a word processor ,

you can create a web page

Microsoft Word

Can automatically create web pages Problems

“bloat” code Proprietary code

Good for quick jobs Bad for anything that has to be

maintained over time

Microsoft Word as a Web Page Design Tool Select “new” from file menu Select “blank web page” Type out web page Add graphics Save as “Web Page (*htm;*html)” If you use graphics, Word will create

a folder with the graphic files http://www.pickens.k12.sc.us/Pickens.ms/

word_course.htm

COS 125 Web Site

http://perleybrook.umfk.maine.edu/classes/cos125/

Ftp using Windows Explorer In address bar

ftp://perleybrook.umfk.maine.edu Login with the same info you used to

login in to lab computers Select COS 125 folder Select the folder with your first name Moving files

Drag and drop files Use menu edit copy/paste Click on file and right mouse for context

menu

Browser Wars

1994 Netscape Created multimedia extensions Became most popular browser

1996 Microsoft Created its own set of non-standard

extensions For Web designers this became a

mess! Had to create two of everything

Standards

HTML 3.2 First try at standards Ended browser wars except for frames

HTML4 and CSS Deprecated elements Cascading Style Sheets

XML and xHTML XML creates other languages xHTML is HTML written in XML

Today

Webpage Design xHTML, HTML 4.0 and CSS >95% Browser Compliance

Opera 9 is best IE 7 is worst

xHTML Stronger and more flexible Stricter 3 Flavors

Transitional Frameset Strict

The Browser Wars 2.0

The war is returning, with 4 popular (and free) browsers for the Windows platform (even more for Mac and Linux) IE 7 (version 8 is in Beta) FireFox 3 Opera 9 Chrome

What we are going do

Use xHTML & CSS More current More useful for large sites Learning xHTML means you've learnt HTML

too (same vocabulary, different syntax) In Dreamweaver “new document”

dialog Check “Make Document XHTML Compliant”

Web Site http://www.cookwood.com/html/