1. WEB PAGES: CREATING AND MAINTAINING ** Wednesday: 2:00PM – 3:15PM Instructor: Cajetan Cordeiro TA: Tom Keane Class Web Site:http://udel.edu/~cordeicf/webhttp://udel.edu/~cordeicf/web Email: Cordeicf@Udel.EduCordeicf@Udel.Edu Class Web Site:http://udel.edu/~cordeicf/webhttp://udel.edu/~cordeicf/web Email: Cordeicf@Udel.EduCordeicf@Udel.Edu

2. Acknowledgements and Gratitude to Frank Romanelli who developed this course

3. 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”

4. 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

5. 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, 2010www.census.gov

6. 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

7. U of D Comcast Verizon AOL Juno EarthLink Server = Internet Service Provider

8. A depiction of a small portion of the Internet

9. A root server and IP addresses

11. User Server – Udel.edu Server - Comcast Server Verizon

12. 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.

13. C:\Users\Cajetan>tracert www.google.co.in Tracing route to www.l.google.com [64.233.169.105]over a maximum of 30 hops: 1 <1 ms <1 ms <1 ms 192.xxx.xx.x 2 * * * Request timed out. 3 10 ms 10 ms 9 ms s01e1.springfield.ga.savannah.comcast.net [68.86.193.85] 4 10 ms 9 ms 11 ms te-1-1-ur01.tyboutscrnr.de.panjde.comcast.net [68.86.209.118] 5 10 ms 10 ms 9 ms 68.85.35.42 6 11 ms 10 ms 11 ms te-0-1-0-7-ar01.newcastle.de.panjde.comcast.net [68.86.153.246] 7 11 ms 10 ms 11 ms pos-0-4-0-0-ar01.401nbroadst.pa.panjde.comcast.net [68.86.210.209] 8 15 ms 15 ms 15 ms pos-1-5-0-0-cr01.mclean.va.ibone.comcast.net [68.86.91.233] 9 20 ms 29 ms 25 ms pos-0-14-0-0-cr01.newyork.ny.ibone.comcast.net [68.86.85.94] 10 19 ms 20 ms 18 ms pos-0-1-0-0-pe01.111eighthave.ny.ibone.comcast.net [68.86.86.46] 11 24 ms 18 ms 18 ms as15169-3.111eighthave.ny.ibone.comcast.net [75.149.230.194] 12 18 ms 18 ms 18 ms 209.85.255.68 13 27 ms 72 ms 26 ms 209.85.249.11 14 27 ms 25 ms 25 ms 64.233.175.109 15 27 ms 30 ms 39 ms 72.14.232.21 16 26 ms 27 ms 28 ms yo-in-f105.1e100.net [64.233.169.105] Trace complete.

14. 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...

15. 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

16. Browser - A program that provides a means of viewing the contents of web pages and of navigating from one page to another. Connected to a Server – Internet Service Provider How do I access a web page ? Located on YOUR computer Netscape Mozilla FireFox Opera Ace Explorer Google Chrome

17. 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 ? Netscape Mozilla FireFox Opera Ace Explorer Chrome

18. 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

19. 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! howstuffworks.com Internet Explorer Address: http://www.udel.edu The Domain Name Server (DNS) Type.com.edu.net.gov.org Locn..ca.jp.in.cn Server at the University of Delaware

20. Browser - Internet Explorer Address: http://www.udel.edu Server at the University of Delaware Default pageDefault page - “ index.html ”

21. Browser - Internet Explorer Address: http://www.udel.edu/index.html File Name Default page - “ index.html ”

22. Files and Folders

23. Root Directory Windows Documents & Settings Program Files My Webfiles C: DriveA: DriveD: Drive webfile1.html My Documents webfile2.htmlwebfile3.html

24. 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

25. Internet Explorer Address: 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

26. Internet Explorer Address: http://udel.edu/academy/index.html

27. Internet Explorer Address: http://www.udel.edu/academy/index.html hypertext transport protocol Other protocols include : FTP – File transfer protocol

28. 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

29. 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

30. 1.Plan Your Site 2.Plan Your Site 3.Plan Your Site 4.Plan Your Site 5.Plan Your Site 6.Plan Your Site 7.Plan Your Site 8.Plan Your Site Steps in creating a Basic Web Site 1. Plan Your Site 2. Enter Your Text and Headlines 3. Add Graphics 4. Use Tables to Organize Information 5. Add “links” to other pages 6. Get a Host 7. Domain Name 8. Publish Your Web Site

31. Discussion… Questions… W e b P a g e s HTML S e r v e r B r o w s e r I. S. P. D S L D i a l - U p C l i e n t D N S W. W. W. i n d e x. h t m l H T T P

32. http://udel.edu/~cordeicf/web Web Site - Examples Civic League CPAW Frank and Ronni’s Family Pencader Heritage Yahoo! Frank Romanelli’s Sample Sites Haiti