Introduction pages come at the beginning of each Reference pages introduce key pieces of HTML &

chapter. They introduce the key topics you will learn CSS code. The HTML code is shown in blue and CSS
about. code is shown in pink.

Firstly, thank you for picking up this

book. It has been written with two very
different types of people in mind:

●● Those who want to learn how to design and build websites

from scratch

●● Anyone who has a website (that may be built using a

content management system, blogging software, or an
e-commerce platform) and wants more control over the Background pages appear on white; they explain the Diagram and infographics pages are shown on a
appearance of their pages context of the topics covered that are discussed in dark background. They provide a simple, visual
each chapter. reference to topics discussed.
The only things you need in order to use this book are a
computer with a web browser and a text editor (such as
Notepad, which comes with Windows, or TextEdit, which
comes with Macs).

Example pages put together the topics you have Summary pages come at the end of each chapter.
learned and demonstrate how they can be applied They remind you of the key topics that were covered
in each. in each chapter.

3 INTRODUCTION INTRODUCTION 4
 Is it hard to Learn? The Structure of
This Book

In order to teach you about creating web pages,

this book is divided into three sections:

Many books that teach HTML and CSS I've focussed on the code you
1: HTML 2: CSS 3: Practical
need to use 90% of the time
resemble dull manuals. To make it easier for and omitted the code that you We will spend the first chapter We start this section with a We end up with some helpful
you to learn, we threw away the traditional would rarely see even if writing looking at how HTML is used to chapter that explains how CSS information that will assist you in
websites is your full time job. By create web pages. You will see uses rules to enable you to building better websites.
template used by publishers and redesigned the end of the book, if you come that you start by writing down control the styling and layout
this book from scratch. across the other 10% you will be the words you want to appear of web pages. We then go on to We look at some new tags that
able to Google it to find out what on your page. You then add tags look at the wide variety of CSS will be introduced in HTML5 to
it means quickly and easily. or elements to the words so properties you can use in your help describe the structure of
that the browser knows what is CSS rules. These properties your pages. HTML5 is the latest
At work, when people look Understanding HTML and CSS I have also added practical a heading, where a paragraph generally fall into one of two version of HTML (still under
at my screen and see it full of can help anyone who works information on topics I am begins and ends, and so on. categories: development at the time of
code, it's not unusual to get a with the web; designers can commonly asked about, such as writing). Before learning about
comment about it looking very create more attractive and how to prepare images, audio The rest of this section Presentation: How to control these elements, you need a good
complicated or how clever I must usable sites, website editors can and video for the web, how to introduces the tags you have things like the color of text, the grasp of how CSS is used to
be to understand it. The truth create better content, marketers approach the design and build at your disposal to create web fonts you want to use and the control the design of web pages.
is, it's not that hard to learn how can communicate with their of a new site, how to improve pages, grouped into chapters on: size of those fonts, how to add There is a chapter that talks you
to write web pages and read audience more effectively, and your rankings in search engines text, lists, links, images, tables, background colors to pages (or through a design process that
the code used to create them; managers can commission (SEO), and how to use Google forms, video audio and flash, and parts of a page), and how to add you might like to follow when
you certainly don't have to be a better sites and get the best out Analytics to learn about visitors miscellaneous elements. background images. creating a new website.
"programmer." of their teams. to your site.
I should warn you that the Layout: How to control where Finally, we end up looking at
examples in the first nine the different elements are topics that will help you once
chapters are not exciting to look positioned on the screen. You you have built your site, such
at, yet they are the foundation of will also learn several techniques as putting it on the web, search
every web page. The following that professionals use to make engine optimisation (SEO) and
chapters on CSS will show you their pages more attractive. using analytics software to track
how to make your pages look a who comes to your site and what
lot more interesting. they are looking at.

5 INTRODUCTION INTRODUCTION 6