SlideShare ist ein Scribd-Unternehmen logo
1 von 46
Tame TOR II ,[object Object],[object Object],[object Object],[object Object]
Today’s Topics ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],http://www.w3.org/
The basics ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Structural tags ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],GSLIS West News Page
html tag ,[object Object],[object Object],GSLIS West News Page ,[object Object],[object Object],[object Object]
head ,[object Object],[object Object],[object Object],[object Object],GSLIS West News Page Contains “administrative” info
title ,[object Object],[object Object],[object Object],[object Object],[object Object],GSLIS West News Page ,[object Object],[object Object],[object Object]
body ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],GSLIS West News Page Contains page content
Content ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],GSLIS West News Page User sees “Page content”
Structural tags ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],GSLIS West News Page
Fun with formatting ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Tech Lab Tip: Don’t get section headers confused with the document header  <head>  tag.
Fun with Text ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Question How would you make words both  strong and emphatic ?
Fish again ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Tech Lab Tip Tags must  always  be completely contained within the outer tag.
Watch where you close <strong><em>Wrong!</strong></em> <strong><em>Wrong!</strong></em>
This is correct <strong><em>Right!</em></strong>
Fun with Lists ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Fun with Lists ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Pretty pictures ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Manny Being Manny ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Live links ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Live link in action ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
It’s your turn! ,[object Object],[object Object],[object Object]
Local machine vs. web server ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Tech Lab Tip To save your file from Notepad, chose File => Save As => “myfile.html” using double quotes.
Find practice files ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Download practice files ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Practice Page: Get Started ,[object Object],[object Object],[object Object],Tech Lab Tip Mac users:  The pre-installed text editor on the Mac is called TextEdit, but it does not always handle HTML very well. You may want to download the free Taco HTML Editor. See the Tech Lab Download Center at  http://my.simmons.edu/gslis/techlab/howto-info.shtml#web   for instructions
Practice Page:  Structural Tags ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Practice Page: Page Title ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Practice Page: Adding Content ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Insert this text The long awaited, eagerly anticipated, Harry Potter and the Half Blood Prince has arrived. A magnificent spectacle more than worth the price of admission, Harry Potter and the Half Blood Prince will blow you away. However, given that so much has gone into protecting . . .
Practice Page: Adding Content ,[object Object],<h1> Plot Summary </h1> Preview your page  Tech Lab Tip Once your page is open in Internet Explorer or FireFox, just Refresh to see your changes.
Practice Page: Adding Content ,[object Object],<img src=“cover.jpg” /> Preview your page to see if it worked
Practice Page: Adding Content ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Preview your page, change to an ordered list, and preview again
Practice Page: Adding Content ,[object Object],<h3> Reading List </h3>
Practice Page: Adding Content ,[object Object],[object Object],<p> Test your HPQ with a  <a href=“potterquiz.pdf”>  quiz </a> ! </p>
Practice Page: Adding Content ,[object Object],<p> The long awaited, eagerly anticipated ,  <strong> Harry Potter and the Deathly Hallows  </strong>  has arrived. A magnificent spectacle more than worth the price of admission, Harry Potter and the Half Blood Prince will blow you away. However, given that so much has gone into protecting . . .  </p> What’s the tag? <strong> </strong>
Ready to go live! ,[object Object],[object Object],[object Object],[object Object],[object Object]
Accessing your Web space ,[object Object],[object Object],[object Object],[object Object],[object Object]
Understanding your Web space ,[object Object],[object Object],[object Object]
Understanding your Web space ,[object Object],[object Object],[object Object]
Upload your files ,[object Object],[object Object],[object Object]
You’re live! ,[object Object],[object Object],[object Object],[object Object],Tech Lab Tip To make everything on your page work properly, you must upload ALL your files including your .html document and any files you reference in your .html document, images, .pdfs, etc.
Troubleshooting ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],There is also plenty of helpful documentation on the Tech Lab Download Center – try the “Creating Web Pages” section: http://my.simmons.edu/gslis/techlab/howto-info.shtml
Want to know more? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
GSLIS Toolkit coming soon! ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Need more help? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Weitere ähnliche Inhalte

Was ist angesagt?

Tips on Searching for files on the Internet
Tips on Searching for files on the InternetTips on Searching for files on the Internet
Tips on Searching for files on the Internet
Webmaster
 
Internet Searching
Internet SearchingInternet Searching
Internet Searching
Webmaster
 
Html project report12
Html project report12Html project report12
Html project report12
varunmaini123
 
Html part2 (1)
Html part2 (1)Html part2 (1)
Html part2 (1)
suba_sqa
 

Was ist angesagt? (17)

Html Tutorial
Html Tutorial Html Tutorial
Html Tutorial
 
HTML
HTMLHTML
HTML
 
Web tech html css js
Web tech html css jsWeb tech html css js
Web tech html css js
 
Lesson plan: HTML Formatting Texts and Paragraphs
Lesson plan: HTML Formatting Texts and ParagraphsLesson plan: HTML Formatting Texts and Paragraphs
Lesson plan: HTML Formatting Texts and Paragraphs
 
Demystifying SEO & Modern KPI Reporting
Demystifying SEO & Modern KPI ReportingDemystifying SEO & Modern KPI Reporting
Demystifying SEO & Modern KPI Reporting
 
PL2235 2009 1 HTML
PL2235 2009 1 HTMLPL2235 2009 1 HTML
PL2235 2009 1 HTML
 
Internet search techniques for K12
Internet search techniques for K12Internet search techniques for K12
Internet search techniques for K12
 
Tips on Searching for files on the Internet
Tips on Searching for files on the InternetTips on Searching for files on the Internet
Tips on Searching for files on the Internet
 
Internet Searching
Internet SearchingInternet Searching
Internet Searching
 
Intro to html
Intro to htmlIntro to html
Intro to html
 
Html project report12
Html project report12Html project report12
Html project report12
 
Bangla html
Bangla htmlBangla html
Bangla html
 
20 ways to mark up a sentence
20 ways to mark up a sentence20 ways to mark up a sentence
20 ways to mark up a sentence
 
Customised Search With Google
Customised Search With GoogleCustomised Search With Google
Customised Search With Google
 
Html bangla
Html banglaHtml bangla
Html bangla
 
Code This, Not That: 10 Do's and Don'ts For Learning HTML
Code This, Not That: 10 Do's and Don'ts For Learning HTMLCode This, Not That: 10 Do's and Don'ts For Learning HTML
Code This, Not That: 10 Do's and Don'ts For Learning HTML
 
Html part2 (1)
Html part2 (1)Html part2 (1)
Html part2 (1)
 

Andere mochten auch (7)

Group1 Ppt
Group1 PptGroup1 Ppt
Group1 Ppt
 
Talous Ja Elinkeinot 1700
Talous Ja Elinkeinot 1700Talous Ja Elinkeinot 1700
Talous Ja Elinkeinot 1700
 
FYE Intro to UConn Waterbury Campus Students
FYE Intro to UConn Waterbury Campus StudentsFYE Intro to UConn Waterbury Campus Students
FYE Intro to UConn Waterbury Campus Students
 
Fotos PresentacióN Mar De Leva
Fotos PresentacióN Mar De LevaFotos PresentacióN Mar De Leva
Fotos PresentacióN Mar De Leva
 
Presentation1
Presentation1Presentation1
Presentation1
 
Booklet
BookletBooklet
Booklet
 
3
33
3
 

Ähnlich wie Tor2 (20)

HTML & CSS
HTML & CSSHTML & CSS
HTML & CSS
 
Xml Zoe
Xml ZoeXml Zoe
Xml Zoe
 
Html
HtmlHtml
Html
 
Learning HTML
Learning HTMLLearning HTML
Learning HTML
 
HTML Fundamentals
HTML FundamentalsHTML Fundamentals
HTML Fundamentals
 
XHTML basics
XHTML basicsXHTML basics
XHTML basics
 
Diva
DivaDiva
Diva
 
YL Intro html
YL Intro htmlYL Intro html
YL Intro html
 
Html
HtmlHtml
Html
 
ARTDM 171 Week 4: Tags
ARTDM 171 Week 4: TagsARTDM 171 Week 4: Tags
ARTDM 171 Week 4: Tags
 
1.1 xhtml basics
1.1 xhtml basics1.1 xhtml basics
1.1 xhtml basics
 
Html Lesson01
Html Lesson01Html Lesson01
Html Lesson01
 
KMUTNB - Internet Programming 3/7
KMUTNB - Internet Programming 3/7KMUTNB - Internet Programming 3/7
KMUTNB - Internet Programming 3/7
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html part2
Html part2Html part2
Html part2
 
Xhtml
XhtmlXhtml
Xhtml
 
Html ppt
Html pptHtml ppt
Html ppt
 
HTML5
HTML5HTML5
HTML5
 

Kürzlich hochgeladen

1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
ssuserdda66b
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
AnaAcapella
 

Kürzlich hochgeladen (20)

Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 

Tor2

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15. Watch where you close <strong><em>Wrong!</strong></em> <strong><em>Wrong!</strong></em>
  • 16. This is correct <strong><em>Right!</em></strong>
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.