1. Introduction to HTML 2006 CIS101

2. What is the Internet? • Global network of computers that are connected and communicate via a series of Protocols • Protocols are rules that specify the transmission of data

3. Internet protocols • TCP/IP – network protocols that govern how data moves around the Internet • FTP – allows files to be transferred • HTTP –transmits of Web pages

4. What is the World Wide Web? • The youngest part of the Internet (~1990) • Part of the Internet that supports multimedia and consists of a collection of linked documents • Multimedia supported with HTTP (Hypertext Transfer Protocol)

5. Web Servers • Computer connected to the Internet that stores and sends Web pages and other files • Any computer with server software and Internet connection can be a server • Copying Web pages to a server is called publishing • Once a Web page has been published it can be viewed on any computer with an Internet connection

6. Internet traffic • These Web sites display the global distribution of the Internet: • To view internet traffic http://www.internettrafficreport.com/ • To trace the connection to a serverhttp://visualroute.visualware.com/

7. Web sites • Related collection of Web pages created and maintained by an individual, company, educational institution or other organization • Each Web site has a starting document (usually index.html) • Every Web site is stored on or runs from one or more Web servers

8. Web browser • Software that interprets and displays Web pages Input ->HTML Output ->Graphical Display

9. URLs • Web page location is defined as a URL (Uniform Resource Locator) • URL is made up of protocol (ftp, http, etc), Web server, and (optional) Web page • Example (Excel Quick Reference):http://www.scsite.com/offxp/qrex1.htm

10. Web documents • Web documents contain text, multimedia, and links to other documents • Also know as Web pages, are written in HTML (Hypertext Markup Language)

11. What is HTML? • Platform independent page description language • Will display on any computer • HTML describes what a Web document will look like • Uses special instructions called tags to define the structure and layout of a Web document • Web document combines HTML tags and text

12. HTML Resources • Go to Blackboard site, Syllabus • Text web site • Web Design Group HTML Reference (zip file you can download to your computer), or see Web site at http://www.htmlhelp.com/ • Barebones Guide to HTMLhttp://werbach.com/barebones/barebone.html

13. Elements of HTML document • HTML elements include headings, paragraphs, hyperlinks, lists, images, and other graphical elements • Most HTML elements follow this pattern:start tag content end tagexample:<b>This is now bold</b>

14. Web editors • In order to create HTML documents you need to be able to create a text file with an extension of .htm or .html • Can use HTML editor or any text editor • Text uses Notepad, available on most computers • We will use freeware Web authoring system HTML editor http://www.nvu.com/

15. Nvu • Freeware version of commercial Web authoring tools such as Dreamweaver and Frontpage • Will use this software in class for HTML and JavaScript • Access software through Blackboard or http://www.nvu.com/ • Lab machines – look under internet applications

16. Try it out • Type in some text and make up a page • Click preview to see the page • Save as first.htm on desktop • Open up file with IE

17. The elements of a Web page • Title – first thing you see • Displayed in bar above browser • Used when bookmarking Web page • Body – content that displays in browser window • Background – like wallpaper in Windows, can be color or picture

18. Elements cont. • Normal text – the bulk of most Web documents • Lists – bulleted or numbered • Formatted text – bold, italic, fonts • Graphical elements – HR (horizontal rule), images • Hyperlinks – connection to another document