More Web Design Tutorials

CSS

Adding Background Images

March 22, 2011

Background images, just as the name implies, are part of the BACKGROUND of a website, not part of the actual content. The most common place to add a background image to, is the entire canvas – aka the body tag.

read more


Creating a Basic, 3-column, Center-aligned Fixed Width Layout with HTML and CSS

March 18, 2011

The three-column layout is probably the second most common layout used for websites. There’s usually a header and a footer – and then some content, maybe a sidebar for navigation, a column in the middle with some content info, and another column with some additional stuff, whatever that may be. What you put inside your columns doesn’t matter – the way to achieve the 3-column layout stays the same.

read more


Center-aligned Webpages with HTML and CSS

March 18, 2011

A website tends to look more balanced when it’s centered on the monitor, instead of clinging to the left side with lots of white space on the right. This looks even worse with increased resolution. And it’s not that folks will use that white space to make notes…..
So to center your page, wrap your content into a container – a ‘wrapper’ of sorts.

read more


Styling Fonts with CSS

March 12, 2011

The FONT tag is dead. Long live CSS! Please help spread the word, too many people STILL have not gotten that memo and merrily use their deprecated font tags (along with the table-based layouts and improper doctypes). But now we all know – no more excuses.

read more


Syling H Tags with CSS

March 12, 2011

Different browsers have different default styling for headings – the h1, h2, h3, etc. tags. However, with a little bit of CSS, we can style them any way we like.

read more


Styling Links with CSS

March 12, 2011

Most browsers will show links by default in blue and visited links in purple. BOOOORING!!! That, and purple just doesn’t look good on some people.

read more


CSS Shortcuts

March 12, 2011

Shortcuts are a good thing. They save time, gas, and make life easier. And who wouldn’t like things easier?

read more


Creating Center-aligned Pages with CSS

March 6, 2011

A website tends to look more balanced when it’s centered on the monitor, instead of clinging to the left side with lots of white space on the right. This looks even worse with increased resolution. And it’s not that folks will use that white space to make notes…..

read more


Using HTML to Define the Parts of a Webpage

March 6, 2011

A webpage usually consists of several different parts – of course that can vary depending on content and design, but almost every page has a header, a navigation, content, and a footer. We’ve already discussed the beauty of an external stylesheet to define the look and layout of an entire website. For this reason, it’s very useful to proclaim the specific parts clearly in the html, so we can address them in the stylesheet.

read more