Category Archives: HTML/CSS

HTML5 Code for 1, 2 and 3 Column CSS Layouts

Strategize your plan for the layout Below is the HTML5 and CSS “starter” code for each of the major column layouts. Normally your design will fall into one of these 3 main structures: 1, 2, or 3 column layout. From there your design may get

Embedding font using Cufón

Cufón Cufón aims to become a worthy alternative to sIFR, (sIFR, or Scalable Inman Flash Replacement, is a technology that allows you to replace text elements on screen with Flash equivalents), which despite its merits still remains painfully tricky to set up and use. To

Dreamweaver: Inserting Tables

Tables Tables allow you to control the relative positioning of elements on a page by creating a series of connected cells. These cells contain text and have a specific or relative size specified.

Intro to HTML5

Most of the web standards curriculum is based on the last stable version of HTML — HTML 4.01. The HTML 4.01 spec was completed in 1999, over 10 years ago as of the time of this writing! But unless you’ve been hiding under a rock

Why Learn HTML?

Why learn HTML? Given that tools such as Dreamweaver exist, and allow you to create web pages without knowing HTML, you might ask “why learn HTML?” There are several reasons:

Creating a Contact Form

Creating a Contact Form Creating a simple contact form can be easy once you know the steps involved in creating one. Below is a how-to on creating the HTML/CSS for a contact form. Making the form active will require a script and is beyond the

Code for 1, 2, and 3 CSS Column Layouts

Strategize your plan for the layout Below is the HTML and CSS “starter” code for each of the major column layouts. Normally your design will fall into one of these 3 main structures: 1, 2, or 3 column layout. From there your design may get

CSS Navigation Menu: Drop Down

CSS Navigation Menu: Drop Down Creating a Navigation Menu with drop downs is not hard when you understand the CSS needed to create the menus. In this intermediate tutorial we’ll go through the necessary code; both HTML and CSS, to build this navigational menu and

CSS Navigation Menu: Basic

CSS Navigation Menu: Basic Creating a Navigation Menu using CSS is not hard when you know the basic steps involved. In this basic tutorial we’ll go through the necessary code; both HTML and CSS,  you’ll need to understand to build this navigational menu and others

Column CSS Layout: EHD (Parts 1 – 2)

Column CSS Layout: EHD (Part 1-2) Part 1 covers organizing your files, creating an HTML and CSS file and linking the .css file, and adding content to a column web page including navigation, images, and text.  Part 2 covers adding CSS (presentation) to a column