Hour 3
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share
  • 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
1,955
On Slideshare
1,931
From Embeds
24
Number of Embeds
2

Actions

Shares
Downloads
4
Comments
1
Likes
1

Embeds 24

https://etudes-ng.fhda.edu 13
http://www.siskiyous.edu 11

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