1. Who-do, How-to WhooHoo Webpages Mark Duller Caroline Bampfylde Kym Schreiner Presentation for LRG Meeting - January 26, 2005

2. Jan 26, 20052 Overview How to build a webpage, html basics Which software to use What to include (or not!) Who knows? (Group discussion)

3. Jan 26, 20053  how to setup a mathbio webpage, file permissions  basic html  adding passwords  http://www.math.ualberta.ca/~mduller Starting Off

4. Jan 26, 20054 Text editors – must know html Dreamweaver - sophisticated Frontpage – easy but adds extra html Mozilla – for UNIX and Windows users Others (LaTeX, Excel/Word, etc) Web-builders

5. Jan 26, 20055 From Authors’ discussions and excerpts of: http://www.stanford.edu/~cquinn/papers/donts.html Top 5 Tips for Web 1.Make it functional  Design towards your web’s purpose: Teach? Entertain? Advertise? Attract Employers?  Test, test test - on other platforms and browsers, all links, navigations tools, etc. Check periodically.  Add useful tools: timestamp, contact info, java e- mail, links/graphics to association(s).  For “outside” links, open new browser page.  Add meaningful descriptions to “Titles” & graphics’ alternative text for “favorites” list, and for visually- impaired viewers.

6. Jan 26, 20056 Top 5 Tips (cont’d) 2.Make it legit (Web Ethics)  Reference all ideas/content; link to original sources.  Get permission to copy graphics, javascript, programs. Reference all sources in code and/or webpage  If graphic can be copied – copy to OWN website, don’t make user open another site to view graphic

7. Jan 26, 20057 Top 5 Tips (still cont’d) 3.Make it short and “perty”! Web is a Visual tool  include graphics (*see web ethics), <50kb  consider colours and ease of viewing (red/green, busy backgrounds, mood, etc.)  keep white space, don’t crowd images  fit text to screen-size bits, or setup navigations tools in longer documents: be concise.  have link to printer version

8. Jan 26, 20058 Top 5 Tips (still, still cont’d) 4.Other Tips  Webpage is ALWAYS a work in progress, set time limits to work on web …  Add links to items not to words like “click here”.  No (unintentional) surprises e.g. a button that doesn’t work like a button; “hidden” information on LRG photo panel  Note file size beside download links.

9. Jan 26, 20059 Top 5 Web Tips (end!) 5.Other tips ? (group discussion, will be summarized and posted on web).