XP Web PageTutorial 1 ITE 115 Developing a Basic Web Page by Patrick Healy NVCC Creating a Web Page for Dave s Devil Sticks Hockey Team Dave Vinet s Web Site Tutorial 1 New Perspectives on HTML and XHTML Comprehensive 1 Objectives XP Review the history of the Web the Internet and HTML which originated as SGML in 1986 Describe different HTML standards and specifications Learn about the basic syntax of HTML code A good place to learn www w3schools com Tutorial 1 New Perspectives on HTML and XHTML Comprehensive 2 Objectives XP HTML elements using two sided and one sided tags Insert an element attribute Create comments comment Describe block level elements and inline elements Specify an element s appearance with inline styles Tutorial 1 New Perspectives on HTML and XHTML Comprehensive 3 A very basic Web page XP html head title Basic Web page at Woodbridge Campus title Author Patrick Healy Date April 20 2011 head body p h1 center Woodbridge Campus center h1 This page was developed by b Clarence Fudd b p p The NVCC Woodbridge Campus is in Northern Virginia p body html Tutorial 1 New Perspectives on HTML and XHTML Comprehensive 4 Objectives continued XP Create and format different types of lists Ordered lists ol ol Unordered lists ul ul Create boldfaced and italicized text b Bold face text b i Italicized text i Tutorial 1 New Perspectives on HTML and XHTML Comprehensive 5 Objectives XP Insert an inline image into a Web page img src ElmerFudd jpg alt Elmer s Web Site Insert a horizontal line into a Web page hr Insert a hypertext reference into a Web page a href http www nvcc edu NOVA a Display special characters and symbols Tutorial 1 New Perspectives on HTML and XHTML Comprehensive 6 Objectives XP Heading h1 and text align center h1 style text align center img src logo jpg alt Dave s Devil Sticks h1 h1 style text align center img src devil jpg alt Dave s Red Devil h1 h1 style text align center img src hockeymask jpg alt Dave s Hockey Mask h1 Tutorial 1 New Perspectives on HTML and XHTML Comprehensive 7 XP Clickable Images a href http www nvcc edu img src bigwood jpg width 500 height 300 a a href http www hockeygiant com img src logo jpg width 400 height 200 a Tutorial 1 New Perspectives on HTML and XHTML Comprehensive 8 XP Introducing the World Wide Web A network is a structure linking computers together for the purpose of sharing resources such as printers and files Users typically access a network through a computer called a host or node A computer that makes a service available to a network is called a server Tutorial 1 New Perspectives on HTML and XHTML Comprehensive 9 XP Introducing the World Wide Web A computer or other device that requests services from a server is called a client One of the most common network structures is the client server network If the computers that make up a network are close together within a single department or building then the network is referred to as a local area network LAN Tutorial 1 New Perspectives on HTML and XHTML Comprehensive 10 XP Introducing the World Wide Web A network that covers a wide area such as several buildings or cities is called a wide area network WAN The largest WAN in existence is the Internet In its early days the Internet was called ARPANET and consisted of four network nodes located at UCLA Stanford San Bernadino Univ of Utah connected by a phone line Tutorial 1 New Perspectives on HTML and XHTML Comprehensive 11 Brief History of the Internet How did the Internet originate ARPANET Goal To allow scientists at different locations to share information p 2 02 Networking project by Pentagon s Advanced Research Projects Agency ARPA Became functional September 1969 Goal To function if part of network were disabled during a nuclear war 12 Brief History of the Internet Expansion of the Internet and Networks Worldwide today More than One Billion Internet users 44 million host computers Over 400 million Windows PCs 50 thousand networks 650 000 Web sites In 1969 Only 4 host nodes UCLA UC San Bernadino SRI Stanford Univ Utah p 2 03 13 Technology Trailblazer Tim Berners Lee Created the World Wide Web WWW Year 1989 p 2 4 Director of the World Wide Web Consortium W3C at MIT 14 Tim Berners Lee Today http www w3 org Consortium Vinton Cerf TCP IP Co designer of Widely known as one of the Fathers of the Internet Cerf is the codesigner of the TCP IP protocols and the architecture of the Internet In December 1997 President Clinton presented the U S National Medal of Technology to Cerf and his colleague Robert E Kahn for founding and developing the Internet Kahn and Cerf were named the recipients of the ACM Alan M Turing award sometimes called the Nobel Prize of Computer Science in 2004 for their work on the Internet protocols In November 2005 President George Bush awarded Cerf and Kahn the Presidential Medal of Freedom for their work The medal is the highest civilian award given by the United States to its citizens XP The Internet Today Today the Internet has grown to include hundreds of millions of interconnected computers cell phones PDAs televisions and networks The physical structure of the Internet uses fiber optic FiOS cables satellites phone lines wireless and other telecommunications media Tutorial 1 New Perspectives on HTML and XHTML Comprehensive 17 Structure of Today s Internet Who provides the structure for the Internet today Networks from corporations commercial firms and other companies Telephone companies Satellite companies p 2 4 Cable companies Governments 18 Structure of Today s Internet Tutorial 1 New Perspectives on HTML and XHTML Comprehensive XP 19 The Development of the WordXP Wide Web Timothy Berners Lee and other researchers at the CERN nuclear research facility near Geneva Switzerland laid the foundations for the World Wide Web or the Web in 1989 They developed a system of interconnected hypertext documents that allowed their users to easily navigate from one topic to another Hypertext is a method of organizing information that gives the reader control over the order in which the information is presented Tutorial 1 New Perspectives on HTML and XHTML Comprehensive 20 Hypertext Documents XP When you read a book you follow a linear progression reading one page after another With hypertext you progress through pages in whatever way is best suited to you and your objectives Hypertext lets you skip from one topic to another Tutorial 1 New Perspectives on HTML and XHTML Comprehensive 21 Linear versus hypertext documents