Elisad Webpages

1
Elisad Webpages

• Marianne van der Heijden
• november 2000

2
Webaddresses

• http//www.geocities.com/aodlib
• www.geocities.com/hotsprings/villa8980
• Geocities is a free host
• Webvertisements interfer with webpages
• Everyone can have access

3
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

4
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?)

5
(No Transcript)
6
(No Transcript)
7
Elisad Web folder

• In root directory the basic files
• index, navigatie, main
• constitution, brochure, membership
• addresses
• 3 subdirectories
• journals, meetings, resources

8
Navigation Frame

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

9
What is HTML

• Lay out language
• Works with tags
• ltHtmlgt
• ltHeadgt lt/Headgt
• ltBodygt lt/Bodygt
• lt/Htmlgt

10
HTML Head

• lt!doctype html public "-//w3c//dtd html 4.0
  transitional//en"gt
• lthtmlgt
• ltheadgt
• ltmeta http-equiv"Content-Type"
  content"text/html charsetiso-8859-1"gt
• ltmeta name"Author" content"MARIANNE VAN DER
  HEIJDEN"gt
• ltmeta name"GENERATOR" content"Mozilla/4.7
  nl (Win95 I) Netscape"gt
• ltmeta name"KeyWords" content"BIBLIOTHEEK,
  DOCUMENTATIE, INFORMATIE,DOCUMENTAIRE INFORMATIE
  VOORZIENING"gt
• lttitlegtELISAD navigatielt/titlegt
• lt/headgt

11
HTML logo

• ltbody text"4040A0" bgcolor"FFCC99"gt
• ltimg SRC"eurosml.gif" height65 width50gt
• ltbrgtEnbspnbspltfont face"Arial, Helvetica,
  sans-serif"gtltfont size-2gt
• EUROPEANlt/fontgtlt/fontgt
• ltbrgtltfont size-2gtnbspnbspnbspnbspnbsp
  ltfont face"Arial, Helvetica, sans-serif"gtASSOCIAT
  IONlt/fontgtlt/fontgt
• ltbrgtLnbsp ltfont face"Arial, Helvetica,
  sans-serif"gtltfont size-2gtOF
• LIBRARIESlt/fontgtlt/fontgt
• ltbrgtInbspnbspltfont size-2gtnbsp ltfont
  face"Arial, Helvetica, sans-serif"gtAND
• INFORMATIONlt/fontgtlt/fontgt
• ltbrgtSltfont size-2gtnbspnbsp ltfont
  face"Arial, Helvetica, sans-serif"gtSERVICES
• ONlt/fontgtlt/fontgt
• ltbrgtAltfont size-2gtnbspnbsp ltfont
  face"Arial, Helvetica, sans-serif"gtALCOHOLnbsp
• ANDlt/fontgtlt/fontgt
• ltbrgtDltfont size-2gtnbspnbspltfont face"Arial,
  Helvetica, sans-serif"gt
• OTHER DRUGSlt/fontgtlt/fontgt
• ltcentergtltimg SRC"eecC.gif" BORDER0 height50
  width68gtlt/centergt

12
Logo in browser mode
13
HTML body

• lth3gt
• lta href"broch.html1" TARGET"main"gtltimg
  SRC"Sorbullet.gif" BORDER0 height16
  width16gtlt/agtltfont face"Arial,Helvetica"gtltfont
  size-1gtlta href"broch.html1" TARGET"main"gtObjec
  tivesltbrgt
• lta href"broch.html" target"main"gtltimg
  SRC"Sorbullet.gif" BORDER0 height12
  width12gtlt/agtlt/agtlta href"const.html"
  TARGET"main"gtConstitutionltbrgt
• lta href"broch.html" target"main"gtltimg
  SRC"Sorbullet.gif" BORDER0 height12
  width12gtlt/agtlt/agtlta href"memb.html"
  TARGET"main"gtMembershipltbrgt
• lta href"broch.html" target"main"gtltimg
  SRC"Sorbullet.gif" BORDER0 height12
  width12gtlt/agtlt/agtlta href"resources.html"
  TARGET"main"gtResourcesltbrgt
• lta href"broch.html" target"main"gtltimg
  SRC"Sorbullet.gif" BORDER0 height12
  width12gtlt/agtlt/agtlta href"annual.html"
  TARGET"main"gtAnnual
• Meetingltbrgt
• lta href"broch.html" target"main"gtltimg
  SRC"Sorbullet.gif" BORDER0 height12
  width12gtlt/agtlt/agtltbgtlta href"journal.html"
  target"main"gtJournalltbrgt
• lta href"broch.html" target"main"gtltimg
  SRC"Sorbullet.gif" BORDER0 height12
  width12gtlt/agtlt/agtlta href"address.html"
  target"main"gtContact
• Uslt/agtlt/bgtlt/fontgtlt/fontgtlt/h3gt
• nbsp
• lt/bodygt
• lt/htmlgt

14
Body in browser mode
15
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

16
Main in browser mode
17
Main logo in HTML

• ltbody text"4040A0" bgcolor"FFCC99"
  link"663333" vlink"666699" alink"9999FF"gt
  nbsp
• ltcentergtlttable CELLSPACING3 WIDTH"72" gt
• lttrgt
• lttd HEIGHT"217" COLSTART"1"gtltimg
  SRC"eurosml.gif" height130 width100gtlt/tdgt
• lttd HEIGHT"217" COLSTART"1"gt
• ltblockquotegt lth1gt
• ltbgtE L I S A Dlt/bgtlt/h1gt
• lt/blockquotegt
• lt/tdgt
• lttd ALIGNCENTER VALIGNCENTER HEIGHT"217"
  COLSTART"2"gt
• lth3gt
• ltfont face"Arial, Helvetica, sans-serif"gtEUROPEAN
  ASSOCIATION OF LIBRARIES
• AND INFORMATION SERVICES ON ALCOHOL AND OTHER
  DRUGSnbsplt/fontgtlt/h3gt
• lt/tdgt
• lt/trgt
• lt/tablegtlt/centergt

18
Main text in HTML

• ltcentergt
• lthrgtltimg SRC"coming.jpg" height115
  width115gtltbgtltfont face"Arial, Helvetica,
  sans-serif"gtltfont color"FF3333"gtlta
  href"meetings/prague2000/Registra2000.html"gtRegis
  ter
• now! lt/agt lt/fontgtlta href"meetings/prague2000/ann
  2000.pdf" target"blank"gt12th
• Annual Meeting November 9-11 Praguelt/agtlt/fontgtlt/bgt
  
• ltbrgtltbgtltfont face"Arial, Helvetica,
  sans-serif"gtlta href"meetings/prague2000/FinlProg.
  pdf" target"blank"gtFinal
• Programmlt/agtlt/fontgtlt/bgtlt/centergt
• ltblockquotegtltfont face"Arial, Helvetica,
  sans-serif"gtltfont color"333333"gtThe
• 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.lt/fontgtlt/fontgtlt
  /blockquotegt
• lt/bodygt

19
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

20
(No Transcript)
21
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

22
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

23
Linking in Composer
24
External link

• Link to an exernal website
• name the URL
• ltA HREF"http//salis.org"gtSALISlt/agt
• Link to a mailaddress
• ltA HREF"mailto asinger_at_club-internet.fr"gtAnne
  Singer lt/Agt

25
Graphics
26
Graphics in HTML

• ltimg SRC"eecC.gif" BORDER0 height50 width68gt
• ltIMG SRC"eurosml.gif" ALT"Map of Europe"
  BORDER0 HEIGHT65 WIDTH50 ALIGNABSCENTER
• ltimg SRC"Sorbullet.gif" BORDER0 height16
  width16gt
• ltimg SRC"coming.jpg" height115 width115gt

27
HTML editing

• HTML-editors DominHTML, HomeSite, Arachnopholia
• Word
• Netscape Composer
• FrontPage ( is a way to work a whole website from
  one place)

28
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

29
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

30
Summary of The CARS Checklist for Research Source
Evaluation

• Credibility trustworthy source, authors
  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). 
•  

31
(No Transcript)
32
Requirements for websites

• content
• actuality
• speed
• structure
• consistency
• communication
• links internal (back)links

33
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

34
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

35
HTML Tutorial

• HTML Into text on CD ROM
• HTML tutorial on
• http//www.weballey.net
• http//members/tripod/lycos.nl/arnolap

36
(No Transcript)
37
(No Transcript)
38
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