INTRODUCTION

Beginning Web Site Creation: Dreamweaver CS4

Class Outline WK1 & WK2

File Management BlackBoard SWS Planning, Design, and

HTML review WK3 & WK4

Dreamweaver Basics Site definition Insert & format text Format pages Absolute & relative links XHTML

Class Outline WK5 & WK6

Style sheets Selectors

Page Layout DIVs

WK7 – WK9 Tables and Graphics Photoshop intro Rollovers & Disjointed

Rollovers Accessibility

Class Outline WK10 & WK11

Forms Finish up!

Growth of the Internet•1969 – Four California Universities•1989 – 100,000 hosts•1991 – US allow s business access•1991 – HTTP introduced•1993 – Mosaic (1st browser) introduced

Ansgar Hellwig

Protocols – the Rules of the Road FTP – File Transfer Protocol HTTP – Hypertext Transfer Protocol TCP/IP – Transmission Control/Internet

Protocol TCP – Packets IP – routes the packet to it’s destination IP Address = Web address (Domain Name)

Markup LanguagesMark-up Languages = a set of directions that tell browsers how to display and manage web documents.

HTML – Hypertext Mark-up LanguageXML – Extensible Markup Language XHTML – CombinationDHTML – Dynamic Hypertext Markup

Language

Static Web Page Design

Greg Kerr -- http://spot.pcc.edu/~gkerr/cas112d/cas112d_nav4_tips.html

Dynamic Web Page Design – Step1

Greg Kerr -- http://spot.pcc.edu/~gkerr/cas112d/cas112d_nav4_tips.html

Wait! What is “CSS”?Cascading Style Sheets Styles control formatting They are stored outside of your web

page on Style Sheets They allow you to have consistent

formatting between all the pages of your web site.

Yes, we will do this

Dynamic Web Page Design

Greg Kerr -- http://spot.pcc.edu/~gkerr/cas112d/cas112d_nav4_tips.html

Wait! Database? What else are you not telling me?

JavaScript “scripting” = lightweight programming

Adds variable information Makes cookies! Easy to add Rollovers!

Server Side Scripting “programming the Web Server” ASP – Active Server Pages PHP – Personal Home Page

XML Describes, transports & stores the data

Browsers – W3Schools.com2009 IE7 IE6 IE8 Firefox Chrome Safari Opera

August 15.1% 13.6% 10.6% 47.4% 7.0% 3.3% 2.1%

July 15.9% 14.4% 9.1% 47.9% 6.5% 3.3% 2.1%

June 18.7% 14.9% 7.1% 47.3% 6.0% 3.1% 2.1%

May 21.3% 14.5% 5.2% 47.7% 5.5% 3.0% 2.2%

April 23.2% 15.4% 3.5% 47.1% 4.9% 3.0% 2.2%

March 24.9% 17.0% 1.4% 46.5% 4.2% 3.1% 2.3%

February 25.4% 17.4% 0.8% 46.4% 4.0% 3.0% 2.2%

January 25.7% 18.5% 0.6% 45.5% 3.9% 3.0% 2.3%

http://www.w3schools.com/browsers/browsers_stats.asp

All other -13.3

Internet Explorer --

39.3%

Foxfire - 47.4%

Display Resolution – W3Schools.comDate Higher 1024x768 800x600 640x480 Unknown

January 2009 57% 36% 4% 0% 3%

January 2008 38% 48% 8% 0% 6%

January 2007 26% 54% 14% 0% 6%

January 2006 17% 57% 20% 0% 6%

January 2005 12% 53% 30% 0% 5%

January 2004 10% 47% 37% 1% 5%

January 2003 6% 40% 47%     2% 5%

January 2002  6% 34% 52% 3% 5%

January 2001  5% 29% 55% 6% 5%

January 2000  4% 25% 56% 11% 4%

http://www.w3schools.com/browsers/browsers_stats.asp

Jan-00

Jan-01

Jan-02

Jan-03

Jan-04

Jan-05

Jan-06

Jan-07

Jan-08

Jan-09

0% 10% 20% 30% 40% 50% 60%

Unknown 640x480 800x600 1024x768 Higher