web pages: creating and maintaining **
DESCRIPTION
WEB PAGES: CREATING AND MAINTAINING **. Wednesday: 10:15 -11:30. Instructor: Cajetan Cordeiro TA: Tom Keane. Email: [email protected]. Email: [email protected]. Class Web Site: http://udel.edu/~cordeicf/web. Class Web Site: http://udel.edu/~cordeicf/web. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: WEB PAGES: CREATING AND MAINTAINING **](https://reader037.vdocuments.net/reader037/viewer/2022103007/568143bf550346895db04b8a/html5/thumbnails/1.jpg)
WEB PAGES: CREATING AND MAINTAINING **
Wednesday: 10:15 -11:30
Instructor: Cajetan CordeiroTA: Tom Keane
Class Web Site: http://udel.edu/~cordeicf/web
Email: [email protected]
Class Web Site: http://udel.edu/~cordeicf/web
Email: [email protected]
![Page 2: WEB PAGES: CREATING AND MAINTAINING **](https://reader037.vdocuments.net/reader037/viewer/2022103007/568143bf550346895db04b8a/html5/thumbnails/2.jpg)
Acknowledgements and Gratitude to
Frank Romanelli
who developed this course
![Page 3: WEB PAGES: CREATING AND MAINTAINING **](https://reader037.vdocuments.net/reader037/viewer/2022103007/568143bf550346895db04b8a/html5/thumbnails/3.jpg)
PCs challenge TVs for leisure attention
“ 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”
![Page 4: WEB PAGES: CREATING AND MAINTAINING **](https://reader037.vdocuments.net/reader037/viewer/2022103007/568143bf550346895db04b8a/html5/thumbnails/4.jpg)
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
![Page 5: WEB PAGES: CREATING AND MAINTAINING **](https://reader037.vdocuments.net/reader037/viewer/2022103007/568143bf550346895db04b8a/html5/thumbnails/5.jpg)
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
![Page 6: WEB PAGES: CREATING AND MAINTAINING **](https://reader037.vdocuments.net/reader037/viewer/2022103007/568143bf550346895db04b8a/html5/thumbnails/6.jpg)
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
![Page 7: WEB PAGES: CREATING AND MAINTAINING **](https://reader037.vdocuments.net/reader037/viewer/2022103007/568143bf550346895db04b8a/html5/thumbnails/7.jpg)
A depiction of a small portion of the Internet
![Page 8: WEB PAGES: CREATING AND MAINTAINING **](https://reader037.vdocuments.net/reader037/viewer/2022103007/568143bf550346895db04b8a/html5/thumbnails/8.jpg)
A root server and IP addresses
![Page 9: WEB PAGES: CREATING AND MAINTAINING **](https://reader037.vdocuments.net/reader037/viewer/2022103007/568143bf550346895db04b8a/html5/thumbnails/9.jpg)
User
Server – Udel.edu
Server - Comcast
Server Verizon
![Page 10: WEB PAGES: CREATING AND MAINTAINING **](https://reader037.vdocuments.net/reader037/viewer/2022103007/568143bf550346895db04b8a/html5/thumbnails/10.jpg)
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.
![Page 11: WEB PAGES: CREATING AND MAINTAINING **](https://reader037.vdocuments.net/reader037/viewer/2022103007/568143bf550346895db04b8a/html5/thumbnails/11.jpg)
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 ...
![Page 12: WEB PAGES: CREATING AND MAINTAINING **](https://reader037.vdocuments.net/reader037/viewer/2022103007/568143bf550346895db04b8a/html5/thumbnails/12.jpg)
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
![Page 13: WEB PAGES: CREATING AND MAINTAINING **](https://reader037.vdocuments.net/reader037/viewer/2022103007/568143bf550346895db04b8a/html5/thumbnails/13.jpg)
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
![Page 14: WEB PAGES: CREATING AND MAINTAINING **](https://reader037.vdocuments.net/reader037/viewer/2022103007/568143bf550346895db04b8a/html5/thumbnails/14.jpg)
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
![Page 15: WEB PAGES: CREATING AND MAINTAINING **](https://reader037.vdocuments.net/reader037/viewer/2022103007/568143bf550346895db04b8a/html5/thumbnails/15.jpg)
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
![Page 16: WEB PAGES: CREATING AND MAINTAINING **](https://reader037.vdocuments.net/reader037/viewer/2022103007/568143bf550346895db04b8a/html5/thumbnails/16.jpg)
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
![Page 17: WEB PAGES: CREATING AND MAINTAINING **](https://reader037.vdocuments.net/reader037/viewer/2022103007/568143bf550346895db04b8a/html5/thumbnails/17.jpg)
Browser -Internet Explorer
Address: http://www.udel.edu/index.html
File Name
Default page - “ index.html ”
![Page 18: WEB PAGES: CREATING AND MAINTAINING **](https://reader037.vdocuments.net/reader037/viewer/2022103007/568143bf550346895db04b8a/html5/thumbnails/18.jpg)
Files and Folders
![Page 19: WEB PAGES: CREATING AND MAINTAINING **](https://reader037.vdocuments.net/reader037/viewer/2022103007/568143bf550346895db04b8a/html5/thumbnails/19.jpg)
Root Directory
WindowsDocuments
& SettingsProgram Files
My Webfiles
C: DriveA: Drive D: Drive
webfile1.html
My Documents
webfile2.html webfile3.html
![Page 20: WEB PAGES: CREATING AND MAINTAINING **](https://reader037.vdocuments.net/reader037/viewer/2022103007/568143bf550346895db04b8a/html5/thumbnails/20.jpg)
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
![Page 21: WEB PAGES: CREATING AND MAINTAINING **](https://reader037.vdocuments.net/reader037/viewer/2022103007/568143bf550346895db04b8a/html5/thumbnails/21.jpg)
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
![Page 22: WEB PAGES: CREATING AND MAINTAINING **](https://reader037.vdocuments.net/reader037/viewer/2022103007/568143bf550346895db04b8a/html5/thumbnails/22.jpg)
Internet Explorer
Address: http://udel.edu/academy/index.html
![Page 23: WEB PAGES: CREATING AND MAINTAINING **](https://reader037.vdocuments.net/reader037/viewer/2022103007/568143bf550346895db04b8a/html5/thumbnails/23.jpg)
Internet Explorer
Address: http://www.udel.edu/academy/index.html
hypertext transport protocol
Other protocols include :
FTP – File transfer protocol
![Page 24: WEB PAGES: CREATING AND MAINTAINING **](https://reader037.vdocuments.net/reader037/viewer/2022103007/568143bf550346895db04b8a/html5/thumbnails/24.jpg)
• 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 HTML
![Page 25: WEB PAGES: CREATING AND MAINTAINING **](https://reader037.vdocuments.net/reader037/viewer/2022103007/568143bf550346895db04b8a/html5/thumbnails/25.jpg)
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
Notepad
WYSIWYG Editors
![Page 26: WEB PAGES: CREATING AND MAINTAINING **](https://reader037.vdocuments.net/reader037/viewer/2022103007/568143bf550346895db04b8a/html5/thumbnails/26.jpg)
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
![Page 27: WEB PAGES: CREATING AND MAINTAINING **](https://reader037.vdocuments.net/reader037/viewer/2022103007/568143bf550346895db04b8a/html5/thumbnails/27.jpg)
Discussion… Questions…
Web Pages
HTML
Server
Browser
I.S.P.
DSL
Dial-Up
Client
DNS
W.W.W.index.htm
l
HTTP
![Page 28: WEB PAGES: CREATING AND MAINTAINING **](https://reader037.vdocuments.net/reader037/viewer/2022103007/568143bf550346895db04b8a/html5/thumbnails/28.jpg)
http://udel.edu/~cordeicf/web
Web Site - Examples
Civic League
CPAW
Frank and Ronni’s
Family
Pencader
Heritage
Yahoo!
Frank Romanelli’s Sample Sites