This new 61-page ebook provides a worked example of web production, taking you through the entire process from a Photoshop page design, to a working HTML page template.
You'll experience the thought process of a professional web producer as he plans and implements the production of the page.
The ebook also includes a download link for the original PSD file, so you can follow along and build the page yourself if you wish.
The ebook will take you step by step through the production process, starting with the design image, and ending up with a working HTML template
First we take a look at the page design, concentrating on one area at a time, and thinking about the structural decisions that need to be made:
Good forward planning will save you valuable time later.
Semantic HTML is HTML where the tags used to structure content are selected based on the meaning of the content, not for presentation.
It's important to write semantic HTML before styling your web page. This ebook shows you the right way to do it, with the entire markup presented in clear sections:
You'll learn about:
For a more in-depth look at Semantic HTML, see our other ebook - Semantic HTML
How do you change your single design image into multiple images that can be used on the web? Photoshop provides a quick and easy solution.
You'll learn:
Once you've written your semantic HTML, you need to style it so that it looks like your original design.
This chapter guides you in detail through the entire CSS stylesheet, explaining each step and solving any problems encountered along the way
You'll learn:
You can buy the entire 61-page PDF ebook for just £9.00 GBP, to download and read offline whenever you like. Our automated system will email you a download link.
Subscribe to my newsletter to stay updated on what I'm doing and thinking about in web design.
