This tutorial will show you how to create a JavaScript-enabled form that checks whether a user has filled in the form correctly before it’s sent to the server. This is called form validation. First we’ll explain why form validation is a useful thing, and then build up a simple example form, explaining things as we go along. At the end, there’s a little exercise to keep you busy too!
Web Development
Client and server-side programming. Covers JavaScript, PHP, Perl and ASP.
See also:CSS Text Properties
In this reference we will look at how to control text appearance using style sheets. CSS gives you precise control over typography in your Web pages, allowing you to set parameters such as the spacing between lines, words and even letters, and the alignment and indenting of text.
We’ll look at the different text properties that can be used with CSS, and explain each property with some real-world examples. Each example is displayed as it would render in your browser.
There are eight properties that can be used to control text appearance – word-spacing
, letter-spacing
, text-decoration
, vertical-align
, text-transform
, text-align
, text-indent
and line-height
. Let’s look at each of these properties in turn.
CSS Font Properties
In this reference we will look at how to control font properties using style sheets. This is a really useful feature of CSS because it means that you can avoid having all those <font>
tags in your Web pages, and it allows you to easily control all your fonts simply by editing one style sheet file.
We’ll look at the different font properties that can be used with CSS, and explain each property with the aid of some real-life examples. Each example is shown as it renders in your browser.
There are six properties that can be used to control fonts – font-family
, font-style
, font-variant
, font-weight
, font-size
and font
. Let’s look at each of these in turn.
CSS Units
This reference lists all the units that can be used within CSS level 1 style sheets. The units are used to specify things like distances and colours.
The units can be grouped into four types: length units, percentage units, colour units and URLs.
HTML Tutorial – The Basics of HTML
In this beginner HTML tutorial I’ll show you how to create a simple HTML Web page. If you’re just starting out with Web design, then you’ll find this tutorial to be a handy introduction to the world of HTML!
Making a Rollover Menu Bar
This Photoshop 4 tutorial (also works with later versions of Photoshop) is quite a big one. I’ll show you how to make one of those trendy menus that look like one image, but are in fact several images joined together, with each image changing as the mouse moves over them. Oh, words will never do – take a look at it in action!
Rollover Buttons with JavaScript
These days every man and his dog is using JavaScript to create “rollover”, or “mouse-sensitive” buttons on their site. If you’re not sure what I’m talking about, move your mouse over this baby:
Get the idea?
[Read more…] about Rollover Buttons with JavaScript
HTML Frames
When HTML frames were first introduced into Netscape 2 and IE 2.1, they were often criticized as ugly, slow and unmanageable. Thankfully, today’s browsers have come along way with their implementation of frames, and if properly used, frames can help to make a site more attractive and easier to navigate.
For example, a site can use one small frame for its navigation menu, with the main content displayed in a second, larger frame. The navigation frame remains the same while the main content frame changed to display the different content pages.
HTML frames can also be used in an arty way to position graphic elements on the screen.
Introduction to CSS
Style sheets (or to give them their full title, cascading style sheets or CSS) are becoming more and more common on the Web. They were first introduced in a limited form to Internet Explorer 3.0, and are recognised by nearly all modern browsers.
This tutorial will show you what style sheets are, when to use them, and (hopefully) how to use them!
HTML Tables
HTML tables are designed for laying out facts and figures in Web pages, much like a spreadsheet. In this tutorial you’ll learn how to use <table>
and its associated tags and attributes to create complex tables, and where to use tables in your websites.