Creating a basic, 2-column, center-aligned fixed width layout with CSS
This type of layout is used a lot, and for good reason. It works. So let’s start off by looking at the HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"...
View ArticleCreating a Basic, 3-column, Center-aligned Fixed Width Layout with HTML and CSS
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...
View ArticleClik here to view.
Adding Background Images
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...
View ArticleAdding Multiple Background Images
At times, it makes more sense to use background images than to insert them directly into the page. And while each element – like your body tag – can hold only one background image, they can be applied...
View ArticleHow NOT to Use the < center > Tag to Center Text
Centering text and other elements can easily be done with the CSS text-align property. It can be applied to a division, the p tag – pretty much any block-level element. Applying this to an internal or...
View ArticleStyling Lists with CSS
We’ve already discussed navigation lists and list bullet images, but sometimes, a list is just a list. There are two types – the ordered list and the unordered list. The ordered list counts the items;...
View ArticleCreating a Horizontal Navigation Menu with HTML and CSS
It’s true: Your navigation items are really a LIST. Bread, Milk, Sugar, Coffee, Home, Contact Us, About, Cheese, Tomatoes, Sitemap. See, it’s a LIST!! And it should be coded and styled like a list....
View ArticleStyling Different Links Differently with HTML and CSS
On a website, you often have different groups of links that may not all supposed to be looking the same. Usually, you’ll have navigation links and possibly some links within your content at a minimum....
View ArticleClik here to view.
Dreamweaver vs WordPress?
What is the difference between WordPress and Dreamweaver? …This is a question that is popping up a lot, so I figure I should answer it. First of all, though they look the same from the non-nerd’s...
View ArticleClik here to view.
Microsoft Silverlight – what is it and why is it still around?
Hi, So in the fine Microsoft tradition, they saw a successful technology … and copied it. With Silverlight, they copied the once successful and now nearly dead Flash. In Microsoft’s own words, this is...
View ArticleClik here to view.
Web Design Video Library Updated
Hi, I wanted to announce that our web design video library has just recently been moved to its’ very own website. Besides the new location, the library has been redesigned to make it easier to...
View ArticleClik here to view.
Web Design Learning System for Educators
Hi, I am just going to be doing a little self promotion in this blog post … it happens once in a while! Teaching Web Design and Programming Made Simple: For teachers who are going to be teaching web...
View ArticleClik here to view.
Web Design is Not Graphic Design!
Hi! Let me start with the point of this article: The ‘design’ in web design is far less important today, than it was just a few years ago. In fact, the aesthetic aspects in building a website (making...
View ArticleClik here to view.
Web Design for Small Business – Tips
I get a lot of small business owners asking questions (so many that I’ve lost count ….) on building a website for their business. Let me start with three major tips: Learn at least a little web...
View ArticleClik here to view.
Website Design Battleplan
Building a website can be a daunting process … there is a lot to do. And sometimes, it’s hard to figure out where to start! No worries though, after nearly 20 yrs experience, I’ve figured it out for...
View ArticleClik here to view.
Marketing your Small Business Website
The hardest thing about building a website is building the audience for your website. This process of driving traffic, is what people call SEO … short for: Search Engine Optimization. SEO Problems The...
View ArticleClik here to view.
Learning Web Design – should you learn Dreamweaver?
Hi! A common question I get from people who are new to web design, is whether they should learn Dreamweaver? … A lot of people make the mistake of thinking that the process of building websites, is...
View ArticleClik here to view.
Starting a new Business? Better learn Web Design!
Hi, Everyone knows that these days, every small business needs a website. You may only need a simple site for branding purposes or you may need a full e-commerce site with online transactions and...
View ArticleClik here to view.
Understanding code is just the beginning of learning web design or programming.
Learning to code has all kinds of benefits … even for those who don’t necessarily plan on becoming full time nerds: Builds analytical skills Trains your brain to think in a logical way Teaches...
View ArticleClik here to view.
What exactly is a Computer Programming Language?
Hi! Many new to web design and code, have a hard time understanding what a programming language really is? So, I’ve dug out my classic definition for this blog post … enjoy! Computer Programming in a...
View Article