In these set of Video Tutorials we go over how to convert a design into and XHTML and CSS website. These videos introduce what is known as the “wire-frame” of the website or the layout and logical blocks such as header, navigation, sidebars, and footer.

Video 1. Logical web design deconstruction.

Get the Flash Player to see this content.

Video 2. Slicing the blocks using Photoshop.

Get the Flash Player to see this content.

Video 3. Adding the XHTML / CSS to Wireframe.

Get the Flash Player to see this content.

Video 4. Finishing touches to Wireframe.

Get the Flash Player to see this content.