Instructors: Tom Keane and Mayis Seapan WEB PAGES: CREATING AND MAINTAINING ** Wednesday: 2:00 -3:15 Instructors: Tom Keane and Mayis Seapan Email: tomkeane@udel.edu seapanmj@gmail.com Class Web Site: http://udel.edu/~tomkeane/web

Frank Romanelli Cajetan Cordeiro Acknowledgements and Gratitude to who first developed this course and Cajetan Cordeiro who further developed the 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”

Increase Survey of 500 home computer owners 62 percent, said they expect the amount of things they do on their computer to Increase over the next year

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

over two billion So, you want to make a web page… Answers to some basic questions…. How many web pages are there on the Internet ? ©2005 Google - Searching 8,058,044,651 web pages 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 7,137,340,290 *from www.census.gov/popclock Dec 30, 2013

HTML file = TEXT file 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

Server = I.S.P. Server vs. Client Internet Service Provider What is a web page ?? Server = I.S.P. Internet Service Provider ****************** Client = User An HTML file Located on the World Wide Web Often hyperlinked to other documents on the Web May reference other related files Server vs. Client Any one of the MILLIONS of computers connected together as a SERVER

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

AOL UofD Comcast Juno Earthlink Verizon

AOL UofD Comcast Juno Earthlink Verizon Comcast

AOL Comcast Verizon UofD Juno Earthlink

A text retrieval system that enables a user to 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 retrieval system that enables a user to access other web pages by clicking on links.

Pictures…Sounds… Videos… 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 Pictures…Sounds… 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 Located on YOUR computer Browser - A program that provides a means of viewing the contents of web pages and of navigating from one page to another.

Browser - What’s a Browser ? A browser must be able to read files from many different types of computers & Operating Systems What’s a Browser ? Browser - A program on your computer that provides a means of viewing the contents of web pages and of navigating from one page to another. Specifications developed / maintained by an international consortium of developers / software companies www.w3.org Mozilla FireFox Opera Safari Chrome

Suffix The Domain Name Server (DNS) How does a browser access a web page ? I.P. Address Example 128.175.13.63 Browser - Internet Explorer Address: http://www.udel.edu Suffix The Domain Name Server (DNS)

The Domain Name Server (DNS) The Beauty of DNS 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)

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

Address: http://www.udel.edu/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 Windows Documents & Settings Program Files My Documents My Webfiles webfile1.html webfile2.html webfile3.html

Internet Explorer Address: http://www.udel.edu/academy/index.html Suffix “edu” Sub-domain “www” Domain “udel.edu” Sub-folder name & File name

C:\my documents\my webfiles\index.html Internet Explorer Address: http://www.udel.edu/academy/index.html C:\my documents\my webfiles\index.html

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

hypertext transport protocol Internet Explorer Address: hypertext transport protocol http://www.udel.edu/academy/index.html

WEB PAGES: CREATING AND MAINTAINING ** L14 Wednesday: 2:00 p.m.-3:15 p.m. Instructors: Tom Keane & Mayis Seapan 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. (sort of) with emphasis on learning HTML Amount of outside preparation required for each class: *  0-1 hours **  1-2 hours ***  more than 2 hours

Tools! with emphasis on learning HTML Computer Notepad Internet Connection Browser ( to view ) Software Program ( to create ) with emphasis on learning HTML Microsoft Front Page Netscape (Mozilla) Composer Adobe Dreamweaver$$$ MS WORD Power Point Etc, etc etc … Notepad WYSIWYG Editors

Steps in creating a Basic Web Site Plan Your Site Enter Your Text and Headlines Add Graphics Use Tables to Organize Information Add “links” to other pages Get a Host Domain Name Publish Your Web Site Plan Your Site

Discussion… Questions… Dial-Up Web Pages DSL HTML W.W.W. index.html Browser DNS I.S.P. Client Server HTTP

Web Site - Examples Yahoo!

Yahoo! http://udel.edu/~frankr Web Site - Examples Civic League Family CPAW Pencader Heritage Web Site - Examples