 |
The current HTML portfolio of (323) 860-8842 dsta@qmug.org http://qmug.org/dsta |
  |
Award. While I have created HTML pages for non-profit community organizations like IGLE (the Institute of Gay & Lesbian Education) and One Institute (& International Gay & Lesbian Archives), the bulk of what I have done has been for QMUG/LA. As a result of that, qmug.org (and therefore I, as its webmaster) received the highest award in the Small User Group Category, Mac or PC, by the User Group Academy in January 2000 at Macworld Expo/SF. Jump to next section -> |
Tables: Site Stats. QMUG/LA, as an organization, has just over 200 members, but its site, in just three years, has had over 12,000 hits to its main page, and 78,000 hits to its entire site. A number of design elements I think contribute to this: simple, clean, fast-loading pages; a consistent graphic Mac menubar at the top of each page followed by text links at the bottom, as well as contact information like e-mail address and phone number. While copyright information appears in each page’s meta tags, it also appears in white at the bottom of each page. Jump to next section ->
Tables: Qalendar. Another use of tables is w/ QMUG/LA’s Qalendar Matrix, two tables listing all the presentation topics and presenters from July ’94 to June ’01. Topics about the OS at the time are noted w/ blue Mac OS faces. For whatever reason, the biggest challenge here was keeping the column widths consistent. Thank goodness for NOWRAP! Jump to next section ->
Tables: Documents. The most complicated nested table I use is on qmug.org’s Documents page. Designed to look like a Mac Finder window in List view, it has a contents-count (24 items), column headers, document icons, names and dates created. Like in a Mac Finder window, you can click on column headers, like Name, and view the list alphabetically, or click the up and down scoll-arrows to go to the next or previous (of two) Documents windows. Columnar cell shading gives visual feedback as to how the listing is sorted. (Missing are the close box, windowshade box, auto-resize/zoom box, and sort-order arrow.) Jump to next section ->
 |
Streaming Audio & Video. I present streaming audio and video, but not from qmug.org’s host server. The first example is QMUG/LA’s interview w/ IMRU (the gay & lesbian radio show). I converted its 40MB AIFF file into a 4MB MP3 file, then into a hinted QuickTime movie, and then uploaded it to Apple’s mac.com servers. (Go there now. ->) A better example is for my Speech Technology presentation, where I again created hinted QuickTime movies and uploaded them to Apple’s mac.com servers, but this time, I linked to those movies directly from my Speech Technology document, and coded the links to open a separate window. I also offered a text transcript for dial-up users who didn’t want to spend five minutes per megabyte to find out what was going on. Jump to next section -> |
Fun. Perhaps the qmug.org document I created that is the most fun is QMUG/LA’s Gay MacJeopardy Tournament, from which an online demo is always available. It uses a blue background (like the TV show) and yellow active links. When you click on a memory module size (i.e., 4MB), you go to that module’s answer, w/ a link to the correct question, which links back to the board, but now the visited links are blue, or practically impossible to see. Since this is HTML, answers can be text, images, sounds, movies, etc., and can be adapted for other instructional or entertainment purposes. Enjoy! Have some fun!
| résumé : bio : cd portfolio : html portfolio : mac portfolio : plain text resume : references This HTML Portfolio current as of Sunday, May 20th, 2001. |