Originally published as a Portfolio collection in the Fall of 2010. Its purpose was to showcase a wide variety of work in different formats from approximately 2002 to 2010.
Built in HTML and CSS, the site uses an XML file to present the information for the projects presented. The file is expressed using XSL stylesheets.
Bill Schwab Design Home Page 2010
What is XSL?
XSL is a language for expressing style sheets. An XSL style sheet is, like with CSS, a file that describes how to display an XML document of a given type. XSL shares the functionality and is compatible with CSS2 (although it uses a different syntax). It also adds:
A transformation language for XML documents: XSLT. Originally intended to perform complex styling operations, like the generation of tables of contents and indexes, it is now used as a general purpose XML processing language. XSLT is thus widely used for purposes other than XSL, like generating HTML web pages from XML data.
Advanced styling features, expressed by an XML document type which defines a set of elements called Formatting Objects, and attributes (in part borrowed from CSS2 properties and adding more complex ones.
How Does It Work?
Styling requires a source XML documents, containing the information that the style sheet will display and the style sheet itself which describes how to display a document of a given type.
This Web Site was developed and produced for Complete Property Services LLC. Its purpose was to create a web presence for a new company startup providing pertinent information for prospective clients. The site was archived June 2013 and replaced with a content management system more in line with todays standards.
Complete Property Services Home Page
Site produced by: The Gold Pixel Bit Group
Project Manager: William Schwab
Designer: Nita Jesran
Production Artist and Associate Designer: Wesam Elkot
This site was designed, developed and produced for Catering By Culinaire. The project’s purpose is to create and establish a successful Web presence for a successful catering company in Houston, Texas.
Catering by Culinaire Home Page
The project’s primary goal is too provide information about the company to current and prospective clients
Designed, developed and produced for Chill Safe, the project’s purpose is to create and establish a successful Web presence for a new company startup, specializing in Air Conditioning protection units in Houston, Texas.
Chill Safe Home Page
The project’s primary goal is to provide information about the company to current and prospective clients.
Erock! Design.com was conceived and created over a period of time during 2004 and 2005. The purpose and intent was to create a portfolio presentation showcasing some of my signature projects in graphic design, web design and experiments in motion design.
Built entirely in Flash, I wanted a presentation that was both eye catching and engaging. Many hours of research, study and production were required to get the final piece of work just right.
The site was up live from 2005 through 2010, at erockdesign.com. While I retain control over the domain, it is currently inactive.
With the advent of html5, css3 and design trends moving toward search engine friendly websites, it was time for Erock to retire.
Erock Design Interface
Client: Myself
Owner: William Schwab
Created and Published: 2004 – 2005
Site design and production by William Schwab.
Bill Schwab Design 2010
Originally published as a Portfolio collection in the Fall of 2010. Its purpose was to showcase a wide variety of work in different formats from approximately 2002 to 2010.
Built in HTML and CSS, the site uses an XML file to present the information for the projects presented. The file is expressed using XSL stylesheets.
Bill Schwab Design Home Page 2010
What is XSL?
XSL is a language for expressing style sheets. An XSL style sheet is, like with CSS, a file that describes how to display an XML document of a given type. XSL shares the functionality and is compatible with CSS2 (although it uses a different syntax). It also adds:
A transformation language for XML documents: XSLT. Originally intended to perform complex styling operations, like the generation of tables of contents and indexes, it is now used as a general purpose XML processing language. XSLT is thus widely used for purposes other than XSL, like generating HTML web pages from XML data.
Advanced styling features, expressed by an XML document type which defines a set of elements called Formatting Objects, and attributes (in part borrowed from CSS2 properties and adding more complex ones.
How Does It Work?
Styling requires a source XML documents, containing the information that the style sheet will display and the style sheet itself which describes how to display a document of a given type.
HTML5 – Blueprint of the Future Home Page
This web site presents an overview of HTML 5 and CSS 3. Its purpose is to denote the differences between HTML 4.01 and the new standards, currently in their final draft, for HTML 5. Some of the new supported modules in CSS 3 are employed as well. There are some exciting new standards and enhancements in store for developers and designers as the working w3c document continues to evolve. How we design and code our pages in table-less format is going to change. As soon as the browsers catch up to the additions and enhancements to HTML 5 and CSS 3, a more robust and dynamic set of coding tools will become available to us.
This site is coded using the new tags and structure as defined by w3c standards in HTML 5. Many of its presentational aspects have been defined using some of the new features available in CSS 3. Fallbacks have been included to manage browser specific proprietary code.
At the time of this writing, the site is best viewed in Safari, which has taken the leading edge for HTML 5 and CSS 3 support. Firefox and Chrome also offer good support while not all modules are supported as of yet. Explorer 9 is claiming to be fully compliant when it is released at some point in the near future. A beta version of IE9 is available for download for those that wish to have a look and see. A word of caution though, the download will replace your current version of IE.
It is now safe to say all of the major browsers support HTML 5 and CSS 3. Chrome has taken the lead with a robust tool kit for developers.
First published in December of 2010, the following authoring tools were employed to successfully complete the project.
Home Page – Click the image to view the full site.
The project was created and developed as a class project for Web Authoring. The purpose of the class is to use Dreamweaver CS4 to create a fully functional and dynamic web site.
The scope of the class covers a range of Dreamweaver features from basic site set-up to using and implementing advanced features. In addition to Dreamweaver, Fireworks CS4 is introduced and used as a graphics editor. CSS is explored and used as the primary design formatting tool.
Design comps were conceived and produced in Photoshop. Graphics were produced both in Fireworks and Photoshop, with Photoshop being the primary image editor. The original digital clock was assembled in Flash and programmed using Actionscript 3.
With Flash and Shockwave (SWF) files no longer being supported, a new version has been created with Javascript. The custom wood background was created using Photoshop CS3.
The final product being assembled and programmed in Dreamweaver. I hope you like it. There is a lot of useful information available.
Note: If you are viewing this on an iPhone or iPad, the updated digital clock will display as intended. The above image reflects the original SWF file design. This new version is simple yet functional.
