Test Your Tech

1
Test Your Tech

• Navigation is
• Following a series of links to locate specific
  information on the Web.
• Finding your uncle's mountain cabin in dense fog.
  
• Avoiding rush-hour traffic during the World
  Series.

2
Test Your Tech

• Navigation is
• Following a series of links to locate specific
  information on the Web.
• Finding your uncle's mountain cabin in dense fog.
  
• Avoiding rush-hour traffic during the World
  Series.

3
Announcements

• Due by Today
• Chapters 5-6 in Fluency
• Due Tuesday
• HW2 and Lab 3
• Due by Friday
• Lab 4

4
Video

• Warriors of the Nethttp//www.warriorsofthe.net/m
  ovie.html

5
Quick Write

• Clear your desk except for 1 sheet of paper and a
  pen or pencil
• Put away your backpacks, pda's, cell phones,
  purses, laptops, NetBooks, notebooks, etc.
• You will have 5 minutes to write about

6
Quick Write

• Describe the Internet and the World Wide Web.
  Explain how they are different.

7
Pop Quiz 2Review

• Spamming
• DNS
• TCP/IP and separately
• HTML
• Tags
• HTTP
• Email
• LAN

• WAN
• DSL
• Servers
• Clients
• Packets
• Client-Server architecture
• sftp

8
HTML

• Validating
• Paths for images and links

9
Demonstration

• After building a web page, we find it is wrong

Houston, we have a problem
10
Debugging Demo
Intended page
11
Illustrate
The file is accessed from the same directory,
from a subdirectory and from the containing
directory
12
Paths

• Two types of paths
• Relative
• To folder where this html page is located
• Absolute
• Complete URL

13
Paths

• Relative path
• src" huskyTeam.jpg "
• Absolute path
• href" http//www.cs.washington.edu/education/cour
  ses/cse100/08sp/images/huskyTeam.jpg "

14
Paths

• Relative path
• href"huskyPride.html"
• Absolute path
• href" http//www.cs.washington.edu/education/cour
  ses/cse100/08sp/examples/huskyPride.html "

15
Summary

• Web pages are written in HTML
• The files must be text
• The file extension must be .html
• Tags enclose content like parentheses
• Control look with attributes on tags
• Use a change-and-test process
• Images have two formats and explicit paths
• Either absolute or relative