Your SlideShare is downloading. ×
Lab 3: WWW and HTML
Lab 3: WWW and HTML
Lab 3: WWW and HTML
Lab 3: WWW and HTML
Lab 3: WWW and HTML
Lab 3: WWW and HTML
Lab 3: WWW and HTML
Lab 3: WWW and HTML
Lab 3: WWW and HTML
Lab 3: WWW and HTML
Lab 3: WWW and HTML
Lab 3: WWW and HTML
Lab 3: WWW and HTML
Lab 3: WWW and HTML
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Lab 3: WWW and HTML

902

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
902
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. The internet<br />World Wide Web and Introduction to HTML<br />
  • 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. URL <br />Uniform Resource Locators<br />Course information page’s URL:<br />http://wolfware.ncsu.edu/courses/csc200/common/<br />Standard URL for any NCSU student:<br />http://www4.ncsu.edu/~loginID/<br />http://<br />courses.ncsu.edu/<br />csc200/common/manual.html<br />protocol<br />host name<br />path<br />
  • 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. Internet explorer<br />Be familiar with:<br />Back/Forward<br />Edit Bookmarks<br />Reload/Stop<br />Home<br />Search<br />Print<br />
  • 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. 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. 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. 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. 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. 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. 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. 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. announcements<br />Webpages & EduBlogs<br />Lab Homework 4 submitted via http://submit.ncsu.edu. <br />Opens immediately after lab, and closes before next week’s lab begins. NO EXCEPTIONS.<br />

×