Instructor: Cajetan Cordeiro WEB PAGES: CREATING AND MAINTAINING ** TA: Tom Keane

WEB PAGES: CREATING AND MAINTAINING **
Wednesday:
2:00PM – 3:15PM
Instructor: Cajetan Cordeiro
TA: Tom Keane
Email:
[email protected]
Class Web Site: http://udel.edu/~cordeicf/web
Acknowledgements and Gratitude to
Frank Romanelli
who developed this course
PCs challenge TVs for leisure
attention
“ The personal computer souped up with
gigahertz 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:
• 30% manage & edit digital photos
• 21 % edit videos
• 17 % burn DVD’s
• 32 % want to publish a web site
62 percent, said they expect
the amount of things they do
on their computer to
increase over the next year
So, you want to make a web page…
How
Answers
many
to web
somepages
basicare
questions….
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
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
A text file with HyperText Markup Language

Located on the World Wide Web
A large network of server and client computers


Often hyperlinked to other documents on the Web
May reference other related files
A depiction of
a small portion
of the Internet
A root server
and IP addresses
Server Comcast
User
Server
Verizon
Server –
Udel.edu
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
2
*
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.
<1 ms 192.xxx.xx.xx
Request timed out.
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
Access other web pages through links
•May reference other related files
Pictures, sound, videos ...
How do I access a web page ?
Connected to a Server – Internet Service Provider
Dial-up
Cable
DSL
FIOS
U of D
Comcast
Verizon
AOL
Juno
EarthLink
How do I access a web page ?
Connected to a Server – Internet Service Provider
Browser -
Located on
YOUR
computer
A program that provides a means of viewing the
contents of web pages and of navigating from one Netscape
Mozilla FireFox
page to another.
Opera
Ace Explorer
Google Chrome
What’s a Browser do ?
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
Netscape
Mozilla FireFox
Opera
Ace Explorer
Chrome
How does a browser access a web page ?
Browser Internet Explorer
Address: http://www.udel.edu
I.P. Address
Example
128.175.13.63
Suffix
The Domain Name Server (DNS)
The Beauty of Domain Name Servers
DNS 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!
Type
Locn.
Internet Explorer
Address: http://www.udel.edu
Server at the University of Delaware
.com
.edu
.net
.gov
.org
.ca
.jp
.in
.cn
The Domain Name Server (DNS)
howstuffworks.com
Default
page
- “ index.html ”
Browser
Internet Explorer
Address: http://www.udel.edu/index.html
File Name
Files and Folders
A: Drive C: Drive D: Drive
Root Directory
Documents
Windows
& Settings
Program Files My Documents
My Webfiles
webfile1.html
webfile2.html
webfile3.html
An Internet Address
Internet Explorer
Address: http://www.udel.edu/academy/index.html
Sub-domain
“www”
Domain
“udel.edu”
Suffix
“edu”
Sub-folder name &
File name
Browser files can be:
On a web server
Internet Explorer
Address: http://www.udel.edu/academy/index.html
On your own computer
C:/my documents/my webfiles/index.html
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
with emphasis
emphasison
on learning
learningHTML.
HTML
Limited to 12 students.
Amount of outside preparation required for each class:
* 0-1 hours
** 1-2 hours
*** more than 2 hours
Tools!
• Computer
• Internet Connection
• Browser ( to view )
• Software Program ( to create )
 Microsoft Front Page
Notepad
 Netscape
(Mozilla) Composer
WYSIWYG Editors
 MS WORD
 Power Point
 Etc, etc etc …
Steps in creating a Basic Web Site
1.
1.
2.
2.
3.
3.
4.
4.
5.
5.
6.
6.
7.
7.
8.
8.
Plan
Plan Your
Your Site
Site
Plan
EnterYour
YourSite
Text and Headlines
Plan Graphics
Your Site
Add
Plan
Your Site
Use Tables
to Organize Information
Plan “links”
Your Site
Add
to other pages
Plan
Get aYour
HostSite
Plan
Your
Site
Domain
Name
Plan
Your
SiteWeb Site
Publish
Your
Discussion… Questions…
HTML
http://udel.edu/~cordeicf/web
Frank Romanelli’s Sample Sites
Civic League
Frank and Ronni’s
Family
CPAW
Pencader
Heritage
Yahoo!
Haiti
Web Site - Examples