WEB PAGES: CREATING AND MAINTAINING ** Wednesday: 10:15 -11:15 Instructor: Frank Romanelli TA: Tom Keane Class Web Site:http://udel.edu/~frankr

Slides:



Advertisements
Similar presentations
The Internet and the Web
Advertisements

What is the Internet? The Internet is a......distributed hypermedia network of networks.
4.01 How Web Pages Work.
Internet – Part II. What is the World Wide Web? The World Wide Web is a collection of host machines, which deliver documents, graphics and multi-media.
WEB PAGES: CREATING AND MAINTAINING ** Wednesday: 2:00PM – 3:15PM Instructor: Cajetan Cordeiro TA: Tom Keane Class Web Site:
Topics in this presentation: The Web and how it works Difference between Web pages and web sites Web browsers and Web servers HTML purpose and structure.
Introduction 2: Internet, Intranet, and Extranet J394 – Perancangan Situs Web Program Sudi Manajemen Universitas Bina Nusantara.
Web Design Professor Pepper. Internet physical layout Internet = internetworked networks Local Area Networks (LAN) Wide Area Networks (WAN) LANS,WANS.
UNIFORM RESOURCE LOCATOR (URL)
What Is A Web Page? An Introduction to the Internet.
Web Design Terms and Concepts Ms. Scales. Q. What is a Server? A. A server is a computer that stores information many people can access. It runs special.
Chapter ONE Introduction to HTML.
The Internet & Web Browsers Business Webpage Design Kelly Seale.
* The Internet’s genesis - Defense Department project to create a network that could survive a nuclear conflict * The first users - Government agencies.
CPSC 203 Introduction to Computers Lab 21, 22 By Jie Gao.
Lesson 2 — The Internet and the World Wide Web
The Internet COM 366 Web Design & Production. Brief history Internet began as nationwide network for Department of Defense in 1960s –Expanded to universities.
The Internet. The Internet: A Definition  Short for Internetwork  AKA: The World Wide Web, or the Net  This is defined by the system of communications.
Dr. Omar Al Jadaan The Internet. Internet Service Provider (ISP) Content Providers: create and maintained material that can be accessed using the internet.
XHTML Introductory1 Linking and Publishing Basic Web Pages Chapter 3.
1 Networks and the Internet PCS115 Introduction to the Internet ©Richard L. Goldman December 7, 2006.
Introduction to Computers Section 8A. home How the Internet Works Anyone with access to the Internet can exchange text, data files, and programs with.
BASIC UNDERSTANDING OF INTERNET AND WEB BRIDGE COURSE of INFORMATION & COMMUNICATION TECHNOLOGY Activity No. 8.
1 Session 1: Introduction to HTML Spring Today’s Agenda Cover useful terminology for today’s session HTML, browsers, servers, etc. HTML Tags Get.
The INTERNET A worldwide network of computers linked together. Web Pages, , Instant Messaging, Xbox Live, iTunes downloads, etc. are all part of.
Microsoft Office 2003 Illustrated Introductory Started with Internet Explorer Getting.
Using the World Wide Web Web Design and Publishing Cindy Royal.
The Internet  Internet Hardware connected together Creates a massive worldwide network  Hardware Computers Communication lines  Interlinked collection.
 Internet network of connected computer › No company owns the internet › Purpose is to share information  World Wide Web (Web) one of the ways information.
HTML ~ Web Design.
Objective Understand concepts used to web-based digital media. Course Weight : 5%
The Internet. Network - Collection of computers and devices connected together via communications devices Internet - Worldwide collection of networks.
1 After completing this lesson, you will be able to: Transfer your files to the Internet. Choose a method for posting your Web pages. Use Microsoft’s My.
Introduction to HTML. Today’s Discussion What is HTML ? What is HTML ? What is Web Page ? What is Web Page ? Web Server Web Server Web Browser Web Browser.
1 Chapter 01: Introduction by Tharith Sriv. This course covers the following topics:  Hypertext Markup Language (HTML)  Cascading Style Sheets  JavaScript.
Web Browsers  Web browser- software that you run on your computer to make it work as a web client.  Web Servers- Computers connected to the Internet.
Internet and WWW. Internet Network linking computers to other computers Access to numerous resources – Communications systems Instant messaging.
Chapter 1: The Internet تال 311 Prepared by: Mr. Hassen HAMOUDA.
Web Design. What is the Internet? A worldwide collection of computer networks that links millions of computers by – Businesses (.com.net) – the government.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
The Internet. Important Terms Network Network Internet Internet WWW (World Wide Web) WWW (World Wide Web) Web page Web page Web site Web site Browser.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Session 1: Introduction to HTML Fall Today’s Agenda Talk about the functions of the Internet Cover useful terminology for today’s session HTML,
Computers Are Your Future Eleventh Edition Chapter 6: The Internet and the World Wide Web Copyright © 2011 Pearson Education, Inc. Publishing as Prentice.
COM: 111 Introduction to Computer Applications Department of Information & Communication Technology Panayiotis Christodoulou.
The Internet What is the Internet? The Internet is a lot of computers over the whole world connected together so that they can share information. It.
INTERNET AND . WHAT IS INTERNET The Internet can be defined as the wired or wireless mode of communication through which one can receive, transmit.
Week-6 (Lecture-1) Publishing and Browsing the Web: Publishing: 1. upload the following items on the web Google documents Spreadsheets Presentations drawings.
Introduction to HTML 4.0 Getting Started – Basic Terminology Teacher: Mr. Ho.
The Internet & Web Browsers Business Webpage Design Created by Kelly Seale Adapted by Jill Einerson.
The Internet and the WWW IT-IDT-5.1. History of the Internet How did the Internet originate? Goal: To function if part of network were disabled Became.
Internet The internet is the largest computer network system in the world. It consists of many smaller networks connected together by a global public.
Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.
How Much Do You Know About the Internet?. What is the Internet? The Internet is the world’s largest computer network, connecting more than 4 million computers.
4.01 How Web Pages Work.
4.01 How Web Pages Work.
Chapter 10: Web Basics.
Chapter 10: Web Basics.
Warm Handshake with Websites, Servers and Web Servers:
Project 1 Introduction to HTML.
Some Common Terms The Internet is a network of computers spanning the globe. It is also called the World Wide Web. World Wide Web It is a collection of.
Microsoft Office Illustrated Introductory, Premium Edition
Instructors: Tom Keane and Mayis Seapan
Objectives To understand the about types of computer network
What is the World Wide Web (www)
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
All About the Internet.
4.01 How Web Pages Work.
An Introduction to the Internet
Presentation transcript:

WEB PAGES: CREATING AND MAINTAINING ** Wednesday: 10:15 -11:15 Instructor: Frank Romanelli TA: Tom Keane Class Web Site:

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 62 percent, said they expect the amount of things they do on their computer to over the next year Increase

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

Answers to some basic questions…. So, you want to make a web page… How many web pages are there on the Internet ? 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 ©2005 Google - Searching 8,058,044,651 web pages The current estimated World Population is 6,782,464,366 *from the Sept.6, 2009www.census.com

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 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 Any one of the MILLIONS of computers connected together as a SERVER Server vs. Client Server = I.S.P. Internet Service Provider ****************** Client = User

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

AOL UofD Comcast Juno Earthlink Verizon

Comcast AOL UofD Comcast Juno Earthlink Verizon

AOL UofD Comcast Juno Earthlink Verizon

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.

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…

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

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. What’s a Browser ? Netscape Mozilla FireFox Opera Ace Explorer Chrome A browser must be able to read files from many different types of computers & Operating Systems Specifications developed / maintained by an international consortium of developers / software companies

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

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

Browser - Internet Explorer Address: Server at the University of Delaware Default pageDefault page - “ index.html ”

Browser - Internet Explorer Address: File Name

Files and Folders

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

Internet Explorer Address: Sub-folder name & File name Suffix “edu” Domain “udel.edu” Sub-domain “www”

Internet Explorer Address: C:\my documents\my webfiles\index.html

Internet Explorer Address:

Internet Explorer Address: hypertext transport protocol

WEB PAGES: CREATING AND MAINTAINING ** L23 Wednesday: 10:15 a.m.-11:15 a.m. Instructor: Frank Romanelli 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

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

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 8. Plan Your Site 9. Enter Your Text and Headlines 10. Add Graphics 11. Use Tables to Organize Information 12. Add “links” to other pages 13. Get a Host 14. Domain Name 15. Publish Your Web Site

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

Web Site - Examples Yahoo!

Web Site - Examples Civic League CPAW Family Pencader Heritage Yahoo!