elisad webpages

Elisad Webpages

Marianne van der Heijden

november 2000

Webaddresses

• http://www.geocities.com/aodlib

• =

• www.geocities.com/hotsprings/villa8980

• Geocities is a free host

• Webvertisements interfer with webpages

• Everyone can have access

Elisad on member host

• http://www.bureau-andromeda.nl/elisad

• hosting is free because Andromeda carries the costs

• Restricted access, because not everyone can have a password

• Not an domainname of our own

Elisad website renewed

• Own domainname:

www.elisad.org• Upload access to server for more than one

person: password and remote login

• Frequent update of journals, minutes, proceedings, but also resources (gateway?)

Elisad Web folder

• In root directory the basic files: – index, navigatie, main– constitution, brochure, membership– addresses

• 3 subdirectories:– journals, meetings, resources

Navigation Frame

• Left frame contains the chapters – Objectives– Constitution– Membership– Resources– Annual Meeting– Journal– Contact us

What is HTML

• Lay out language

• Works with tags:

• <Html> • <Head> </Head> • <Body> </Body>• </Html>

HTML Head

• <!doctype html public "-//w3c//dtd html 4.0 transitional//en">

• <html>• <head>• <meta http-equiv="Content-Type" content="text/html;

charset=iso-8859-1">• <meta name="Author" content="MARIANNE VAN DER HEIJDEN">• <meta name="GENERATOR" content="Mozilla/4.7 [nl] (Win95;

I) [Netscape]">• <meta name="KeyWords" content="BIBLIOTHEEK,

DOCUMENTATIE, INFORMATIE,DOCUMENTAIRE INFORMATIE VOORZIENING">

• <title>ELISAD navigatie</title>• </head>

HTML logo• <body text="#4040A0" bgcolor="#FFCC99">• <img SRC="eurosml.gif" height=65 width=50>• E • EUROPEAN• ASSOCIATION• L OF• LIBRARIES• I AND• INFORMATION• S SERVICES• ON• A ALCOHOL • AND• D • OTHER DRUGS• <center><img SRC="eecC.gif" BORDER=0 height=50 width=68></center>

Logo in browser mode

HTML body• <h3>• <a href="broch.html#1" TARGET="main"><img SRC="Sorbullet.gif" BORDER=0 height=16

width=16></a><a href="broch.html#1" TARGET="main">Objectives 

• <a href="broch.html" target="main"><img SRC="Sorbullet.gif" BORDER=0 height=12 width=12></a></a><a href="const.html" TARGET="main">Constitution 

• <a href="broch.html" target="main"><img SRC="Sorbullet.gif" BORDER=0 height=12 width=12></a></a><a href="memb.html" TARGET="main">Membership 

• <a href="broch.html" target="main"><img SRC="Sorbullet.gif" BORDER=0 height=12 width=12></a></a><a href="resources.html" TARGET="main">Resources 

• <a href="broch.html" target="main"><img SRC="Sorbullet.gif" BORDER=0 height=12 width=12></a></a><a href="annual.html" TARGET="main">Annual

• Meeting • <a href="broch.html" target="main"><img SRC="Sorbullet.gif" BORDER=0 height=12

width=12></a></a><a href="journal.html" target="main">Journal • <a href="broch.html" target="main"><img SRC="Sorbullet.gif" BORDER=0 height=12

width=12></a></a><a href="address.html" target="main">Contact• Us</a></h3>• • </body>• </html>

Body in browser mode

Main frame

• Right frame contains the “main” texts– introduction– texts that are target = “main”

• Some texts make a new page– most PDF -files– texts that are target = “blank”

Main in browser mode

Main logo in HTML• <body text="#4040A0" bgcolor="#FFCC99" link="#663333" vlink="#666699"

alink="#9999FF"> • <center><table CELLSPACING=3 WIDTH="72%" >• <tr>• <td HEIGHT="217" COLSTART="1"><img SRC="eurosml.gif" height=130 width=100></td>• <td HEIGHT="217" COLSTART="1">• <blockquote> <h1>• E L I S A D</h1>• </blockquote>• </td>• <td ALIGN=CENTER VALIGN=CENTER HEIGHT="217" COLSTART="2">• <h3>• EUROPEAN ASSOCIATION OF LIBRARIES• AND INFORMATION SERVICES ON ALCOHOL AND OTHER DRUGS </h3>• </td>• </tr>• </table></center>

Main text in HTML• <center>• <hr><img SRC="coming.jpg" height=115 width=115><a href="meetings/prague2000/Registra2000.html">Register

• now! </a>: <a href="meetings/prague2000/ann2000.pdf" target="blank">12th• Annual Meeting November 9-11 Prague</a>• <a

href="meetings/prague2000/FinlProg.pdf" target="blank">Final• Programm</a></center>

• <blockquote>The• primary purpose of ELISAD is to enable those working in the field of alcohol• and other drugs and facing common challenges to exchange ideas and experience• and, through networking and interaction with each other, to improve their• knowledge, skills and performances.</blockquote>

• </body>

Hyperlinks

• Internal– from top to lower on the same page with an

anchor target

• Relative– from one page in a site to another with naming

of file

• External– from one site to another site with urls

Internal link

• Mark the place where you want the link to go to (bookmark in Word) with a target

• Type the referral text and make a hyperlink to the marked location

• In the example you can jump from the words in the head row to the text location lower in the text

Relative link

• Link to a nextdoor html-file– from the navigation frame the word

“constitution” links to the file const.html

• Link to another kind of file– from the journal page the text “Issue 1 February

2000” links to a file called Elisad1.pdf

Linking in Composer

External link

• Link to an exernal website– name the URL

<A HREF="http://salis.org">SALIS</a>

• Link to a mailaddress<A HREF="mailto: [email protected]">Anne Singer </A>

Graphics

Graphics in HTML

• <img SRC="eecC.gif" BORDER=0 height=50 width=68>

• <IMG SRC="eurosml.gif" ALT="Map of Europe" BORDER=0 HEIGHT=65 WIDTH=50 ALIGN=ABSCENTER

• <img SRC="Sorbullet.gif" BORDER=0 height=16 width=16>

• <img SRC="coming.jpg" height=115 width=115>

HTML editing

• HTML-editors: DominHTML, HomeSite, Arachnopholia

• Word

• Netscape Composer

• FrontPage ( is a way to work a whole website from one place)

Webdesign

• Layout: – Text: fit for screen reading, homo zappens– Graphics: not to load or to big– Hyperlinks: active

• Programms:– Database: cgi-scripts that are allowed by host– Forms: executable scripts, JavaScripts, ActiveX

Evaluation criteria

• Robert Harris: – www.sccu.edu/faculty/R_Harris/evalu8it.htm– CARS

• The Internet guide to construction of quality online resources– www.ciolek.com/WWWVL-InfoQuality.html

Summary of The CARS Checklist for Research Source Evaluation

• Credibility trustworthy source, author’s credentials, evidence of quality control, known or respected authority, organizational support. Goal: an authoritative source, a source that supplies some good evidence that allows you to trust it.

• Accuracy up to date, factual, detailed, exact, comprehensive, audience and purpose reflect intentions of completeness and accuracy. Goal: a source that is correct today (not yesterday), a source that gives the whole truth.

• Reasonableness fair, balanced, objective, reasoned, no conflict of interest, absence of fallacies or slanted tone. Goal: a source that engages the subject thoughtfully and reasonably, concerned with the truth.

• Support listed sources, contact information, available corroboration, claims supported, documentation supplied. Goal: a source that provides convincing evidence for the claims made, a source you can triangulate (find at least two other sources that support it).

•

Requirements for websites

• content

• actuality

• speed

• structure

• consistency

• communication

• links & internal (back)links

Tips for websites• First page = default = index.html

• Restrict moving graphics (can be irritating)

• Fill in Alternate text for graphics

• Install free plugins like statistics, guestbook, search engine for sitesearching

• Make your tables fit

• Monitorsize varies

• TOTI: put the most significant first

Upload

• After building a website / webpage(s) it has to be publised on line

• Upload programms usr FTP ((File Transfer Protocol)

• Uploaden in Geocities on line by the File Manager

HTML Tutorial

• HTML Into text on CD ROM

• HTML tutorial on:– http://www.weballey.net– http://members/tripod/lycos.nl/arnolap

Elisad Web Team

• If you like to help out please join us by taking responsibility for part of the updating process of the website:– Adress management on the website– Update of Journal– Proceedings– Next meeting announcements– New consitution & other basics

elisad webpages

Documents