placing relative links a link in file page.html refers to a referenced file ref.html by relative...

19
Placing Relative Links A link in file page.html refers to a referenced file ref.html by relative link: <a href="ref.html">link</a> page.html ref.html "ref.html" "folder/ref.html" "../ref.html" ref.html is higher than page ref.html is lower than page

Upload: horace-lewis

Post on 28-Dec-2015

224 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Placing Relative Links A link in file page.html refers to a referenced file ref.html by relative link: link page.htmlref.html "ref.html" "folder/ref.html"

Placing Relative Links

A link in file page.html refers to a referenced file ref.html by relative link: <a href="ref.html">link</a>

page.html ref.html"ref.html"

"folder/ref.html"

"../ref.html" ref.html is higher than page

ref.html is lower than page

Page 2: Placing Relative Links A link in file page.html refers to a referenced file ref.html by relative link: link page.htmlref.html "ref.html" "folder/ref.html"

Finding Your Way Around

A student wrote email last week ...

What should the student have done?

Prof. Snyder:You said the link to the FIT100 home page was on the [paper] syllabus, but only the Web page for the calendar was there:http://www.cs.washington.edu/education/courses/100/04wi/calendar/What’s the class homepage link?

Page 3: Placing Relative Links A link in file page.html refers to a referenced file ref.html by relative link: link page.htmlref.html "ref.html" "folder/ref.html"

Searching the WWW

Locating the right information on the WWW requires effort

Read Chapter 5

Page 4: Placing Relative Links A link in file page.html refers to a referenced file ref.html by relative link: link page.htmlref.html "ref.html" "folder/ref.html"

Looking In the Right Place

The WWW is not the first place to look Go directly to a site -- www.irs.gov

Go to right sight -- dictionary.cambridge.org Go to the library -- www.lib.washington.edu

OR www.mpcfaculty.net/library/ Go for the kind of information you want -- www.npr.org

Ask, “What site provides this information?”

Guessing a site’s URL is often very easy, making it a fast way to find information

Page 5: Placing Relative Links A link in file page.html refers to a referenced file ref.html by relative link: link page.htmlref.html "ref.html" "folder/ref.html"

Search Engines

No one controls what’s published on the WWW ... it is totally decentralized

To find out, search engines crawl WebTwo parts

Crawler visits Web pages building an index of the content

Query processor checks user requests against the index, reports on known pages

Only a fraction of the Web’s content is crawled

Page 6: Placing Relative Links A link in file page.html refers to a referenced file ref.html by relative link: link page.htmlref.html "ref.html" "folder/ref.html"

Google Advanced

Page 7: Placing Relative Links A link in file page.html refers to a referenced file ref.html by relative link: link page.htmlref.html "ref.html" "folder/ref.html"

Search for

Boolean Queries

Search Engine words are independent

Words don’t have to occur together To be explicit about occurrences use Boolean

queries and quotesLogical Operators: AND, OR, NOT

monet AND water AND lilies

“van gogh” OR gauguin

vermeer AND girl AND NOT pearl

Mona Lisa

Page 8: Placing Relative Links A link in file page.html refers to a referenced file ref.html by relative link: link page.htmlref.html "ref.html" "folder/ref.html"

Queries

Searching strategies …Limit by top level domains or formatFind terms most specific to topicLook elsewhere for key words, e.g. bioUse exact phrase only when universal If too many hits, requery“Search within results” using “-”Once found, ask if site is best source

Page 9: Placing Relative Links A link in file page.html refers to a referenced file ref.html by relative link: link page.htmlref.html "ref.html" "folder/ref.html"

Truth on the Web

Much Web information is wrong Using the Web effectively means

recognizing quality information Information from reliable organizations is usually

preferred -- check out ownership Look for accuracy, currency, … Follow links to verify that the content supports the

original page

Best: Locate independent verification

Page 10: Placing Relative Links A link in file page.html refers to a referenced file ref.html by relative link: link page.htmlref.html "ref.html" "folder/ref.html"

A Bogus Site

lme.mnsu.edu/akcj3/bmd.html

Page 11: Placing Relative Links A link in file page.html refers to a referenced file ref.html by relative link: link page.htmlref.html "ref.html" "folder/ref.html"

True Site, Bogus Implication

www.dhmo.org

Page 12: Placing Relative Links A link in file page.html refers to a referenced file ref.html by relative link: link page.htmlref.html "ref.html" "folder/ref.html"

Project 1

Create a bogus (fictitious) Web pageTo appreciate how easy it is fake quality info

you will build a bogus Web page Modify photograph, changing its meaning Write misleading text Add “authenticity” links, fake credentials ...

Your page should look as legitimate as possible, but contain false information

Page 13: Placing Relative Links A link in file page.html refers to a referenced file ref.html by relative link: link page.htmlref.html "ref.html" "folder/ref.html"

Project 1 Details on Web

You will …Write page in HTMLFind/take a photoModify w/ PhotoshopFind “supporting” linksMilestones

Due Next Week: Web page plans w/raw photos Due in 3 Weeks: Web page + modified photo

Example TopicsHurricane Katrina/Ophelia

An MPC “Scandal” ?Supreme Court SelectionRecent National/Int’l StoryErrors in Google Results ?

Page 14: Placing Relative Links A link in file page.html refers to a referenced file ref.html by relative link: link page.htmlref.html "ref.html" "folder/ref.html"

Here’s How It Works

Follow these steps:Create your page locally When finished, publish it on the serverPrint off a copy and turn it in in classLeave your page unchanged until grading is

complete

We will check the timestamps

Page 15: Placing Relative Links A link in file page.html refers to a referenced file ref.html by relative link: link page.htmlref.html "ref.html" "folder/ref.html"

Stumped? Try these for ideas

Hurricane Katrina/Opheliawas caused by …flood waters revealed ancient …Cuba comes to aid of New Orleans

An MPC “Scandal” student gambling ring fixes football gamespirated CDs found in old library basement

Supreme Court Selectionunpublished testimony from John Roberts

Page 16: Placing Relative Links A link in file page.html refers to a referenced file ref.html by relative link: link page.htmlref.html "ref.html" "folder/ref.html"

Stumped? Try these for ideas

Recent National/Int’l Story

Europe strikes down Software Patents Errors in Google Results ?

pages returned regarding political news items don’t always appear reliable

Page 17: Placing Relative Links A link in file page.html refers to a referenced file ref.html by relative link: link page.htmlref.html "ref.html" "folder/ref.html"

Project1 part A due Next week

Plan Web Page in HTML: Title1. What you intend to do 2. Un-modified pictures ( 1 or 2 ) 3. Source of pictures, are they public domain? 4. True context – what pictures really represent5. Fictional context -- What “story” the pics will show 6. Links to three sites that help authenticate yours Work at home, print from PC, post when you get to

class

Page 18: Placing Relative Links A link in file page.html refers to a referenced file ref.html by relative link: link page.htmlref.html "ref.html" "folder/ref.html"

Part A Example: Mars rover uncovers strange “fossil”?

1) Intend to show bone sticking out of Mars cliff/crater

2) Pictures from a) jpl.nasa.gov, b) utah fossil beds

3) From Mars rover, and paleo research4) Rover exploring crater, saber tooth tiger bone

in Utah 5) While looking for signs water, rover discovers

bone – like object6) Links …jpl/mars, rover mission,

extraterrestrial life group, SETI, etc

Page 19: Placing Relative Links A link in file page.html refers to a referenced file ref.html by relative link: link page.htmlref.html "ref.html" "folder/ref.html"

Project 1 Grading, 20 pts total

Part A (2 pts ea) Complete Plan is doable Raw images Proper references On time

Part B (2 pts ea) Complete Spelling, grammar Modified Image Believable story On time Effort!!! (extra) Offensive -4 !!!