Lab 3: WWW and HTML


Published on

  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Lab 3: WWW and HTML

  1. 1. The internet<br />World Wide Web and Introduction to HTML<br />
  2. 2. The internet<br />The Internet is one big connected computer network that links other smaller computer networks and individual computers around the world through modems, phone lines, and satellite links.<br />Who owns the internet?<br /> Commercial, research, governmental, and educational organizations<br /> Al Gore<br /> No one!<br />
  3. 3. URL <br />Uniform Resource Locators<br />Course information page’s URL:<br /><br />Standard URL for any NCSU student:<br /><br />http://<br /><br />csc200/common/manual.html<br />protocol<br />host name<br />path<br />
  4. 4. Search engines<br />Internet-based companies called search engines use complex programs to keep track of the changing information available on the Internet, and they will gather sites you're after and let you peruse them.<br />Ex. Google, Yahoo!, Lycos, etc.<br />
  5. 5. Internet explorer<br />Be familiar with:<br />Back/Forward<br />Edit Bookmarks<br />Reload/Stop<br />Home<br />Search<br />Print<br />
  6. 6. Text editors<br />Generally, text editors DO NOT have formatting functions. <br />If they do, some formatting may not be saved when saving as .txt or .html.<br />Ex. Notepad, Wordpad<br />Notepad will be the text editor used in lab to create and edit your webpage!<br />The 2 steps you should take to see changes to your webpage in Internet Explorer:<br />Save changes in Notepad<br />Reload the web browser<br />
  7. 7. Setting permissions<br />Changing access privilege’s on your account so others can view your homepage:<br />Double-click on ‘My Computer’ on your desktop.<br />Right-click on K: AFS<br />Access Control Lists Add<br />Check box for I Look <br />Type in exactly:system:anyuser<br />Click Ok and Ok again<br />
  8. 8. Setting permissions (2)<br />Double-click on K:<br />Right-click on www folder <br /> AFS Access Control Lists Add<br />Check boxes I Look and r Read<br />Type the same thing in boxes: system:anyuser<br />There is a visual demo in the Manual!<br />
  9. 9. homepages<br />World’s Smallest HTML<br /><html><br /> <head><br /> <title>Vanessa’s Homepage</title><br /> </head><br /> <body><br /> </body><br /> </html><br />Every webpage must include these tags! Order does matter.<br />BOOKMARK your homepage!<br />
  10. 10. View source<br />Can use this to find out how a person did something on any HTML document.<br />In this class, 98% should be between the opening and closing body tags.<br />
  11. 11. Basic html<br />Markup tags<br />Ex. Wow, <i>that</i> is interesting<br />OR <br /> Wow <em>that</em> is interesting <br />EQUALS:<br />Wow, that is interesting<br />More useful tags<br /><HTML><br /><HEAD><br /><TITLE><br /><BODY><br /><H#> the HEADING tag, ranges 1-4, replace # with 1, 2, 3, or 4 with 1 being the largest size text<br />
  12. 12. BASIC html (2)<br />White space<br />In text editors, the ENTER key does not separate text on a webpage! Instead:<br /><p><br /><br><br />
  13. 13. Basic html (3)<br />Formatting<br /><i>…</i><br /><b>…</b><br /><center>…</center><br /><font size=#>…</font><br /><font color=(color)>…</font><br /><font size=# color=(color)>…</font><br />What tag incorporates all of these?<br /> <body><br /> <body text=red><br /> <body link=black><br /> <body bgcolor=blue><br /> <body vlink=green><br /> <body alink=yellow><br /><BODY text=“red” link=“black” bgcolor=“blue” vlink=“green” alink=“yellow”><br />
  14. 14. announcements<br />Webpages & EduBlogs<br />Lab Homework 4 submitted via <br />Opens immediately after lab, and closes before next week’s lab begins. NO EXCEPTIONS.<br />