HTML Tutorials

A great looking portfolio site is crucial for any designer to instantly present their work to potential clients or employers. A simple, single page site can do this effectively by displaying three key features of large header with short introduction, examples of your work and methods of contact all in one, extremely browsable page. Let’s take a look at producing a single page portfolio concept in Photoshop, constructing the page in XHTML/CSS and adding some fancy functionality with jQuery.

This is the newest HTML tutorial on the web. It was designed in an easy step by step format. Built into the tutorial is an HTML editor to try things as you learn.

Part #2 of the PSD to WORDPRESS tutorial, in this tutorial learn how to convert the PSD to CSS ready for wordpress

A great screencast that teaches you how to touch up a website in Photoshop and complete semantically correct HTML markup.

Tutorial on basic HTML scripting. Could also be used as a reference base.

Our latest posts have mostly been about design, so today we’re going full on code monkey with a cool CSS3 technique: Vignettes! The technique involves a few divs, a bit of simple CSS, and a whole lot of fun.

Sometimes it seems there are as many CMS products out there as there are web developers. In this tutorial we’re going to build a simple one-page site and then in less than 5 minutes, get it setup with a Twitter feed for daily updates and with CushyCMS for general content. If you haven’t seen it, Cushy is a completely free and extremely simple to use product that’s come on the market recently.

In this video series you will see a website created from beginning to end. We will create a simple professional four page website for a fictional company called "Coyote Landscaping". The design will be a one column layout with a top navigation bar.

This is a beginners guide and does not go into great depths regarding styling webpages using CSS (Cascading Style Sheets). Tutorials on CSS usage will becovered in the future in another tutorial section. This tutorial concentrates on the Basic Structures of XHTML documents a.k.a. web pages.

In this weeks episode of the Creatively Using the Creative Suite Podcast, we finish off the website creation with the second part of the series, the coding. We take the design from graphics in Photoshop to completed coded site in Dreamweaver during the show’s one hour length!