Flexible Web Design Creating Liquid and Elastic Layouts with CSS.pdf
文件大小:
21781k
资源说明:網頁設計 網頁布局
Introduction
Take the book you’re holding in your hands right now and resize it so that
it’s easier to read
Don’t feel bad I’ve given you an impossible exercise but I promise the
book will be filled with practical instead of ridiculous exercises from here on
out That’s because we’re going to be talking about web design where we’re
not constrained by the physical limitations of print on paper
Though both web and print offer opportunities for beautiful and effective
design each has its own strengths and limitations To create successful web
designs you need to design to the medium’s strengths instead of fighting
against them One of these strengths is flexibility Here I’m using flexible
in the broadest sense built to adapt to an infinite number of viewing
scenarios Users are ultimately in control of their experience of web sites
to a degree beyond what’s possible with any other medium They get to
choose whether or not they do so consciously and willingly the type of
device they view web pages on how big their screens and windows are their
text sizes and fonts whether to view still images or Flash animations Really
savvy users can even set up their own style sheets to slightly or dramatically
change the visual appearance of the sites they view Some users don’t even
“view” web sites they may hear or feel them instead
The web medium is also flexible in the narrower sense of the word web
pages and content are not fixed at one particular size By default web pages
can change in width and height to accommodate the differing text sizes and
window widths of the users This is true of both web pages built with divs
and CSS and those built with tables
Fixed width web pages pages that are set at a certain number of pixels
decided by the designer override some of the web’s natural flexibility
There are certainly good reasons to build fixed width designs as you’ll learn
in Chapter 1 But the alternatives to fixed width design can offer a lot of benefit
and may work for more types of sites than you may think
Liquid or fluid sites which resize based on the user’s window size are
one alternative Elastic sites which resize based on the user’s text size are
another Both types of designs take advantage of the web’s natural flexibility
and when done well can greatly improve the user’s experience on your
site all">網頁設計 網頁布局
Introduction
Take the book you’re holding in your hands right now and resize it so that
it’s easier to read
Don’t feel bad I’ve given you an impossible exercise but I promise the
book will be filled with practical instead of ridiculous exercises from here on
[更多]
本源码包内暂不包含可直接显示的源代码文件,请下载源码包。