1 / 38

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.

oralee
Download Presentation

Elisad Webpages

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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. Elisad Web folder • In root directory the basic files: • index, navigatie, main • constitution, brochure, membership • addresses • 3 subdirectories: • journals, meetings, resources

  6. Navigation Frame • Left frame contains the chapters • Objectives • Constitution • Membership • Resources • Annual Meeting • Journal • Contact us

  7. What is HTML • Lay out language • Works with tags: • <Html> • <Head> </Head> • <Body> </Body> • </Html>

  8. 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>

  9. HTML logo • <body text="#4040A0" bgcolor="#FFCC99"> • <img SRC="eurosml.gif" height=65 width=50> • <br>E&nbsp;&nbsp;<font face="Arial, Helvetica, sans-serif"><font size=-2> • EUROPEAN</font></font> • <br><font size=-2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <font face="Arial, Helvetica, sans-serif">ASSOCIATION</font></font> • <br>L&nbsp; <font face="Arial, Helvetica, sans-serif"><font size=-2>OF • LIBRARIES</font></font> • <br>I&nbsp;&nbsp;<font size=-2>&nbsp; <font face="Arial, Helvetica, sans-serif">AND • INFORMATION</font></font> • <br>S<font size=-2>&nbsp;&nbsp; <font face="Arial, Helvetica, sans-serif">SERVICES • ON</font></font> • <br>A<font size=-2>&nbsp;&nbsp; <font face="Arial, Helvetica, sans-serif">ALCOHOL&nbsp; • AND</font></font> • <br>D<font size=-2>&nbsp;&nbsp;<font face="Arial, Helvetica, sans-serif"> • OTHER DRUGS</font></font> • <center><img SRC="eecC.gif" BORDER=0 height=50 width=68></center>

  10. Logo in browser mode

  11. HTML body • <h3> • <a href="broch.html#1" TARGET="main"><img SRC="Sorbullet.gif" BORDER=0 height=16 width=16></a><font face="Arial,Helvetica"><font size=-1><a href="broch.html#1" TARGET="main">Objectives<br> • <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<br> • <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<br> • <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<br> • <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<br> • <a href="broch.html" target="main"><img SRC="Sorbullet.gif" BORDER=0 height=12 width=12></a></a><b><a href="journal.html" target="main">Journal<br> • <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></b></font></font></h3> • &nbsp; • </body> • </html>

  12. Body in browser mode

  13. 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”

  14. Main in browser mode

  15. Main logo in HTML • <body text="#4040A0" bgcolor="#FFCC99" link="#663333" vlink="#666699" alink="#9999FF"> &nbsp; • <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> • <b>E L I S A D</b></h1> • </blockquote> • </td> • <td ALIGN=CENTER VALIGN=CENTER HEIGHT="217" COLSTART="2"> • <h3> • <font face="Arial, Helvetica, sans-serif">EUROPEAN ASSOCIATION OF LIBRARIES • AND INFORMATION SERVICES ON ALCOHOL AND OTHER DRUGS&nbsp;</font></h3> • </td> • </tr> • </table></center>

  16. Main text in HTML • <center> • <hr><img SRC="coming.jpg" height=115 width=115><b><font face="Arial, Helvetica, sans-serif"><font color="#FF3333"><a href="meetings/prague2000/Registra2000.html">Register • now! </a>: </font><a href="meetings/prague2000/ann2000.pdf" target="blank">12th • Annual Meeting November 9-11 Prague</a></font></b> • <br><b><font face="Arial, Helvetica, sans-serif"><a href="meetings/prague2000/FinlProg.pdf" target="blank">Final • Programm</a></font></b></center> • <blockquote><font face="Arial, Helvetica, sans-serif"><font color="#333333">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.</font></font></blockquote> • </body>

  17. 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

  18. 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

  19. 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

  20. Linking in Composer

  21. External link • Link to an exernal website • name the URL <A HREF="http://salis.org">SALIS</a> • Link to a mailaddress <A HREF="mailto: asinger@club-internet.fr">Anne Singer </A>

  22. Graphics

  23. 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>

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

  25. 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

  26. 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

  27. 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). 

  28. Requirements for websites • content • actuality • speed • structure • consistency • communication • links & internal (back)links

  29. 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

  30. 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

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

  32. 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

More Related