WEB PAGES: CREATING AND MAINTAINING **

Wednesday: 2:00PM – 3:15PM

Instructor: Cajetan CordeiroTA: Tom Keane

Class Web Site: http://udel.edu/~cordeicf/web

Email: Cordeicf@Udel.Edu

Class Web Site: http://udel.edu/~cordeicf/web

Email: Cordeicf@Udel.Edu

Acknowledgements and Gratitude to

Frank Romanelli

who developed this course

PCs challenge TVs for leisure PCs challenge TVs for leisure attentionattention

“ The personal computer souped up withgigahertz of processing power and speedy

Internet connections is now a serious competitor for the TV when it comes to how

we spend our leisure time at home. ”

TheNewsJournal - Oct, 2003“CoffeeBreak”

Survey of 500 home computer owners

Want to spend more time to:

• 32 % want to publish a web site

• 21 % edit videos

• 17 % burn DVD’s

• 30% manage & edit digital photos

62 percent, said they expect the amount of things they do

on their computer to

increase over the next year

Answers to some basic questions….

So, you want to make a web page…

How many web pages are there on the Internet ?

www.google.com

• indexes the greatest number of web pages

• provides a free service that searches this index in less than a second.

• as of December 2001 !!

over two billion Google Mar 2009- Searching 25.21 billion web

pages

May 2009,- over 109.5 million websites operated.

The current estimated World Population is

~6.8 billion people*from the www.census.gov Feb 8, 2010

What is a web page ??

An HTML file

Located on the World Wide Web

Often hyperlinked to other documents on the Web

May reference other related files

A text file with HyperText Markup Language

A large network of server and client computers

A depiction of a small portion of the Internet

A root server and IP addresses

User

Server – Udel.edu

Server - Comcast

Server Verizon

C:\Users\Cajetan>tracert udel.edu

Tracing route to udel.edu [128.175.13.92] over a maximum of 30 hops:

1 7 ms 1 ms <1 ms 192.xxx.xx.xx

2 * * * Request timed out.

3 9 ms 9 ms 8 ms s01e1.springfield.ga.savannah.comcast.net [68.86.193.85]

4 10 ms 10 ms 10 ms te-1-1-ur01.tyboutscrnr.de.panjde.comcast.net [68.86.209.118]

5 9 ms 8 ms 9 ms 68.85.35.42

6 10 ms 11 ms 11 ms te-0-1-0-7-ar01.newcastle.de.panjde.comcast.net [68.86.153.246]

7 13 ms 11 ms 11 ms pos-0-4-0-0-ar01.401nbroadst.pa.panjde.comcast.net [68.86.210.209]

8 11 ms 11 ms 11 ms te-1-1-ur01.401nbroadst.pa.panjde.comcast.net [68.86.158.154]

9 12 ms 10 ms 11 ms ge-3-2-pr01.philly.pa.core.comcast.net [68.86.153.225]

10 10 ms 10 ms 10 ms 69.241.68.214

11 15 ms 13 ms 13 ms remote.udel1.magpi.net [216.27.98.38]

12 13 ms 11 ms 12 ms chp-rt2-v9.nss.udel.edu [128.175.111.10]

13 13 ms 12 ms 12 ms copland.udel.edu [128.175.13.92]

Trace complete.

What is a web page ??

• An HTML file

• A Text file with HyperText Markup Language

• Located on the World Wide Web• A huge network of servers and clients

• Often hyperlinked to other documents on the Web

•May reference other related files

Access other web pages through links

Pictures, sound, videos ...

Connected to a Server – Internet Service Provider

How do I access a web page ?

Dial-up

Cable

DSL

FIOS

U of D

Comcast

Verizon

AOL

Juno

EarthLink

Browser - A program that provides a means of viewing thecontents of web pages and of navigating from onepage to another.

Connected to a Server – Internet Service Provider

How do I access a web page ?

Located on

YOUR computer

NetscapeMozilla FireFox

Opera

Ace Explorer

Google Chrome

A browser must be able to read files

(e,g, written in HTML, CSS, Javascript),

from many different types of computers (PC's. Mac, PDA)

& Operating Systems (e.g. Windows, MAC-OS, Linux)

Specifications developed / maintained

by an international consortium

of developers / software companies

www.w3.org

What’s a Browser do ?

NetscapeMozilla FireFoxOperaAce ExplorerChrome

Browser -Internet Explorer

Address: http://www.udel.edu

Suffix The Domain Name Server (DNS)

How does a browser access a web page ?I.P. Address

Example

128.175.13.63

The Beauty of Domain Name ServersDNS is a rather amazing distributed database.

It handles billions of requests for billions of names every day through a network of millions of name servers administered by millions of people.

Every time you send an e-mail message or view a URL, you are making requests to multiple name servers scattered all over the globe.

What's amazing is that the process is usually completely invisible and extremely reliable!

howstuffworks.com

Internet Explorer

Address: http://www.udel.edu

The Domain Name Server (DNS)

Type.com.edu.net.gov.org

Locn..ca.jp.in.cnServer at the University of Delaware

Browser -Internet Explorer

Address: http://www.udel.edu/index.html

File Name

Default page - “ index.html ”

Files and Folders

Root Directory

WindowsDocuments

& SettingsProgram Files

My Webfiles

C: DriveA: Drive D: Drive

webfile1.html

My Documents

webfile2.html webfile3.html

Internet Explorer

Address: http://www.udel.edu/academy/index.html

Sub-folder name &

File name

Suffix

“edu”Domain

“udel.edu”

Sub-domain

“www”

An Internet Address

Internet ExplorerAddress: http://www.udel.edu/academy/index.html

C:/my documents/my webfiles/index.html

Browser files can be:

On a web server

On your own computer

Internet Explorer

Address: http://udel.edu/academy/index.html

Internet Explorer

Address: http://www.udel.edu/academy/index.html

hypertext transport protocol

Other protocols include :

FTP – File transfer protocol

• WEB PAGES: CREATING AND MAINTAINING ** L19

Wednesday: 10:15 a.m.-11:15 a.m.

Instructor: Cajee Cordeiro

This fast-paced, in-depth course challenges students to learn the skills necessary to design, create, and publish a Web site using various programming methods with emphasis on learning HTML.

Limited to 12 students.

Amount of outside preparation required for each class:*  0-1 hours**  1-2 hours***  more than 2 hours

with emphasis on learning with emphasis on learning HTMLHTML

Tools!• Computer• Internet Connection• Browser ( to view )

• Software Program ( to create )

Microsoft Front Page Netscape (Mozilla) Composer

MS WORD Power Point

Etc, etc etc …

with emphasis on learning HTML

with emphasis on learning HTML

Notepad

WYSIWYG Editors

1. Plan Your Site2. Plan Your Site3. Plan Your Site4. Plan Your Site5. Plan Your Site6. Plan Your Site7. Plan Your Site8. Plan Your Site

Steps in creating a Basic Web Site

1. Plan Your Site2. Enter Your Text and Headlines3. Add Graphics4. Use Tables to Organize Information5. Add “links” to other pages6. Get a Host7. Domain Name8. Publish Your Web Site

Discussion… Questions…

Web Pages

HTML

Server

Browser

I.S.P.

DSL

Dial-Up

Client

DNS

W.W.W.index.htm

l

HTTP

http://udel.edu/~cordeicf/web

Web Site - ExamplesWeb Site - Examples

Civic League

CPAW

Frank and Ronni’s

Family

Pencader

Heritage

Yahoo!

Frank Romanelli’s Sample SitesFrank Romanelli’s Sample Sites

Haiti