w3medium

 

Web Development - Sample Portfolio

Information Technology Consulting

 
 
Websites sampled in this portfolio have been built using various combinations of the following tools:
 
Front-end Design:
  • DHTML
  • CSS
  • JavaScript/AJAX/jQuery
  • Lightbox 2
  • Dreamweaver
  • XML/XSLT/XPATH
 
Image Processing and Visual Effects:
  • Fireworks
  • Photoshop
 
Server-side Scripting:
  • PHP
  • ASP/VBScript
  • ColdFusion
 
Data Management:
  • MySQL
  • MSSQL
  • MS Access
 
Text Editors:
  • HomeSite
  • Eclipse
  • TextWrangler
  • Note Tab Light
 
 
Details of individual sites are given below. Please follow the links or click the respective thumbnail images.
 
Nadalie USA
Nadalie USA - earlier version
Saint Helena Real Estate
Calistoga Rotary Club
Stanton Vineyards
Wines and Vines
Invisa, Inc.
St. Helena Waves
Craig Hood Paintings and Drawings
Famous Hotels in Geneva - XML
Famous Hotels in Geneva
Embassy Suites Hotel Napa
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Nadalie USA, Calistoga, CA

French Cooperage
 
http://www.nadalie.com
 
  • Original template-driven design and build-out.
  • Hand-coded HTML, CSS, JavaScript/AJAX, PHP.
  • Fireworks; custom graphic elements.
  • Supplementary content creation and management.
  • Fully functional (JavaScript) slideshows.
  • Creation of PDF documents and forms.
  • Domain, hosting administration.
  • E-mail administration via Google Apps.
 

Nadalie USA, Calistoga, CA - earlier version

French Cooperage
 
http://server28.lfchosting.com/nadalie/oldsite/
 
  • Original template-driven design and build-out.
  • Hand-coded using CSS, JavaScript, ASP/VBScript, SQL, Access.
  • Pure CSS-simulated frames.
  • Fireworks; custom graphic elements.
  • Supplementary content creation and management.
  • Order form with context-sensitive drop-down lists; data collection and forwarding.
  • Fully functional (JavaScript) slideshows.
  • Domain, hosting and e-mail administration.
 

Saint Helena Real Estate, Saint Helena, CA

Napa Valley Realtors
 
http://www.w3medium.com/projects/archive/shre
 
  • Redesign and build-out adapted from earlier design.
  • Hand-coded using CSS, JavaScript, ASP, SQL, Access.
  • Access-controlled back-end for uploading images and managing listings.
  • Fireworks; custom graphic elements.
  • Dynamic display of data and images in summary and detail.
  • Domain, hosting and e-mail administration.
 

Calistoga Rotary Club, Calistoga, CA

Rotary International®
 
http://www.calistogarotary.org
 
  • Original design and build-out.
  • Hand-coded using CSS, JavaScript, ColdFusion.
  • E-mail forwarding.
  • Photoshop, Fireworks; original graphic elements.
  • Creation of PDF documents.
  • Domain and hosting administration.
 

Stanton Vineyards, Saint Helena, CA

Napa Valley Winegrowers since 1947
 
http://www.stantonvineyards.com
 
  • Original design and build-out.
  • Hand-coded using CSS, JavaScript, PHP, MySQL.
  • Data collection, order processing and e-mail forwarding.
  • Administrative interface for mailing list management.
  • Photoshop, Fireworks; original graphic elements.
  • Promotional e-mail marketing campaigns.
  • Creation and management of content.
  • Creation of PDF documents and forms.
  • Domain and hosting administration.
 

Wines and Vines, San Rafael, CA

The Voice of the Wine Industry
 
http://www.winesandvines.com
 
  • Hand-coded using CSS, JavaScript/AJAX, Coldfusion, MSSQL, HomeSite, Eclipse.
  • Fireworks; design motifs and layout rendered in exact accordance with template provided by company, then adapted to functional requirements.
  • Template-driven, multi-column layout.
  • Dynamically displayed editorial content from MS SQL Server database, daily and monthly.
  • Content managed by Editorial department using pre-existing custom CMS based on CKeditor.
  • Posting of user comments, screened by Editorial via email and back-end interface; a moderated blog
  • Conversion of editorial content for e-mail forwarding and printing.
  • Site search using Google Mini box.
  • Controlled access to premium content.
  • Subscription management (pre-exiting shopping cart implementation via Thawte).
  • Searchable on-line winery directory and phonebook with multi-tiered subscriber access priviledges.
  • Winery locator using Google Maps API and geocoder.
  • Redisplay of most recently retrieved data from directory using session variables.
  • Use of the XMLHttpRequest object (AJAX).
  • Use of ColdFusion client variables to maintain login status.
 

Invisa, Inc., Sarasota, FL

Presence-sensing Technology
 
http://www.w3medium.com/projects/archive/invisa
 
  • Original design and build-out.
  • Hand-coded using CSS, JavaScript, ASP/VBScript, SQL, Access.
  • W3C-validated code.
  • Template-driven layout.
  • Data collection and e-mail forwarding.
  • Access-controlled administrative back end for database management.
  • Fireworks; Original graphic elements.
  • Dynamic display of user-managed data.
  • Streaming video.
  • Internal search engine.
  • Domain, hosting and e-mail administration.
 

St. Helena Waves

 
http://www.sthelenawaves.org
 
  • Original design and build-out.
  • Hand-coded using CSS, JavaScript/Ajax/jQuery, PHP, MySQL, Fireworks.
  • Access-controlled back-end for communicating and registering swimmer information.
  • Dynamically generated ccontent.
  • Fireworks; original graphic elements.
  • Calendar driven by Google
  • Domain and hosting administration.
 

Craig Hood, Portsmouth, NH

Paintings and Drawings
 
http://www.craighoodpaintings.com
 
  • Original design and build-out.
  • Hand-coded using CSS, JavaScript, PHP, MySQL.
  • Access-controlled back-end for uploading images and managing listings.
  • Dynamically generated ccontent.
  • Fireworks; original graphic elements.
  • Use of the XMLHttpRequest object (AJAX).
  • Implementation of Lightbox 2 to display enlarged images.
  • Domain and hosting administration.
 

Famous Hotels in Geneva - XML

Experimental website demonstrating use of XML, XSLT/Xpath, CSS, ASP/VBScript and SQL
 
http://www.w3medium.com/projects/archive/
geneva_xml/hotels.asp
 
Herein is a demonstration of complementary use of XML, XSLT/Xpath, CSS, ASP/VBScript and SQL. Data maintained on a remote server provides the basis for styled output of information. Details and descriptive text are maintained in a data table. Every time the Hotels menu item is selected, a new XML file containing all existing records is generated automatically; whereupon a server-side XSL tranformation is triggered, in turn transforming the newly generated XML into a styled XHTML page to the client on-the-fly. Relevant code cay be reviewed under Source Files.
 

Famous Hotels in Geneva - Dreamweaver

A Swiss Tradition of Fine Hospitality - experimental website
 
http://www.w3medium.com/projects/archive/geneva
 
Developed as a learning exercise with visual effects, behaviors, and dynamic processing combined in descriptions of hotels and a partial mock-up of a hotel reservation system. In addition to hand-coding, a combination of web development tools and techniques are used, including Dreamweaver 4.0 and Fireworks 4.0. Also present are Javascript, most of it generated from Dreamweaver and Fireworks, and VB Script for server-side processing via active server pages (ASP).

Among the client-side techniques used are frames, image slicing, forms, multiple rollovers, style sheets and libraries. Server-side functionality includes connecting with a database on the host, capturing and validaing user input from forms, dynamically generating output based on that input, working with session variables, and manipulating data via SQL statements.
 

Embassy Suites Hotel, Napa, CA

Internet Marketing
 
http://www.w3medium.com/projects/archive/
embassysuites_napa/shooting
 
Sample of a "free-form" e-mail campaign template for use with Vertical Response.
 
PO Box 632, Saint Helena, CA 94574 USA
 
© 2002 - 2024 w3medium