24.08.2016 Views

HTML and CSS design and build websites

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

In this chapter we are going to look at<br />

how to control where each element sits<br />

on a page <strong>and</strong> how to create attractive<br />

page layouts.<br />

This involves learning about how <strong>design</strong>ing for a screen can be<br />

different to <strong>design</strong>ing for other mediums (such as print). In this<br />

chapter we will:<br />

●●<br />

●●<br />

●●<br />

Explore different ways to position elements using normal<br />

flow, relative positioning, absolute positioning <strong>and</strong> floats.<br />

Discover how various devices have different screen sizes<br />

<strong>and</strong> resolution, <strong>and</strong> how this affects the <strong>design</strong> process.<br />

Learn the difference between fixed width <strong>and</strong> liquid layouts,<br />

<strong>and</strong> how they are created.<br />

●● Find out how <strong>design</strong>ers use grids to make their page<br />

<strong>design</strong>s look more professional.<br />

359 LAYOUT

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!