All the right pieces to your web solutions.

Web page production

is the process of turning a site concept, whether a sketch or a complete Photoshop image, into a finished web page template.

It incorporates several skill areas including graphics preparation, HTML, Cascading Style Sheets, JavaScript, accessibility, and SEO (search engine optimisation).

Chopping a page design up and making it into a living, breathing HTML page involves hundreds of decisions. What you choose to do will depend on your knowledge, experience, tools, and time.

Making smart decisions during in this process can deliver huge benefits in lots of areas, including time spent building your pages, ease of updating, and cross-browser compatibility.

The purpose of this section of the site is to increase your knowledge to help you work faster and more successfully, making better decisions along the way.

A lot of page production depends on your experience of learning how various browsers work differently. I can’t cover all those possibilities in this section, but I can help you gain good production disciplines and help you get a solid set of basic skills.

HTML stands for "HyperText Markup Language". It's the simple code that's used to create the structure of web pages and to describe the structure of content on pages.

HTML is very easy to learn. However, it's important to learn and follow best practice. Badly written HTML can exclude users with disabilities, make web sites less accessible to search engines, and mean your site doesn't work on some browsers.

CSS stands for Cascading Style Sheets. It has been around for several years. It's a great way to assign style properties to HTML elements in your web pages, and offers several significant benefits over the old way of putting style information directly into HTML tags.

Styles can be written in one place (separate style sheets) and assigned to HTML elements through class or ID properties. It’s way easier and quicker to change styles across a whole site when they’re defined in one place.

Using CSS (like class="main-nav") creates far smaller HTML files than writing style into every HTML tags (like border="1" cellpadding="3" cellspacing="1" backgroundcolor="#ffc").

CSS helps separate style from content

Keeping your style definitions separate from your content and content-structure makes it possible to re-purpose the same content for different media. This includes styling pages differently for printing, as well as other user agents like voice (text-to-speech) and mobile devices.