Production

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).

New eBook - Web page production with xHTML and CSS #1

Experience the thought process of a professional web producer as he guides you through the web page production process, from photoshop design to working HTML template.

The book tells you how to approach web production, beginning with semantic HTML, guiding you through how to slice up a photoshop document, and finally how to use CSS for presentation.

Buy now for only £9.00 GBP ...

New eBook - Guide to Semantic HTML

Ben Hunt adds another great eBook to the collection with his "Guide to Semantic HTML". The book gives you advice and tips on how, and why to use semantic HTML.

Included is a comprehensive list of HTML tags, each with their semantically appropriate uses, along with a worked example taking you through the process of how to build a website using semantic HTML.

Buy now for only £5.00 GBP ...

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.

Before getting stuck into production, you need to know the basics of HTML and CSS.

How HTML, CSS and JavaScript work together in making web pages: Best practice for using HTML, Cascading Style Sheets, and JavaScript together to make web pages.
How to make a web site: The absolute basic mechanics of how you go about making web pages and publishing them on the web.
Why code by hand: The benefits of coding web pages by hand, rather than using WYSIWYG editors.
Introduction to Search Engine Optimisation: A guide to the minimum that every web designer, producer, coder, or site owner should know about SEO (Search Engine Optimisation).

Resources

The Scrutinizer: Rosano Coutinho has put together a great tool that lets you check all kinds of production resources for your web page from one place. Covers tools for SEO, accessibility, validation etc. Bookmark this.