Your SlideShare is downloading. ×
  • Like
Hour 3
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply
Published

 

Published in Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • Its very nice about hour 3 presentation.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
770
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
4
Comments
1
Likes
1

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.
    • We learn by example and by direct experience because there are real limits to the adequacy of verbal instruction.
    • Malcolm Gladwell
    • Blink
  • 2. Linking to Other Web Pages
    • Sams Teach Yourself HTML and CSS in 24 Hours, 7th Edition
  • 3. Objectives
    • Hypertext Links
    • Anchor Tag
    • Attribute
    • Relative vs. Absolute
  • 4. Objectives
    • Learn the value of linking
      • Ease of use
      • Quickly move about
      • User can focus on interest
      • Contact information is important
  • 5. Linking to Another Web Page
    • Hypertext Links – words that take your from one web page to another (or same)
    • <a> for “anchor”
    • Identifies a particular spot within a web page
  • 6. Linking to Another Web Page
    • Attribute – extra piece of information
    • Provides further detail about the tag
    • We will learn more attributes as we move through the semester
  • 7. Linking to Another Web Page
    • Hypertext reference
    • href=“full_address”
    • http:// inculded
    • Address in “quotes”
    • Copy and Paste
    • Index?
    • Does it work?
    • Keep it current!
    <a href=“http://www.google.com/maps”>Google Maps</a>
  • 8. Linking Between Your Own Pages
    • http:// - not needed
    • linking to another page in the same directory
    • give the file name
    • quizzer.html
    <a href=“quizzer.html”>Click here for the questions</a>
  • 9. Addressing Web Pages
    • relative address
      • it relates to the site
    • absolute
      • it gives the entire address
    <a href=“elephants/african.html”>African Elephants</a> <a href=“http://www.google.com/”>Google</a>
  • 10. Addressing Web Pages
    • ../ - means up one level
    • ../../ - means up two levels
    • Right now all of our files are in the same directory (folder)
    <a href=“../zoo.html”>return to the zoo</a>
  • 11. Summary
    • Hypertext Links
    • Anchor Tag
    • Attribute
    • Relative vs. Absolute
  • 12. Summary
    • We learned the value of linking
      • Ease of use
      • Quickly move about
      • User can focus on interest
      • Contact information is important
  • 13. Creativity