1 / 19

Introduction to HTML

Introduction to HTML . 2005 CIS101. 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. Internet protocols.

xenia
Download Presentation

Introduction to HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Introduction to HTML 2005 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 • This class will use HTML editor HTML-Kit (free download)

  15. HTML-Kit • Will use this software in class for HTML and JavaScript • Access software at http://csis.pace.edu/cis101 or through Blackboard, Web Sites • Start up HTML-Kit

  16. HTML-Kit Startup • Select New Documents • Select blank document for HTML Project One • Provides basic HTML template

  17. Try it out • After the <body> tag type in some text • Click preview to see the page • Save as first.htm on desktop • Open up file with IE

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

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

More Related