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

More Related Content

What's hot

Basics tags for HTML
Basics tags for HTMLBasics tags for HTML
Basics tags for HTMLvidyamittal
 
How to Cite a Database on EasyBib
How to Cite a Database on EasyBibHow to Cite a Database on EasyBib
How to Cite a Database on EasyBibKatie Kier
 
Google Apps for Education (Presentation for Teachers)
Google Apps for Education (Presentation for Teachers)Google Apps for Education (Presentation for Teachers)
Google Apps for Education (Presentation for Teachers)Randall Black
 
How To Create Personal Web Pages On My Web
How To Create Personal Web Pages On My WebHow To Create Personal Web Pages On My Web
How To Create Personal Web Pages On My Websritikumar
 
Search the internet
Search the internetSearch the internet
Search the internetEdit Ostrom
 
How to convert a file to Portable Document format (PDF)?
How to convert a file to Portable Document format (PDF)?How to convert a file to Portable Document format (PDF)?
How to convert a file to Portable Document format (PDF)?jessecadelina
 
Computer Accounts
Computer AccountsComputer Accounts
Computer AccountsGeorge
 
Inter fundamentalsfacultyworkshop
Inter fundamentalsfacultyworkshopInter fundamentalsfacultyworkshop
Inter fundamentalsfacultyworkshopdevesh4u
 
Girl Develop It Cincinnati: Intro to HTML/CSS Class 1
Girl Develop It Cincinnati: Intro to HTML/CSS Class 1Girl Develop It Cincinnati: Intro to HTML/CSS Class 1
Girl Develop It Cincinnati: Intro to HTML/CSS Class 1Erin M. Kidwell
 
Esl 21 B Writing 6 Web Sites
Esl 21 B Writing 6 Web SitesEsl 21 B Writing 6 Web Sites
Esl 21 B Writing 6 Web SitesAnne Agard
 
Ndim1 2009 Web Design
Ndim1 2009 Web DesignNdim1 2009 Web Design
Ndim1 2009 Web Designguest0121dcd7
 
Working with External CSS
Working with External CSSWorking with External CSS
Working with External CSSdavereece
 

What's hot (17)

Basics tags for HTML
Basics tags for HTMLBasics tags for HTML
Basics tags for HTML
 
Html links
Html linksHtml links
Html links
 
What's a url
What's a urlWhat's a url
What's a url
 
How to Cite a Database on EasyBib
How to Cite a Database on EasyBibHow to Cite a Database on EasyBib
How to Cite a Database on EasyBib
 
Google Apps for Education (Presentation for Teachers)
Google Apps for Education (Presentation for Teachers)Google Apps for Education (Presentation for Teachers)
Google Apps for Education (Presentation for Teachers)
 
Internet Tips
Internet TipsInternet Tips
Internet Tips
 
How To Create Personal Web Pages On My Web
How To Create Personal Web Pages On My WebHow To Create Personal Web Pages On My Web
How To Create Personal Web Pages On My Web
 
Search the internet
Search the internetSearch the internet
Search the internet
 
Xml Zoe
Xml ZoeXml Zoe
Xml Zoe
 
How to convert a file to Portable Document format (PDF)?
How to convert a file to Portable Document format (PDF)?How to convert a file to Portable Document format (PDF)?
How to convert a file to Portable Document format (PDF)?
 
Computer Accounts
Computer AccountsComputer Accounts
Computer Accounts
 
Inter fundamentalsfacultyworkshop
Inter fundamentalsfacultyworkshopInter fundamentalsfacultyworkshop
Inter fundamentalsfacultyworkshop
 
HTML 101
HTML 101HTML 101
HTML 101
 
Girl Develop It Cincinnati: Intro to HTML/CSS Class 1
Girl Develop It Cincinnati: Intro to HTML/CSS Class 1Girl Develop It Cincinnati: Intro to HTML/CSS Class 1
Girl Develop It Cincinnati: Intro to HTML/CSS Class 1
 
Esl 21 B Writing 6 Web Sites
Esl 21 B Writing 6 Web SitesEsl 21 B Writing 6 Web Sites
Esl 21 B Writing 6 Web Sites
 
Ndim1 2009 Web Design
Ndim1 2009 Web DesignNdim1 2009 Web Design
Ndim1 2009 Web Design
 
Working with External CSS
Working with External CSSWorking with External CSS
Working with External CSS
 

Viewers also liked

Basics of Web Design
Basics of Web DesignBasics of Web Design
Basics of Web DesignStaci Trekles
 
Lab 4: Introduction to HTML
Lab 4: Introduction to HTMLLab 4: Introduction to HTML
Lab 4: Introduction to HTMLvanessajade
 
Web Design 1: Introductions
Web Design 1: IntroductionsWeb Design 1: Introductions
Web Design 1: IntroductionsShawn Calvert
 
Fundamentals of Web building
Fundamentals of Web buildingFundamentals of Web building
Fundamentals of Web buildingRC Morales
 
Basics of Web Design: A primer of what you need to know to design for the web
Basics of Web Design: A primer of what you need to know to design for the webBasics of Web Design: A primer of what you need to know to design for the web
Basics of Web Design: A primer of what you need to know to design for the webJoe Arcuri
 

Viewers also liked (9)

Learn html through programs
Learn html through programsLearn html through programs
Learn html through programs
 
Web design basics_02
Web design basics_02Web design basics_02
Web design basics_02
 
Basics of Web Design
Basics of Web DesignBasics of Web Design
Basics of Web Design
 
Lab 4: Introduction to HTML
Lab 4: Introduction to HTMLLab 4: Introduction to HTML
Lab 4: Introduction to HTML
 
Web design basics
Web design basicsWeb design basics
Web design basics
 
Web Design 1: Introductions
Web Design 1: IntroductionsWeb Design 1: Introductions
Web Design 1: Introductions
 
Fundamentals of Web building
Fundamentals of Web buildingFundamentals of Web building
Fundamentals of Web building
 
HTML practicals
HTML practicals HTML practicals
HTML practicals
 
Basics of Web Design: A primer of what you need to know to design for the web
Basics of Web Design: A primer of what you need to know to design for the webBasics of Web Design: A primer of what you need to know to design for the web
Basics of Web Design: A primer of what you need to know to design for the web
 

Similar to Lab 3: WWW and HTML

Similar to Lab 3: WWW and HTML (20)

Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Html For Beginners 2
Html For Beginners 2Html For Beginners 2
Html For Beginners 2
 
Design Tools Html Xhtml
Design Tools Html XhtmlDesign Tools Html Xhtml
Design Tools Html Xhtml
 
Internet Training For Teachers
 Internet Training For Teachers Internet Training For Teachers
Internet Training For Teachers
 
Url
UrlUrl
Url
 
Iwt module 1
Iwt  module 1Iwt  module 1
Iwt module 1
 
Lecture 9 Professional Practices
Lecture 9 Professional PracticesLecture 9 Professional Practices
Lecture 9 Professional Practices
 
HTML & CSS Workshop Notes
HTML & CSS Workshop NotesHTML & CSS Workshop Notes
HTML & CSS Workshop Notes
 
HTML standards
HTML standardsHTML standards
HTML standards
 
Module 3
Module 3Module 3
Module 3
 
Introducing YUI
Introducing YUIIntroducing YUI
Introducing YUI
 
Pm shandilya-s-wcodew-web-methodology
Pm shandilya-s-wcodew-web-methodologyPm shandilya-s-wcodew-web-methodology
Pm shandilya-s-wcodew-web-methodology
 
Introduction to Html
Introduction to HtmlIntroduction to Html
Introduction to Html
 
Module 5 and 6
Module 5 and 6Module 5 and 6
Module 5 and 6
 
Internet programming notes
Internet programming notesInternet programming notes
Internet programming notes
 
Class 1: Introductions
Class 1: IntroductionsClass 1: Introductions
Class 1: Introductions
 
Html
HtmlHtml
Html
 
Web Accessbility
Web AccessbilityWeb Accessbility
Web Accessbility
 
HTML validation, microformats, jQuery
HTML validation, microformats, jQueryHTML validation, microformats, jQuery
HTML validation, microformats, jQuery
 
Raju html
Raju htmlRaju html
Raju html
 

Lab 3: WWW and HTML

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