Skip to main content.

Links

Products Page

[productspage]

Verify your Order

[shoppingcart]

Transaction Results

[transactionresults]

Your Account

[userlog]

WordPress Refs

CSS Links

CSS Reference
Hacks
Tables
DOCTYPE
Lookup Tables
Color Pickers
Layout Techniques
Code Generators
Prefab Code
Prefab Code - Appearance Tricks
Stu Nichols, God of Demos
Killer Tips
Tutorials
Print Stylesheets
Diagnostic Tools
Discussion Groups
Misc Grace Notes
Evangelism
Great Tools
Classes

Resume

M. Douglas Wray

2339 Bowen Street
Longmont, CO 80501
303.684.9820
macguiguru@spamcop.net

Get LinkedIn!

Education

Associate of Arts in Electron Microscopy,
San Joaquin Delta College, Stockton, CA

Adobe FrameMaker Certified Training Program
Adobe Photoshop Certified Training
Adobe Illustrator Certified Training
Adobe PageMaker Certified Training
InfoGrafix Training Center, Longmont, CO

Tools

Adobe FrameMaker, QuarkXPress, Adobe PageMaker, Adobe In-Design, Adobe Illustrator, Adobe Dimensions, Adobe Photoshop, Adobe ImageReady, Adobe GoLive, Adobe Acrobat (Distiller, Exchange, Reader), Visio, Microsoft Office (Word, Excel, Powerpoint), Microsoft Visual Studio, Microsoft Access, Claris FileMaker Pro, Roxio Toast, BBEdit. Apple Macintosh OS 6.0 through 10.3.9 and Microsoft Windows 3.1, 95, 98, NT, 2000, 2000 Pro and 2003 Server.

3+ years hands-on use of Interwoven TeamSite as Editor/Author.
3+ years hands-on use of Microsoft Content Management Server. Created page templates and managed channel structures.

Languages

HTML, CSS, ASP, JavaScript

Background

Twenty years hands-on use of Apple Macintosh and IBM-PC computers. Hardware and operating system support including hardware replacement and upgrades. Diagnosis of software and hardware issues including virus detection and removal. Extensive layout, graphics design, imaging, website construction and maintenance. Work included creating graphics for use in traditional four-color printing, screen printing, and digital printing. Conversion of print media to web site content and client training for ongoing maintenance. Software training in classroom and one-on-one settings for a wide range of clients from graphic designers to engineers. Currently employed as a web developer/designer and computer consultant. Current focus: CSS page design.

Experience

Web Developer Jun 1999 Oct 2005 Storage Technology Corporation / EDS
Develop and deploy content using content-management software packages (TeamSite, Microsoft Content Management Server). Edit code to conform to standards using Microsoft Visual Studio as well as other text editors including BBEdit. Create and modify web graphics using Photoshop and ImageReady. Work directly with artist to develop design guidelines and information architect to produce structured, maintainable websites. Provided HTML training for staff. Develop, test and deploy online forms employing ASP and JavaScript. Design and create entire websites from concept to web deployment. Serve on multi-discipline teams as technical resource for HTML, CSS, JavaScript and best-practices expert for web design.

Desktop Publisher Oct 1996 Mar 1999 NC Systems, Inc.
Responsible for creation and editing of all corporate print media, including NRC licensing forms/documentation and radioisotope training course books. Worked with sales manager to generate equipment quotations. Created advertisements for publication and general mailing. Created posters and visuals for trade shows, coordinating with outside vendors as needed. Constructed and maintained client, prospect and student databases using FileMaker Pro.

Built in-house 10-baseT network and configured software for access control and backup. Maintained software inventory and installed new software as required, including operating system upgrades. Diagnosed hardware and software issues and developed protocols and user documentation. Tested new computer systems and made recommendations to purchasing staff. Backed up reception staff by handling overflow of incoming telephone calls. Designed and created corporate website, converted print media to website content and handled all incoming and outgoing e-mail and file transfers. Worked with clients to create logos for business use and exterior signage.

Prepress Specialist Jan 1995 Jul 1997 InfoGrafix contractor - IBM
Created and modified vector/bitmap graphics for installation and user documentation. Prototyped and verified assembly procedures. Created and revised documents in FrameMaker, QuarkXPress, and PageMaker. Performed preflight on documents targeted for digital press using Adobe Acrobat. Created PDF files from mixed sources and generated linked table of contents. Provided expertise to corporate staff using Photoshop, Illustrator, and PageMaker. Created and edited graphics for use in corporate website. Photographed hardware components and procedures using traditional film, digital and video cameras. Scanned and edited a wide range of source materials including photos, blueprints, print defect samples and printed circuit layouts.

InfoGrafixTrainer Designed and conducted evening classes for 18 students in a hands-on environment using both Apple Macintosh and IBM-PC computers. Classes included basic software proficiency, technique mastery and Adobe Classroom in a Book courses. Software packages included: Photoshop, Illustrator, QuarkXPress, PageMaker, Mac OS use. Strong emphasis on professional demeanor and diplomacy with management-level trainees. Constructed corporate website to advertise training offerings.

Prepress Operator Jul 1992 Nov 1994 D&K Printing/The Dot Ranch
4-color offset production and preflight using Apple Macintosh desktop publishing systems. Scanned reflective and transparency materials using flatbed and Hell-Linotronic drum scanners. Used Photoshop to color correct, retouch and composite images. Assembled large projects from a wide range of client-supplied materials. Answered questions, suggested techniques and provided technical support for clients. Reconfigured hardware and software as needed and managed OS updates while maintaining workflow productivity. Acted as crisis manager during night shift and diagnosed network issues. Conducted tape backups and retrieved archived files as needed. Installed and operated bulletin-board system to receive client files.

Professional References

Personal References

Home

Welcome to MacWebGuru

This is the personal website of M. Douglas Wray
Thank you for visiting!

‘For My Father’ - tribute to George P. Wray

I am a freelance web developer specializing in websites built using CSS (Cascading StyleSheets) and WordPress.

I also offer on-site training in a number of software packages as well as general web troubleshooting and on-site Apple Macintosh training and support.

My friends and students dubbed me ‘The Guru’
and it amuses me endlessly -
so much so that I created this graphic:

mdw_guru_1.jpg
I try to have a good sense of humor about life and myself… it helps.

About

M. Douglas Wray - Mac Web GuruContrary to some reports, I am not a ’self-proclaimed’ guru. Friends, co-workers and students dubbed me with this title, which amuses me to an enormous degree - so, of course, I’m working it like a day job.

It is no small thing to have the title ‘guru’ conferred upon oneself. I have not taken this title - many have come to me for assistance and it is they who bestowed this great honor.

When I was first referred to as ‘a guru’ I felt it incumbent upon me to know what this title actually meant. In it’s original usage, it referred to spiritual teachers, which I do not profess to be. Etymologically, the term Guru means one who gives light by eradicating the darkness of ignorance. According to philosophical Hindu texts, Guru means dispeller (gu) of darkness (ru). I prefer that definition.

I’ve done a fair bit of teaching and discovered that it is one of the most difficult things to do, requiring great patience and compassion. I have come to understand that a student learns for themself, not me. My duty to the student is not to make them measure up to some standard of my devising, but rather to help dispell the shadows in their own knowledge. Together we journey into the darkness of the unknown and often the student teaches the teacher. That has been a tremendous gift to me and I thank all my students for what they’ve taught me.

My Fieldset
  1. (required)
  2. (valid email required)
 

cforms contact form by delicious:days

Contact

M. Douglas Wray
2339 Bowen Street
Longmont, CO 80501

macguiguru@spamcop.net
All unfiltered spam is immediately reported.
Don’t even try it spamhead.

Map

Clients

Friends

Software

My Toolset

The tools I use daily or recommend strongly for web workers on Macs

Interarchy for FTP - $59.95

CyberDuck for FTP - free (Donationware)

BBEdit for text editing - $125 (Educational $49)
or TextWrangler - free

Voodoopad - incredible text editor/database/info organizer - $29.95

XScope - superb onscreen measurement tools - $16.95

QuickPicker - picks colors off the screen as hex values - free

CleanArchiver - Makes .ZIP files without Mac hidden files

NetNewsWire - $29.95 - best damn RSS reader for the Mac. Period.

NetNewsWireLite - baby bro to the NetNewsWire, doesn’t do everything, but free

PC Tools

Irfanview - great, simple image editor

Useful Links

General
Web & Coding
Mapping & Weather
Politics
Photos
Esoterica
Graphic Tools

Sitemap

Page 1 of 10 : Next Page

Posts

Page 1 of 10 : Next Page

Plugin by dagondesign.com

Free CSS Templates

These templates may be used for any purpose whatsoever without credit or attribution - although I’d love a mention if you feel such is deserved. I offer them as learning tools to any webmaster attempting to learn CSS. NOTE: some of these templates require server-side includes to function properly. If you don’t know what those are, go here for more information. Your host may or may not support SSIs. Also, these templates will not work ‘local’ unless you have your editor set up to resolve the SSIs. You can simply replace the include statements with the referenced file’s contents, but it defeats the purpose and reduces the maintainability. I h3ly encourage you to learn what Server-Side Includes are (not to mention the other Server-Side Directives) and how they can improve the overall ease-of-maintenance of your sites. And now, the Templates!

Template 1 - Tabbed Top Navigation with automatic highlighting

This is my first attempt at templating a CSS-structured site that automatically indicates the user’s location by changing the appearance of the top and left tabs. The highlighting is driven by JavaScript that checks for the presence of keywords in the document title. A little study of the script calls vs the document You’ll note this template proudly bears the W3C flags for Valid CSS and Valid HTML. These flags are true for the template only as delivered - you should revalidate your site pages to ensure compliance with standard.
Zip File For This Template | Live Demo

Template 2 - Compact Tab Nav - Auto Highlighting

A full-screen fluid design. Very simple to use.
Zip File For This Template | Live Demo

Template 3 - Fixed-Width Floats Top Center 1 & 2 Column

Right Nav is optional. Banner has space for text or art logo in center and image on right. Placeholder graphics in position.
Zip File For This Template | Live Demo

Template 4 - Complex Dynamic Design

All page elements adjust on window resize. Center body changes size, rightnav stays flush right, tabbed bullet lists adjust to fill space. Rightnav question marks are bullets and will insert automatically - other image can be substituted.
Zip File For This Template | Live Demo

Template 5 - Simple Photo Gallery

All pages except home share nav elements. Basic framework for site is built out, user simply replaces/adds files to customize. Note - pathing will need correcting for local directories.
Zip File For This Template | Live Demo

Template 6 - 3 and 2 column layout with fly-out menus

All pages except home share nav elements. Single page template. Note - pathing will need correcting for local directories.
Zip File For This Template | Live Demo

Template 7 - 3 column centered layout with brushed-metal buttons

All pages share nav elements. Separated into include files, ready to customize - or use as-is. Note - pathing will need correcting for local directories.
Zip File For This Template | Live Demo

Template 8 - 3 column centered layout with brushed-metal overall look

All pages share nav elements. Separated into include files, ready to customize - or use as-is. Note - pathing will need correcting for local directories.
Zip File For This Template | Live Demo

Template 9 - 3 column centered layout - Minimalist/Boxy

All pages share nav elements. Separated into include files, ready to customize - or use as-is. Note - pathing will need correcting for local directories.
Zip File For This Template | Live Demo

Template 10 - 3 column full-width layout - tabbed navigation

template10_screen.jpg

All pages share nav elements. Separated into include files, ready to customize - or use as-is. Note - pathing will need correcting for local directories.
Zip File For This Template | Live Demo

Template 11 - multicolumn fixed-width layout - button navigation

template11_screen.jpg

Very straightforward - no text-as-graphics, basic left/right nav as lists.
Zip File For This Template | Live Demo

Template 12 - multicolumn fixed-width layout - round corners

template12_screen.jpg

Everyone seems to be crazy for rounded corners. Here ya go!
Zip File For This Template | Live Demo

Template 13 - Simple with fly-out side menus

Template 13

Everyone seems to be crazy for rounded corners. Here ya go!
Zip File For This Template | Live Demo