WLLS 102 Class 3

2/20/2004

Professor C. Shilepsky

Wells College

Tutorial Logistics

Possible problems:• Time?• Help?• Transferring ASCI files in binary and vice-versa• Mixing up lower and upper case• Understanding the code you type in• Forgetting what you read?

Try Quick Check exercises as you go

• Look at 105 pages to see homework links

Where You Put Tutorial Filesaurora.wells.edu

your public_html directory

tutorial.01 tutorial.02index.htm

chem.htm (all other needed files)

To view

• your home page: http://aurora.wells.edu/~you

• your assignment:http://aurora.wells.edu/~you/tutorial.01/chem.htm

•Today (later): links on your home page

...

Indenting in Tutorial 1 Case 1<h4>To apply, please do the following:</h4><ol type="1"> <li>Pick up an application from ChildLink (address below) <li>Assemble the following papers: <ol type="a"> <li>You completed application <li>Doctor's record of your child's diagnosis <li>Tax records or New Mexico Social Services certificate of your income level <li>Your lease, mortgage, or medical bills, depending on which you need help with </ol> <li>Make an appointment with a ChildLink volunteer, available these times: <ol type="a"> <li>Ida: MW 10:30 a.m. to 3:30 p.m. <li>Juan: TR 9:00 a.m. to noon <li>Chris: F 10:30 a.m. to 3:30 p.m. </ol></ol>

Projects

Example: CCS siteObjective

Make teaching materials available during lectures and to students.

Audience: Wells students

Materials: Per course: syllabi, schedule, examples, assignmentsSenior thesis proposals and projects General guidelines: letters of recommendationUseful links: science colloquium,...

Projects: What Materials

LinksWhat related sites would your visitors find interesting?

But: do you want your site to be a "link farm?"1

TextIs there writing you need to do?

Sources of graphics/images2

Other pages: right click on an image.

Scanning

Digital camera

Free and for purchase sites.

1 A page that consists primarily of links to other sites

2 You must consider copyrights and ownership

Next: Information Architecture

Information architecture– The combination of organization, labeling, and

navigation schemes within an information system1

– Designing a web site to help people find what they are looking for

Information architect – The person who organizes data so that others can use it

Why is this hard?

1 Rosenfeld and Morville, Information Architecture for the World Wide Web.

CCS Architecture

CCS Site

Courses Senior Theses ...

WLLS 102 CS 132 Proposals Theses

Syllabus

Schedule

Resources

... Guidelines

HTML: New Today

Linksanchors (links to places in the same page)to other pages to other Internet objects (email)

Absolute versus relative path

Putting links to assignments on your index.htmabsolute: <href a="http://aurora.wells.edu/~you/tutorial.01/chem.htm'>Tutorial

1</a>

relative: <href a="tutorial.01/chem.htm">Tutorial 1</a>

Absolute Pathaurora.wells.edu

your public_html

tutorial.01 tutorial.02home.htm

refer.htm resume.htm cases

ludwing.htm

chem.htm

http://aurora.wells.edu/~you/tutorial.02/refer.htmhttp://aurora.wells.edu/~you/tutorial.02/resume.htmhttp://aurora.wells.edu/~you/tutorial.02/cases/ludwing.htmhttp://aurora.wells.edu/~you/home.htmhttp://aurora.wells.edu/~you/tutorial.01/chem.htm

Relative Path from tutorial.02aurora.wells.edu

public_html for student

tutorial.01 tutorial.02home.htm

refer.htm resume.htm cases

ludwing.htm

chem.htm

refer.htmresume.htmcases/ludwing.htm../home.htm../tutorial.01/chem.htm

Referring page is here