90 likes | 181 Views
Who-do, How-to WhooHoo Webpages. Mark Duller Caroline Bampfylde Kym Schreiner. Presentation for LRG Meeting - January 26, 2005. Overview. How to build a webpage, html basics Which software to use What to include (or not!) Who knows? (Group discussion). Starting Off.
E N D
Who-do, How-to WhooHoo Webpages Mark Duller Caroline Bampfylde Kym Schreiner Presentation for LRG Meeting - January 26, 2005
Overview • How to build a webpage, html basics • Which software to use • What to include (or not!) • Who knows? (Group discussion)
Starting Off • how to setup a mathbio webpage, file permissions • basic html • adding passwords • http://www.math.ualberta.ca/~mduller
Web-builders Text editors – must know html Dreamweaver - sophisticated Frontpage – easy but adds extra html Mozilla – for UNIX and Windows users Others (LaTeX, Excel/Word, etc)
Top 5 Tips for Web • 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. From Authors’ discussions and excerpts of: http://www.stanford.edu/~cquinn/papers/donts.html
Top 5 Tips (cont’d) • Make it legit (WebEthics) • 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
Top 5 Tips (still cont’d) • 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
Top 5 Tips (still, still cont’d) • 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.
Top 5 Web Tips (end!) • Othertips? (group discussion, will be summarized and posted on web).