Skip to content

Category Archives: WebTeacherTips

The CSS background property

Several CSS properties are involved in understanding how to use background images.  As you probably know, a background image can be added to any element on a page of HTML using a CSS rule for background-image which points to a URL for the image you are using. The CSS syntax looks like this:
selector {
background-color: #fff;
[...]

Adding focus to form fields

You can highlight the form field a user is in. It’s a small visual cue as to where the cursor is in the form. Here’s a simple example.

The cursor is in the Name field in the image. The cursor position is highlighted with a dark border to indicate which form field is in focus. This [...]

em and his buddy strong

Let’s talk about emphasis and italics and getting bold. There’s an extended family tree of HTML elements that can be used to format text as emphasized, italic or bold at our disposal. These HTML elements are not interchangable and each has a distinct position in the text formatting family.
First there’s <em>. Depending on the browser [...]

Designing with Structural Thinking

In the old days, many of us learned to make web pages by first thinking about the “look” and what images, fonts, color schemes, and graphic design elements we would use to achieve it. We launched Photoshop or Fireworks and played with the look until we knew precisely (down to the pixel) what the page [...]

How to Nuture Web Pages for Growth

Give every page the minimum nutrients for proper growth.

Every page needs a descriptive title. The title should give the name of the site and the page contents something like this: How to Nuture Your Web Pages: Web Teacher.
Every page needs headings and information that explain what the page is about.
The page content must be focused [...]

6 Tips for Hiring a Web Designer

If you are a small business person looking to hire a web designer here are some things you need to think about. Some are things you need to have thought out before you begin, some deal with finding the right person for the job.

Domain name. The domain name is the word after the www [...]

Style Fieldsets like a Pro

Just a few CSS rules can make your fieldset look like it was styled by a pro. A fieldset is used to organize forms into sections that can be identified with labels called legends. We’re going to start this discussion looking at a fieldset with no legend. We’ll get to legends in a bit.
Here’s a [...]

Should your blog have an hCard?

What’s an hCard, you ask? It’s a digital version of a business card. You put it on your blog or website and it provides your name, your contact information and other information you want people to know. Because it’s digital, it can be exported from your web page to an address book and synched to [...]

The optgroup in HTML select forms in Dreamweaver

I recently showed how to use optgroup in HTML select forms. Those instructions were for hand coders. Today’s instructions show you how to make a small select form with optgroups in Dreamweaver. This is what the finished form element looks like in the browser.

Here’s how you do it if you use Dreamweaver. The following screen [...]

The optgroup in HTML select forms

You are probably familiar with form elements that list all 50 states or numerous country codes. These forms are constructed with select menus. Using optgroup, you can create categories within a select menu to help organize the menu. Here’s an example of a select menu that lets you pick favorite jazz singers, with the choices [...]