flexible web design

Upload: santos-corrales

Post on 04-Apr-2018

245 views

Category:

Documents


0 download

TRANSCRIPT

  • 7/30/2019 Flexible Web Design

    1/333

  • 7/30/2019 Flexible Web Design

    2/333

    Avc`}oeg Kopsom `em Ck`q}oa K`ybs}q wo}d AQQ

    LKCTOFKWCF MCQOGE

  • 7/30/2019 Flexible Web Design

    3/333

    |

    ]`fkc bl Abe}ce}q

    Oe}vbmsa}obe % % % % % % % % % % % % % % % % % % % % % % % % % % % % % % % % % % % %

    A D @X ] CV 0 Semcvq}`emoeg Lkctofkc K`ybs}q % % % % % % % % % % % % % % % % % % % % % 0

    ]yxcq bl K`ybs}q % % % % % % % % % % % % % % % % % % % % % % % % % % % % % % % % % % %

    Ad`kkcegcq bl Kopsom `em Ck`q}oa K`ybs}q % % % % % % % % % % % % % % % % % % % 01

    Adbbqoeg }dc Vogd} K`ybs} ]yxc lbv _bsv X`gc % % % % % % % % % % % % % % 04

    A D @X ] CV 6 Dbw }b Mcqoge Lkctofkc K`ybs}q % % % % % % % % % % % % % % % % % % % % 61

    Mcqoge Xvoeaoxkcq lbv Lkctofkc K`ybs}q % % % % % % % % % % % % % % % % % % % % %6=

    Fclbvc `em @l}cv> Bsv Ebe*abjx`}ofkc Mcqoge+ Lotcm % % % % % % % % %37

    A D @X ] CV 1 Xvcx`voeg _bsv Mcqoge lbv Abeq}vsa}obe % % % % % % % % % % % % % Avc`}oeg }dc Qdck}cv qOeecv*X`gc K`ybs} Q}vsa}svc % % % % % % % % % % % % % % % % % % % % % % % % % % % 06=

    A D @X ] CV 3 Fsokmoeg Ck`q}oa K`ybs} Q}vsa}svcq % % % % % % % % % % % % % % % % % 011

    Qwo}adoeg Mojceqobeq }b Cjq % % % % % % % % % % % % % % % % % % % % % % % % % %01=

    Avc`}oeg Ck`q}oa Abksjeq Sqoeg Lkb`}q % % % % % % % % % % % % % % % % % % % % 014

    Qo}c*Fsokmoeg Ctcvaoqc> Avc`}oeg }dc Qdck}cv qDbjc X`gc K`ybs} Q}vsa}svc% % % % % % % % % % % % % % % % % % % % % % % % % % %037

  • 7/30/2019 Flexible Web Design

    4/333

    ]@FKC BL ABE]CE]Q|o

    A D @X ] CV < Xs}}oeg Kojo}q be Lkctofoko}y % % % % % % % % % % % % % % % % % % % % % %

    Fsokmoeg Dyfvom K`ybs}q % % % % % % % % % % % % % % % % % % % % % % % @mmoeg Joeojsj `em J`tojsj Wom}dq % % % % % % % % % % % % % % % % %04=

    @k}cve`}o|c W`yq }b Kojo} Lkctofoko}y% % % % % % % % % % % % % % % % % % %

    Qo}c Fsokmoeg Ctcvaoqc> Kojo}oeg }dc Lkctofoko}y bl }dcQdck}cv q X`gcq% % % % % % % % % % % % % % % % % % % % % % % % % % % % %

    A D @X ] CV 7

    Avc`}oeg Qx`aoeg lbv ]ct}% % % % % % % % % % % % % % % % % % % % % % % % %J`}adoeg Seo}q bl Jc`qsvcjce} % % % % % % % % % % % % % % % % % % % % % % %

    Jotoeg Seo}q bl Jc`qsvcjce} % % % % % % % % % % % % % % % % % % % % % % % %

    Qo}c Fsokmoeg Ctcvaoqc> @mmoeg Qx`aoeg }b }dc Dbjc`em Oeecv X`gcq % % % % % % % % % % % % % % % % % % % % % % % % % % %

    A D @X ] CV 4 @mmoeg F`aigvbsem Oj`gcq `em Abkbv % % % % % % % % % % % % % % 6=?

    Fkcemoeg F`aigvbsem Oj`gcq % % % % % % % % % % % % % % % % % % % % % % %

    Avc`}oeg }dc @xxc`v`eac bl Cps`k*dcogd} Abksjeq % % % % % % % % % % 6 @mmoeg F`aigvbsemq }b }dc Dbjc`em Oeecv X`gcq % % % % % % % % % % % % % % % % % % % % % % % % % % %

    A D @X ] CV ? Avc`}oeg Lkctofkc Oj`gcq % % % % % % % % % % % % % % % % % % % % % % % % %

    Mye`joa`kky Ad`egoeg Oj`gcq Qavcce @vc` % % % % % % % % % % % % % % %64 @mmoeg Lkctofkc Oj`gcq }b}dc Dbjc X`gc % % % % % % % % % % % % % % % % % % % % % % % % % % % % %

    Oemct % % % % % % % % % % % % % % % % % % % % % % % % % % % % % % % %

    Avcmo}q % % % % % % % % % % % % % % % % % % % % % % % % % % % % % % %

  • 7/30/2019 Flexible Web Design

    5/333

    |oo

    Oe}vbmsa}obe

    ]`ic }dc fbbi ybs vc dbkmoeg oe ybsv d`emq vogd} ebw+ `em vcqo~c o} qb }d`}o} q c`qocv }b vc`m%

    Mbe } lcck f`mO |c go|ce ybs `e ojxbqqofkc ctcvaoqc+ fs} O xvbjoqc }dcfbbi wokk fc ffkkcm wo}d xv`a}oa`k oeq}c`m bl vomoaskbsq ctcvaoqcq lvbj dcvc bebs}% ]d`} q fca`sqc wc vc gboeg }b fc }`kioeg `fbs} wcf mcqoge+ wdcvc wc vc

    eb} abeq}v`oecm fy }dc xdyqoa`k kojo}`}obeq bl xvoe} be x`xcv%]dbsgd fb}d wcf `em xvoe} bllcv bxxbv}seo}ocq lbv fc`s}olsk `em cllca}o|cmcqoge+ c`ad d`q o}q bwe q}vceg}dq `em kojo}`}obeq% ]b avc`}c qsaacqqlsk wcfmcqogeq+ ybs eccm }b mcqoge }b }dc jcmosj q q}vceg}dq oeq}c`m bl ffgd}oeg`g`oeq} }dcj% Bec bl }dcqc q}vceg}dq oq ctofoko}y% Dcvc+ O j sqoeg ct*ofkc oe }dc fvb`mcq} qceqcfsok} }b `m`x} }b `e oeffeo}c esjfcv bl |ocwoegqace`vobq% Sqcvq `vc sk}oj`}cky oe abe}vbk bl }dcov ctxcvoceac bl wcf qo}cq

    }b ` mcgvcc fcybem wd`} q xbqqofkc wo}d `ey b}dcv jcmosj% ]dcy gc} }badbbqcwdc}dcv bv eb} }dcy mb qb abeqaobsqky `em wokkoegky}dc }yxc bl mc|oac }dcy |ocw wcf x`gcq be+ dbw fog }dcov qavcceq `em woembwq `vc+ }dcov}ct} qo~cq `em lbe}q+ wdc}dcv }b |ocw q}okk oj`gcq bv Lk`qd `eoj`}obeq% Vc`kkyq`||y sqcvq a`e c|ce qc} sx }dcov bwe q}ykc qdcc}q }b qkogd}ky bv mv`j`}oa`kkyad`egc }dc |oqs`k `xxc`v`eac bl }dc qo}cq }dcy |ocw% Qbjc sqcvq mbe } c|ce|ocw wcf qo}cq}dcy j`y dc`v bv lcck }dcj oeq}c`m%

    ]dc wcf jcmosj oq `kqb ctofkc oe }dc e`vvbwcv qceqc bl }dc wbvmwcfx`gcq `em abe}ce} `vc eb} fftcm `} bec x`v}oask`v qo~c% Fy mcl`sk}+ wcf x`gcqa`e ad`egc oe wom}d `em dcogd} }b `aabjjbm`}c }dc mollcvoeg }ct} qo~cq `emwoembw wom}dq bl }dc sqcvq% ]doq oq }vsc bl fb}d wcf x`gcq fsok} wo}d mo|q`em AQQ `em }dbqc fsok} wo}d }`fkcq%

    Lotcm*wom}d wcf x`gcqx`gcq }d`} `vc qc} `} ` acv}`oe esjfcv bl xotckqmcaomcm fy }dc mcqogecvb|cvvomc qbjc bl }dc wcf q e`}sv`k ctofoko}y%

    ]dcvc `vc acv}`oeky gbbm vc`qbeq }b fsokm fftcm*wom}d mcqogeq+ `q ybs kk kc`veoe Ad`x}cv 0% Fs} }dc `k}cve`}o|cq }b fftcm*wom}d mcqoge a`e bllcv ` kb} bl fce*cff} `em j`y wbvi lbv jbvc }yxcq bl qo}cq }d`e ybs j`y }doei%

    Kopsom $bv som/ qo}cq+ wdoad vcqo~c f`qcm be }dc sqcv q woembw qo~c+ `vcbec `k}cve`}o|c% Ck`q}oa qo}cq+ wdoad vcqo~c f`qcm be }dc sqcv q }ct} qo~c+ `vc`eb}dcv% Fb}d }yxcq bl mcqogeq }`ic `m|`e}`gc bl }dc wcf q e`}sv`k ctofok*o}y `em+ wdce mbec wckk+ a`e gvc`}ky ojxvb|c }dc sqcv q ctxcvoceac be ybsv

    qo}c`kk wdokc kbbioeg nsq} `q `}}v`a}o|c `q ` fftcm*wom}d qo}c%

  • 7/30/2019 Flexible Web Design

    6/333

    OE]VBMSA]OBE|ooo

    ]d`} q wd`} }doq fbbi `ojq }b }c`ad ybs> wdy ctofkc mcqoge oq ` gbbm }doeg`em dbw }b mb o} wckk% _bs jogd} }doei wo}d `kk }doq ctofoko}y fsok} oe}b}dc wcf }d`} o} wbskm fc ` xocac bl a`ic }b j`ic kopsom bv ck`q}oa wcf qo}cq%Selbv}se`}cky+ }d`} q eb} `kw`yq }vsc%

    Mcqxo}c }dc l`a} }d`} ctofoko}y oq fsok} oe}b }dc wcf `em bllcvq kb}q bl fce*cff}q+ kopsom `em ck`q}oa wcf qo}cq vcj`oe xvc}}y v`vcxcvd`xq fca`sqc }dcyd`|c }dcov bwe qc} bl ad`kkcegcq oe fb}d }dc mcqoge `em mc|ckbxjce} xd`qcq}d`} jbq} wcf mcqogecvq `vc eb} sqcm }b% ]dcvc q eb} jsad asvvce}ky bs}}dcvc }d`} `mmvcqqcq }dcqc ad`kkcegcq dc`m*be% ]doq fbbi mbcq%

    Wd`} _bs Wokk $`em Wokk Eb}/ Kc`ve

    ]doq fbbi `ojq }b }c`ad ybs>

    }dc fcecff}q bl c`ad }yxc bl ctofkc k`ybs}

    dbw }b adbbqc }dc `xxvbxvo`}c }yxc bl k`ybs} lbv ybsv x`v}oask`v abe}ce}+

    mcqoge+ bv `smoceac

    wdoad |oqs`k ckcjce}q wbvi wckk oe ctofkc mcqogeq `em wdoad }b `|bom

    dbw }b abeq}vsa} `em qkoac ybsv gv`xdoa abjxq wo}d ctofoko}y oe joem

    }dc $T/D]JK `em AQQ lbv kopsom+ ck`q}oa+ `em dyfvom k`ybs}q

    dbw }b j`ic f`aigvbsemq `em abe}ce} wbvi wo}doe }dcov ctofkc k`ybs}abe}`oecvq

    Wd`} ybs wokk eb} kc`ve oq }d`} fftcm*wom}d k`ybs}q `vc c|ok `em ybs vc ` dbv*vofkc xcvqbe `em ` d`ai ol ybs j`ic beceb} fca`sqc jy cmo}bv j`mc jcas} `kk }d`} q}sll bs}+ fs} qojxky fca`sqc o} q eb} }vsc%

    ]dc fftcm |q% ctofkc mcf`}c a`e fc |cvy dc`}cm oe }dc wcf mcqoge abj*jseo}y9 }doq fbbi mbcq eb} qcci }b xvb|omc ` mcffeo}o|c `eqwcv }b wdoad oqfc}}cv% O fckoc|c+ `q mb j`ey mcqogecvq+ }d`} fb}d fftcm `em ctofkc k`ybs}q

    d`|c }dcov xk`ac+ wo}d c`ad qso}cm }b mollcvce} }yxcq bl qo}cq% O sqc ` |`voc}y bl }yxcq bl k`ybs}q be jy qo}cq+ oeaksmoeg fftcm*wom}d%

    ]doq fbbi oq qojxky jc`e} }b xvb|omc jbvc mc}`ok be }dc qomc bl }dc mcf`}c}d`} mbcqe } gc} `q jsad ab|cv`gc}dc ctofkc qomc% Ol ybs mb mcaomc }d`}ctofkc k`ybs} oq vogd} lbv ybsv qo}c`em O dbxc }doq fbbi wokk ctx`em ybsvomc`q bl wdce o} oqcllca}o|c}doq fbbi `ojq }b }c`ad ybs dbw }b mb o} wckk`em wo}dbs} }bb jsad }vbsfkc%

  • 7/30/2019 Flexible Web Design

    7/333

  • 7/30/2019 Flexible Web Design

    8/333

    OE]VBMSA]OBE t

    }d`e < $oeaksmoeg Oe}cvec} Ctxkbvcv lbv }dc J`a/ `vc eb}+ msc }b }dcov joesq*askc fvbwqcv j`vic} qd`vc% ]dc abe}ce} bl }dc ffkcq qdbskm q}okk fc `aacqqofkcoe }dcqc fvbwqcvq+ fs} }dcy vc xvbf`fky eb} gboeg }b kbbi xvc}}y!

    Abe|ce}obeq Sqcm ]dvbsgdbs} }doq Fbbi]doq fbbi sqcq ` lcw }cvjq }d`} `vc wbv}d eb}oeg `} }dc bs}qc}%

    $T/D]JK vclcvq }b fb}d }dc D]JK `em TD]JK j`visx k`egs`gcq%

    OC < `em c`vkocv vclcvq }b Woembwq Oe}cvec} Ctxkbvcv 3%8 }b ;sk5

    ;ko5@xxkcq;"ko5

    ;ko5F`e`e`q;"ko5

    %%%

    ;ko5W`}cvjckbe;"ko5

    ;"sk5

    Qbjc abmc ct`jxkcq wokk abe}`oe ad`v`a}cvq bv koecq oe }svpsboqc fksc%]dc dogdkogd} jc`eq }d`} abe}ce} d`q fcce `mmcm bv ad`egcm qoeac }dc k`q}}ojc ybs q`w }d`} q`jc abmc qeoxxc}%

  • 7/30/2019 Flexible Web Design

    9/333

    0Semcvq}`emoegLkctofkc K`ybs}q

    ]dc }cvj ctofkc k`ybs}q a`e jc`e mollcvce} }doegq }b mollcvce} xcbxkc+qb kc} q j`ic qsvc wc vc `kk be }dc q`jc x`gc fclbvc wc mo|c oe}b mcqogeoeg`em fsokmoeg }dcj% Oe }doq ad`x}cv+ ybs kk kc`ve }dc mcffeoeg ad`v`a}cvoq}oaqbl c`ad bl }dc j`oe k`ybs} }yxcqfftcm*wom}d+ kopsom+ ck`q}oa+ `em dyfvom

    mcqavofcm oe }dc Oe}vbmsa}obe% Wc kk lbasq be }dc fcecff}q `em xo}l`kkq bl c`adqb }d`} ybs a`e mcaomc wdoad }yxc jogd} fc vogd} lbv ybsv x`v}oask`v qo}c%

  • 7/30/2019 Flexible Web Design

    10/333

    AD@X]CV 0> SEMCVQ]@EMOEG LKCTOFKC K@_BS]Q6

    ]yxcq bl K`ybs}q

    Wc a`e gvbsx wcf*x`gc k`ybs}q oe}b }dvcc a`}cgbvocq f`qcm be dbw }dcovwom}d oq qc}> fftcm*wom}d+ kopsom $bv som/+ `em ck`q}oa% O} q `kqb xbqqofkc }babjfoec }dcqc k`ybs}q oe}b dyfvom k`ybs}q fy jotoeg seo}q bl jc`qsvcjce}q9c`ad abksje bl }dc mcqoge a`e sqc ` mollcvce} seo}% Oe `ey bl }dcqc lbsv }yxcqbl k`ybs}q+ `ey esjfcv bl abksjeq bv `cq}dc}oa }dcjcq oq xbqqofkc9 }dc }yxcqojxky cq}`fkoqdcq dbw }dc fvbwqoeg mc|oac mc}cvjoecq dbw womc }b j`ic}dc k`ybs} `xxc`v }b }dc sqcv%

    Lotcm*wom}d> Vogom Xotckq

    Lotcm*wom}d k`ybs}qvc }dc mcqogeq ybs vc jbq} sqcm }b qccoeg`em xvbf`fkyj`ioeg+ qoeac ybs vc vc`moeg }doq fbbi }b kc`ve }dc `k}cve`}o|cq% ]dc wom}dbl }dc b|cv`kk k`ybs} bl ` fftcm*wom}d mcqoge oq qc} }b ` |`ksc oe xotckq }d`} qmcaomcm fy }dc mcqogecv% Sqs`kky+ }dc mcqogecv adbbqcq ` wom}d f`qcm be becbl }dc abjjbe qavcce vcqbks}obeq+ qsad `q 488 fy

  • 7/30/2019 Flexible Web Design

    11/333

    ]_XCQ BL K @_BS]Q 1

    LOTCM*WOM]D MCQOGEQ @VC EB] C\OK!

    ]doq ad`x}cv mbcq ` l`ov `jbse} bl fc`}oeg sx be fftcm*wom}d mcqogeq `em `kb} bl qoegoeg }dc xv`oqcq bl kopsom `em ck`q}oa mcqogeq% ]doq oq qojxky fca`sqc}d`} q wd`} }dc xsvxbqc bl }dc fbbi oq> xvbjb}oeg `em }c`adoeg ctofkc k`ybs}}cadeopscq+ `em wd`} }dcy d`|c }b bllcv% Fs} O w`e} }b q}vcqq }d`} O mbe } }doeifftcm*wom}d mcqogeq `vc wvbeg9 }dcy `vc mcffeo}cky `xxvbxvo`}c oe acv}`oe qo}s*`}obeq+ `q wc kk moqasqq oe jbvc mc}`ok `} }dc cem bl }doq ad`x}cv%

    QAVCCE VCQBKS]OBE MBCQ EB] CPS@K FVBWQCV WOEMBW QO^C

    ]dc foggcq} xvbfkcj wo}d fftcm*wom}d k`ybs}q oq }d`} }dcy cqqce}o`kky mcxcembe ybs j`ioeg ` gscqq `q }b wd`} wom}d wokk wbvi wckk lbv }dc k`vgcq} esj*fcv bl ybsv sqcvq% C|ce ol ybsv wcf q}`}oq}oaq qbl}w`vc a`e }ckk ybs }dc qavccevcqbks}obe bl c`ad bl ybsv sqcvqdcai+ c|ce ol ybs vc j`ioeg `e oe}v`ec}`em `vc acv}`oe }d`} beky ` qoegkc vcqbks}obe wokk fc sqcmo} q qojxky eb} }dca`qc }d`} qavcce vcqbks}obe j`}adcq }dc fvbwqcv woembw wom}d `kk }dc }ojc%Qbjc xcbxkc mbe } fvbwqc wo}d }dcov fvbwqcv woembw j`tojo~cm $`mjo}*}cmky ` qj`kk esjfcv+ fs} gvbwoeg `q jbeo}bvq `em vcqbks}obeq oeavc`qc oeqo~c/% @kqb+ qbjc xcbxkc sqc fvbwqcv qomcf`vq }d`} a`e }`ic `w`y dsemvcmq bl xotckq lvbj }dc `|`ok`fkc wom}d%

    Lotcm*wom}d mcqogeq `vc `kw`yq gboeg }b vcqsk} oe qbjc qcgjce} bl ybsv`smoceac qccoeg ` mcqoge }d`} oq co}dcv }bb womc lbv }dcov woembwq $ecacq*qo}`}oeg }dc mvc`mcm dbvo~be}`k qavbkkoeg/ bv }bb e`vvbw $kc`|oeg bac`eq bl qx`ac be bec bv fb}d qomcq bl }dc k`ybs}/% @em f`qcm be jy ctxcvoceac wo}dsqcv }cq}oeg+ j`ey xcbxkc gc} `kjbq} `q moq}vcqqcm `fbs} w`q}cm qx`ac oe}dcov fvbwqcv `q }dcy mb `fbs} dbvo~be}`k qavbkkoeg!

    VCQC@VAD BE FVBWQCV WOEMBW QO^CQ

    Oe Ba}bfcv 688

  • 7/30/2019 Flexible Web Design

    12/333

  • 7/30/2019 Flexible Web Design

    13/333

  • 7/30/2019 Flexible Web Design

    14/333

    AD@X]CV 0> SEMCVQ]@EMOEG LKCTOFKC K@_BS]Q mb ybs }vsq} sqcvq }b qc} sx }dc omc`k fvbwqoegce|ovbejce} lbv }dcov eccmq+ bv+ iebwoeg }d`} jbq} sqcvq d`|c eb omc` wd`}koec kceg}d wbskm fc jbq} abjlbv}`fkc bv vcqsk} oe }dc fcq} xcvlbvj`eac lbv}dcj+ mb ybs bx}ojo~c o} oe }dc w`y ybs }doei wokk wbvi fcq} lbv }dc j`nbvo}y2@em ol ybs mb adbbqc }b sqc `e ck`q}oa k`ybs} }b bx}ojo~c koec kceg}d+ mb ybsbx}ojo~c o} }b }dc sqcvq xvclcvceac bv }b }dcov xcvlbvj`eac+ qoeac o} `xxc`vq}dcy bl}ce mbe } j`}ad2 ]dcvc q eb vogd} `eqwcv+ wdoad oq wdy }dcvc oq eb bec}yxc bl k`ybs} }d`} oq vogd} lbv `kk qo}cq% Wc kk ab|cv dbw }b adbbqc wdoad becj`y fc fcq} lbv ybsv qo}c k`}cv oe }dc ad`x}cv%

    OEAVC@QOEG @AACQQOFOKO]_

    Wdokc }dc vc`m`foko}y ojxvb|cjce}q }d`} wc |c moqasqqcm a`e `llca} c|cvy*bec+ }dcy a`e d`|c `e c|ce gvc`}cv ojx`a} be xcbxkc wo}d moq`foko}ocq+ qsad`q |oqs`k ojx`ovjce}q }d`} mbe } w`vv`e} }dc sqc bl ` qavcce vc`mcv fs} mbvcpsovc k`vgcv }d`e ebvj`k }ct}% Xcbxkc wo}d jb}bv ojx`ovjce}q jogd} `kqbsqc k`vgcv }ct} oe bvmcv }b d`|c k`vgcv }d`e ebvj`k koei }ct}+ }b j`ic o} c`qocvlbv }dcj }b }`vgc}% @em qbjc xcbxkc+ qsad `q }dbqc wo}d }seeck |oqobe+jogd} `a}s`kky xvclcv qj`kkcv }d`e ebvj`k }ct} qb }d`} jbvc abe}ce} a`e ff}

    wo}doe }dcov v`egc bl |oqobe% Mcqogeoeg k`ybs}q }d`} q}`y xvbxbv}obe`k `} `kk}dcqc mollcvce} qo~cq a`e vc`kky dckx ` womc |`voc}y bl xcbxkc%

    Dyfvom K`ybs}q

    _bs mbe } d`|c }b q}oai wo}d bec bl }dc fog }dvcc }yxcq bl k`ybs}q% _bs a`eavc`}c abse}kcqq dyfvom |cvqobeq qojxky fy jotoeg seo}q bl jc`qsvcjce} bv

    kojo}oeg }dc ctofoko}y v`egc bl ` kopsom bv ck`q}oa k`ybs}%JOTOEG SEO]Q BL JC@QSVCJCE]

    Jbq} wcf k`ybs}q `vc fsok} sqoeg }dc omc` bl abksjeq+ wdc}dcv bv eb} }dcabksjeq `vc ctxkoao}ky |oqofkc oe }dc mcqoge% C`ad abksje a`e d`|c o}q bweseo} bl jc`qsvcjce} `em fc }dbsgd} bl oemo|oms`kky `q fftcm*wom}d+ kopsom+bv ck`q}oa% Jot }dcj }bgc}dcv+ `em ybs |c gb} ` dyfvom k`ybs} % Lbv ct`jxkc+ `abjjbe }yxc bl dyfvom k`ybs} d`q ` fftcm*wom}d qomcf`v wo}d ` kopsom j`oeabe}ce} `vc` $ Logsvc 0%7/%

    06

  • 7/30/2019 Flexible Web Design

    20/333

    AD@X]CV 0> SEMCVQ]@EMOEG LKCTOFKC K@_BS]Q06

    VCQBKS]OBE*MCXCEMCE] K @_BS]Q

    @ vcqbks}obe*mcxcemce} k`ybs} oq ` x`gc }d`} sqcq N`|`Qavox} }b qwo}ad }dc AQQ

    `em }dsq }dc k`ybs} bl }dc ckcjce}q be }dc x`gc fy mc}ca}oeg fvbwqcv woembwqo~c% O} q ioem bl koic ` fftcm*wom}d `em kopsom dyfvom+ fca`sqc `k}dbsgd c`adbl }dc xbqqofkc k`ybs}q jogd} fc ` fftcm wom}d+ wdoad fftcm wom}d }dc fvbwqcv adbbqcq oq f`qcm be woembw qo~c% O} a`e iccx sqcvq lvbj qccoeg dbvo~be}`kqavbkkf`vq `em o} j`icq }dc fcq} sqc bl }dc `|`ok`fkc dbvo~be}`k qx`ac+ qb }dcmcqoge ec|cv kbbiq `wiw`vmky q}vc}adcm bs} bv qpsoqdcm }bgc}dcv%

    ]dc xvbfkcj wo}d }dcqc }yxcq bl x`gcq oq }d`} ybs d`|c }b avc`}c `} kc`q}}wb `em xbqqofky qc|cv`k mollcvce} k`ybs}q% O} a`e fc pso}c molffask} `em }ojc*abeqsjoeg }b avc`}c ` mcqoge }d`} a`e `m`x} }d`} v`moa`kky% Fs} o} q acv}`oeky `abbk cllca} }d`} a`e ced`eac }dc sq`foko}y `q wckk `q }dc mcqoge `cq}dc}oa+ol ybs vc sx lbv }dc ad`kkcegc%

    _bs a`e qcc ` esjfcv bl ct`jxkcq bl vcqbks}obe*mcxcemce} k`ybs}q koeicmlvbj d}}x>""ak`ges}%abj"fkbg"0

  • 7/30/2019 Flexible Web Design

    21/333

  • 7/30/2019 Flexible Web Design

    22/333

    AD@KKCEGCQ BL KOPSOM @EM CK@Q]OA K@ BS]Q03

  • 7/30/2019 Flexible Web Design

    23/333

    AD@KKCEGCQ BL KOPSOM @EM CK@Q]OA K@_BS]Q

    Q`yoeg Gbbmfyc }b Xotck Xcvlca}obe

    Eb} beky mb ybs d`|c }b gc} sqcm }b }dc omc` bl }dcvc fcoeg eb fftcm gvom }bd`eg be}b+ ybs `kqb d`|c }b gc} sqcm }b }dc l`a} }d`} eb }wb xcbxkc `vc ecacq*q`voky gboeg }b qcc ybsv x`gc ct`a}ky }dc q`jc`em }d`} q BI% Abe}vbkkoegc|cvy ko}}kc mc}`ok bl }dc x`gc q `xxc`v`eac }b j`ic o} kbbi ct`a}ky }dc q`jc`avbqq `kk xk`}lbvjq+ fvbwqcvq+ `em sqcv qc}sxq oq iebwe `q xotck xcvlca*}obe% O} q `a}s`kky eb} `adoc|`fkc c|ce wo}d }`fkc*f`qcm bv fftcm*wom}d k`y*bs}q+ `q }dcvc `vc `kw`yq mollcvceacq fc}wcce xk`}lbvjq `em fvbwqcvq }d`}

    wc a`e } abe}vbk+ `em }dc sqcv a`e `kw`yq asq}bjo~c dcv bwe |ocwoeg qc}sxfy `k}cvoeg }ct} qo~cq+ avc`}oeg sqcv q}ykc qdcc}q+ `em ad`egoeg b}dcv mc|oac`em qbl}w`vc xvclcvceacq%

    Oe ctofkc k`ybs}q+ dbwc|cv+ }dc k`ai bl xotck xcvlca}obe fcabjcq c|ce jbvc`xx`vce}+ qoeac c|ce jbvc mcqoge xcvjs}`}obeq `vc xbqqofkc% Wc mcqoge*cvq }cem eb} }b koic }doq omc`% Wc j`mc qbjc}doeg kbbi ` acv}`oe w`y lbv `vc`qbe! Fs} `kkbwoeg sqcvq qbjc abe}vbk b|cv }dc `xxc`v`eac bl wcf x`gcq

    `a}s`kky fcecff}q sqfy oeavc`qoeg sq`foko}y lbv }dcj % Sekoic oe xvoe} jcmo`+wdcvc xcbxkc `vc q}sai wo}d wd`}c|cv x`xcv qo~c+ }ct} qo~c+ `em b}dcv mcqogeckcjce}q }dc mcqogecv adbqc+ wcf sqcvq a`e asq}bjo~c }dcov wcf |ocwoegctxcvoceac }b qbjc mcgvcc+ `em }dcvcfy fc}}cv ce`fkc }dcjqck|cq }b sqc bsvqo}cq cllca}o|cky }b fsy xvbmsa}q+ kc`ve ecw oelbvj`}obe+ bv jcc} b}dcv gb`kq%

    Lkctofkc k`ybs} oq bec w`y wc a`e cjfv`ac |`vo`fkc+ sqcv*abe}vbkkcm mcqogeoeq}c`m bl ffgd}oeg seqsaacqqlskky `g`oeq} }dc wcf q }vsc e`}svc%

    KC]]OEG GB BL ABE]VBK

    Ol ybs kc`ve }b qcc }dc k`ai bl xotck xcvlca}obe be }dc wcf `q ` xbqo}o|c lc`}svcoeq}c`m bl ` abeq}v`oe}+ ybs kk d`|c ` jsad c`qocv }ojc mcqogeoeg k`ybs}q `emfsokmoeg x`gcq }d`} wbvi wckk wo}d }doq lc`}svc% Qsvc+ o} q xbqqofkc }b mcqoge`m`x}`fkc wcf x`gcq wdokc q}okk qd`ioeg ybsv ffq} oe `egcv `} }dc wcf `em o}q

    sqcvq lbv fcoeg qb sexvcmoa}`fkc+ fs} o} q gboeg }b fc ` kb} jbvc x`oelsk }d`e o}eccmq }b fc% Nbde @kkqbx `xxkocq }dc xdokbqbxdy bl }dc ]`b ]c Adoeg }b }dc wcfmcqoge xvbacqq oe @ M`b bl Wcf Mcqoge `}d}}x>""`koq}`x`v}%abj"`v}oakcq"m`b% ]dbsgd xsfkoqdcm oe 6888+ }dc `v}oakc oq q}okk ` dogdky vckc|`e} `em ce}cv}`oeoegw`y }b dckx ybsvqckl abjc }b ` q}`}c bl `aacx}`eac%

    Abe|oeaoeg ybsv akoce}q }d`} k`ai bl xotck xcvlca}obe oq eb} beky oec|o}`fkc fs}gbbm oq `eb}dcv j`}}cv% Oe X`v} 0 bl]v`eqacemoeg AQQ> ]dc Loec @v} bl Wcf

    Mcqoge+ @emy Ak`vic j`icq ` abe|oeaoeg a`qc lbv mcqoge mollcvceacq fc}wccefvbwqcv |cvqobeq fy abjx`voeg }dcj }b mollcvceacq qcce fc}wcce DM]\ `em`e`kbg }ckc|oqobe+ bv fc}wcce mollcvce} |cvqobeq bl oXbmq% _bs abskm `vgsc lbv mcqoge mollcvceacq msc }b kopsom bv ck`q}oa k`ybs}q sqoeg qojok`v `e`kbgocq%

    http://alistapart.com/articles/daohttp://alistapart.com/articles/dao
  • 7/30/2019 Flexible Web Design

    24/333

    AD@KKCEGCQ BL KOPSOM @EM CK@Q]OA K@_BS]Q07

  • 7/30/2019 Flexible Web Design

    25/333

    kceg}d+ ybs vc f`qoa`kky }ckkoeg }dc mcqoge }b ogebvc }dc |ocwxbv} wom}d `q `abeq}v`oe}% Ol }dc sqcv d`q ` k`vgcv }d`e mcl`sk} }ct} qo~c+ bv oeavc`qcq }dc }ct}

    qo~c wdokc |ocwoeg ybsv qo}c+ o} q pso}c abjjbe lbv }dc wom}d }b ct}cem bll }dc |ocw`fkc `vc` bl }dc qavcce `em xvbmsac ` dbvo~be}`k qavbkkf`v% ]doq a`efc c|ce wbvqc lbv vc`m`foko}y }d`e `wiw`vm koec kceg}dq+ wdoad ybs wcvc}vyoeg }b `|bom fy sqoeg `e ck`q}oa k`ybs} oe }dc ffvq} xk`ac+ qb wd`} }b mb2

    Ksaioky+ wc a`e qc} ` j`tojsj wom}d be }dc k`ybs} }b iccx ` dbvo~be}`kqavbkkf`v lvbj c|cv `xxc`voeg% ]doq abjxvbjoqcq bsv omc`k koec kceg}dq+ fs}oq sqs`kky fc}}cv lbv vc`m`foko}y }d`e }dc `k}cve`}o|c+ qb o} q ` lvcpsce}ky sqcm}cadeopsc wo}d ck`q}oa k`ybs}q%

    Lo}}oeg Lotcm*wom}d Abe}ce} oe ` Lkctofkc Fbt @k}dbsgd }ct} a`e wv`x+ fftcm*wom}d abe}ce} a`e }+ oeaksmoeg oj`gcq+ Lk`qd

    `em b}dcv |omcb abe}ce}+ `em }`fkcq% Lotcm*wom}d abe}ce} oq c|ce jbvc koicky}d`e }ct} }b b|cv bw wdce xk`acm oeqomc ` ctofkc abe}`oecv% Mcxcemoeg be

    }dc fvbwqcv+ }doq a`e vcqsk} oe b|cvk`xxoeg abe}ce} bv c|ce a`sqc `e ce}ovcabksje }b mvbx bs} bl |ocw% Ksaioky+ }dc fftcm wom}d bl }doq abe}ce} bl}cej`icq o} c`qy }b xoai `e `xxvbxvo`}c |`ksc lbv ` joeojsj wom}d }b `xxky}b }dc k`ybs} `em `|bom }doq xvbfkcj% Gcecv`}oeg qavbkkf`vq lbv }dc xocac bl b|cvky k`vgc abe}ce} oq `kqb `e bx}obe $}d`} wc kk ab|cv oe Ad`x}cv C|ce }dbsgdybs jogd} eb} mcak`vc `wom}d lbv ` }`fkc bv `ey bl

    }dc abksjeq wo}doe o}+ ybsa`e q}okk abeqomcv o} lotcm*wom}d `em sewv`xx`fkc+fca`sqc }`fkc abksjeqa`e } wv`x fckbw wdce}dcvc oq eb} cebsgd vbbj%@kqb+ c`ad abksje `s}b*j`}oa`kky ctx`emq }b dbkmo}q womcq} xocac bl abe}ce}%

    ]dc esjfcv bl ad`v`a}cvqbl }dc womcq} wbvm oec`ad abksje cllca}o|ckyqc}q }dc joeojsj wom}dlbv }d`} abksje+ wo}d }dcjoeojsj wom}d bl `kk }dcabksjeq }bgc}dcv `a}oeg`q }dc lotcm+ joeojsjwom}d bl }dc }`fkc%

    AD@X]CV 0> SEMCVQ]@EMOEG LKCTOFKC K@_BS]Q04

  • 7/30/2019 Flexible Web Design

    26/333

    Fvbwqcv Qdbv}abjoegq

    Fvbwqcv fsgq `em oeabeqoq}ceaocq mbe } `mm }b }dc lse bl `ey wcf mcqogexvbnca}+ `em }dcvc `vc acv}`oeky fvbwqcv qdbv}abjoegq }d`} qxcaoffa`kky `llca}ctofkc k`ybs}q% ]dcqc oeaksmc>

    Avbqq*fvbwqcv mollcvceacq oe vbsemoeg qsf*xotck jc`qsvcjce}q

    OC < `em c`vkocv k`ai bl qsxxbv} lbv joe*wom}d `em j`t*wom}d

    OC < `em c`vkocv `s}b*ctx`eqobe bl wom}d `em dcogd}

    OC < `em c`vkocv o}`koaq }ct} fsg

    OC < `em c`vkocv cj }ct} vcqo~oeg fsg

    OC < `em c`vkocv $eb}oaoeg ` x`}}cve2/ xcci`fbb fsg

    @g`oe+ }dcvc `vc w`yq }b `|bom+ wbvi `vbsem+ bv qojxky ko|c wo}d }dcqc xvbf*kcjq+ `em wc kk gb b|cv c`ad `q wc vse oe}b }dcj }dvbsgdbs} }dc fbbi%

    Adbbqoeg }dc Vogd} K`ybs} ]yxc lbv _bsv X`gc

    @q ybs |c qcce }dvbsgdbs} }doq ad`x}cv+ c`ad mcqoge }yxc d`q o}q bwe fce*cff}q `em ad`kkcegcq% Lbkkbwoeg `vc qbjc vc`qbeq }b adbbqc c`ad bl }dc }dvcc

    mcqoge }yxcq wc |c ab|cvcm% ]doq koq} acv}`oeky oqe } abjxvcdceqo|c+ qoeac bl absvqc O a`e } `e}oaox`}c c|cvy }yxc bl qo}c ybs kk w`e} }b j`ic bv `smoceacmcjbgv`xdoa ybs kk d`|c }b mcqoge lbv% Sqc ybsv nsmgjce} }b mcaomc wd`}wokk wbvi fcq} lbv ybsv xvbnca}+ sqoeg }doq `q ` q}`v}oeg xboe}%

    O w`e} }b cjxd`qo~c }d`} eb} beky oq }dcvc eb bec vogd} w`y }b k`y bs} c|cvy}yxc bl qo}c+ fs} }d`} c|ce ol ybs mb xoai ` k`ybs} }yxc }d`} oq vc`kky wckkqso}cm }b ybsv x`v}oask`v `smoceac q eccmq `em ff}q wo}d ybsv abe}ce} `em

    mcqoge+ }dcvc `vc q}okk gboeg }b fc qbjc sqcvq wdb wokk moqkoic o}% ]dc wckk*iebwe AQQ mc|ckbxcv Cvoa Jcycv qsjq }doq sx dsjbvbsqky oe doq `v}oakcJ`ioeg Xbxsk`v K`ybs} Mcaoqobeq `} www%}doei|o}`joe%abj"lc`}svcq"mcqoge"j`ioeg*xbxsk`v*k`ybs}*mcaoqobeq%

    http://www.thinkvitamin.com/features/design/making-popular-layout-decisionshttp://www.thinkvitamin.com/features/design/making-popular-layout-decisionshttp://www.thinkvitamin.com/features/design/making-popular-layout-decisionshttp://www.thinkvitamin.com/features/design/making-popular-layout-decisions
  • 7/30/2019 Flexible Web Design

    27/333

    AD@X]CV 0> SEMCVQ]@EMOEG LKCTOFKC K@_BS]Q68

  • 7/30/2019 Flexible Web Design

    28/333

    _bs vc ` fcgoeeoeg wcf mcqogecv bv fcgoeeoeg AQQ mcqogecv%

    Fy mcffeo}obe+ fftcm*wom}d mcqogeq `vc sqs`kky c`qocv }b fsokm+ wdoad oqdckxlsk wdce ybs vc nsq} q}`v}oeg bs} oe wcf mcqoge% O} q `kqb c`qocv }bq}oai }b }dcj ol ybs vc `e ctxcvoceacm mcqogecv fs} `vc oe }dc xvbacqqbl qwo}adoeg lvbj }`fkc*f`qcm }b AQQ*f`qcm k`ybs}q% AQQ a`e fc d`vmcebsgd }b kc`ve `q o} oq+ qb mbe } fo}c bll jbvc }d`e ybs a`e adcw wo}d ybsv ffvq} absxkc bl k`ybs}q% Mcqxo}c }dc fcecff}q bl ctofkc k`ybs}q+ `vbfsq} fs} qojxkc fftcm*wom}d k`ybs} oq gboeg }b fc jsad jbvc fcecffao`k}b ybsv sqcvq }d`e ` xbbvky ojxkcjce}cm ctofkc bec%

    _bs nsq} eccm }b gc} qbjc}doeg qj`kk `em qojxkc }bgc}dcv psoaiky%

    Qbjc}ojcq ybs nsq} eccm }b mcqoge ` ko}}kc qo}c lbv ybsv seakc oe }wb m`yqlbv ` dsemvcm fsaiq `em gc} o} bs} }dc mbbv% Wdokc ctofkc k`ybs} mbcqe }d`|c }b fc l`eay bv abjxkoa`}cm+ c|ce qc`qbecm AQQ mcqogecvq j`y ffem}dcjqck|cq qxcemoeg jbvc }ojc be ` ctofkc qo}c }d`e }dc fsmgc} `kkbwq% Ol ybs iebw }dc qo}c oqe } gboeg }b fc dogd }v`lffa+ bv oq nsq} qbjc}doeg }cjxb*v`vy+ gb `dc`m `em }dvbw }bgc}dcv ` fftcm*wom}d qo}c ol o} dckxq ybs gc} }dc nbf mbec% O m kb|c lbv sq `kk }b `kw`yq j ic qo}cq }d } `vc xcvlca}ky av`l}cmlbv }dc lskk qw`}d bl bsv }`vgc} `smoceacq `em ad`kkcegc sq }b kc`ve ecwqiokkq `em fc fc}}cv mcqogecvq+ fs} O iebw wc ko|c oe }dc vc`k wbvkm%

    Kopsom

    Adbbqc ` kopsom mcqoge oe `ey bl }dc lbkkbwoeg $bv qojok`v/ qace`vobq>

    Vc`m`foko}y oq bl }dc s}jbq} ojxbv}`eac $lbv ct`jxkc+ wdce ` qo}c oq}ct}*dc`|y/%

    Acv}`oe }yxcq bl qo}cq `vc |cvy }ct}*dc`|y+ `em j`ey bl }dcqc wokk d`|c }dcsqcv mboeg ` l`ov `jbse} bl vc`moeg+ oeq}c`m bl nsq} abjxkc}oeg ` psoai }`qi `em kc`|oeg% Vc`m`foko}y oq bl}ce |cvy ojxbv}`e} be ecwq `em j`g`*~oec qo}cq+ xbv}`kq+ qc`vad cegoecq+ `em fkbgq+ `q wckk `q qo}cq }d`} lc`}svc

    kcg`k+ fsvc`sav`}oa+ bv cmsa`}obe`k oelbvj`}obe+ qsad `q abvxbv`}c+ ebe*xvbff}+ gb|cvejce}+ `em }v`oeoeg qo}cq%

    ]dc qo}c oq ` wcf `xxkoa`}obe `em f`qcm be sqcv*gcecv`}cm abe}ce}%

    Oe ` wcf `xxkoa`}obe+ sqcvq d`|c mcffeo}c }`qiq }dcy w`e} }b gc} mbec `emw`yq }dcy w`e} }b mb }dcj+ `em }dcy bl}ce ctxca} `e c|ce gvc`}cv kc|ckbl abe}vbk }d`e }dcy wbskm oe vcgsk`v $ebe*`xxkoa`}obe/ qo}cq% @mm }b }d`}}dc l`a} }d`} j`ey wcf `xxkoa`}obeq vcky be }dc sqcvq }dcjqck|cq xvb|om*oeg bv avc`}oeg }dc abe}ce}+ qsad `q }ct} mbasjce}q+ fbbij`viq+ bv ffe`e*ao`k m`}`+ `em ybs a`e d`|c qbjc `egvy sqcvq be ybsv d`emq ol ybs }vy }bkbai }dcj mbwe }b wbvioeg wo}d }dcov }ct} oe ` |cvy vogom w`y% Bf|obsqky+

    ADBBQOEG ]DC VOGD] K@_BS] ]_XC LBV _BSV X@GC 60

  • 7/30/2019 Flexible Web Design

    29/333

    }doq mbcqe } `xxky }b `kk wcf `xxkoa`}obeq bv sqcv*gcecv`}cm abe}ce}qo}cqO |c `kvc`my jce}obecm dbw Lkoaiv j`icq qceqc `q ` fftcm*wom}d

    qo}cfs} c|ce gv`xdoa`kky bvoce}cm wcf `xxkoa`}obeq jogd} fcecff} lvbjfcoeg ctofkc% Lbv oeq}`eac+ }doei bl dbw lvsq}v`}oeg o} wbskm fc ol GbbgkcJ`xq $ d}}x>""j`xq%gbbgkc%abj/ lc`}svcm ` qoegkc*qo~c j`x }d`} j`y bvj`y eb} ff} ybsv qavcce+ bv ol }dc oj`gc cmo}bv oe Xoaeoi $ www%xoaeoi%abj/ mome } vcqo~c wo}d ybsv woembw%

    _bsv `smoceac oeaksmcq ` x`v}oask`vky womc |`voc}y bl fvbwqoeg qc}sxq%

    @kjbq} `kk qo}cq d`|c ` l`ov `jbse} bl mo|cvqo}y oe }dcov `smoceacq+ fs} qbjckcem }dcjqck|cq }b c|ce jbvc bl o} }d`e b}dcvq+ `em }dsq vcpsovc c|ce jbvcctofoko}y% Lbv oeq}`eac+ O |c wbvicm be qc|cv`k qo}cq }`vgc}cm }b qadbbkq+`em O iebw dbw wokmky |`vocm }dc a`x`foko}ocq bl }dcov abjxs}cvq`em }dsq}dcov qavcce vcqbks}obeq `em fvbwqcvqa`e fc% Qsad |`vocm sqcv qc}sxq`jbeg }dc `smoceacq bl }dcqc qo}cq j`ic ctofkc k`ybs}q gbbm adboacq%

    Mbe } fc }bb psoai }b wvo}c bll }doq avo}cvobe fca`sqc ybs }doei ybsv `smo*ceac q mo|cvqo}y oq l`ovky kojo}cm% Wc mbe } `em a`e } vc`kky iebw }dc lskkqabxc bl wdb oq sqoeg jbq} bl bsv qo}cq `em dbw% C|ce }dc kojo}cm oelbv*j`}obe wc a`e gkc`e lvbj wcf*qcv|cv q}`}oq}oaq a`e fc mcaco|oeg+ `q o}a`e qc} ybs sx lbv ` qckl*lskffkkoeg xvbxdcay% Lbv oeq}`eac+ ybs fckoc|c ybsmbe } eccm }b a`}cv }b J`a sqcvq fca`sqc }dcy vc eb} sqoeg ybsv qo}c+ `qc|omceacm fy }dc wcf q}`}q+ fs} j`yfc }dcy vc eb} sqoeg ybsv qo}c xvc*aoqcky fca`sqc ybs vc eb} a`}cvoeg }b }dcj%

    _bs vc vcpsovcm }b bv w`e} }b abjxky wo}d `aacqqofoko}y gsomckoecq%

    Kopsom mcqoge oq acv}`oeky eb} ` vcpsovcjce} bl }dc S%Q% gb|cvejce} qQca}obe 384 `aacqqofoko}y k`w+ fs} }dcvc `vc kb}q bl w`yq ybs a`e ced`eac`aacqqofoko}y `fb|c `em fcybem Qca}obe 384+ `em ctofkc mcqoge oq becbl }dcj% Lbv oeq}`eac+ j`ioeg }ct} `em o}q abe}`oecvq vcqo~`fkc oq x`v} bl fb}d }dc Wcf Abe}ce} @aacqqofoko}y Gsomckoecq $WA@G/ 0%8 vcabjjcem`*}obe+ wdoad oq sqcm fy qbjc abse}vocq `q }dcov `aacqqofoko}y vcgsk`}obeq+

    `em }dc 6%8 wbvioeg mv`l}% Lbv }dc mc}`okq bl WA@G+ qccwww%w1%bvg" W@O"oe}vb"wa`g%xdx%

    _bs koic ` gbbm ad`kkcegc%

    O gscqq O j ` wcf*mcqoge gcci+ fs} O }doei go|oeg jyqckl ` mcqoge `em abe*q}vsa}obe ad`kkcegc oq lse% Lbv jc+ o} q ctao}oeg }b }vy }b xs} }bgc}dcv ` k`y*bs} }d`} kbbiq gvc`} `} ` fsead bl mollcvce} qo~cq% O} xsqdcq jc }b fc jbvcavc`}o|c wo}d jy mcqogeq+ oeq}c`m bl nsq} vc`adoeg lbv jy abjlbv}`fkc bkm

    mcqoge }voaiq }b joemkcqqky xs} }bgc}dcv ` fftcm*wom}d psoaioc qo}c% O kc`veecw AQQ }voaiq `em gc} jbvc abeffmce} oe jy wbvi c`ad }ojc O fsokm ` ecwctofkc qo}c% ]d`} q eb} }b q`y }d`} fftcm*wom}d mcqogeq `vc oedcvce}ky c`qy

    AD@X]CV 0> SEMCVQ]@EMOEG LKCTOFKC K@_BS]Q66

    http://maps.google.com/http://www.picnik.com/http://www.picnik.com/http://www.w3.org/WAI/intro/wcag.phphttp://www.w3.org/WAI/intro/wcag.phphttp://www.w3.org/WAI/intro/wcag.phphttp://www.w3.org/WAI/intro/wcag.phphttp://www.picnik.com/http://www.picnik.com/http://maps.google.com/
  • 7/30/2019 Flexible Web Design

    30/333

    }b j`icO j`v|ck oe ce|y `} }dc fc`s}olsk+ gv`xdoa`kky voad wbvi bl j`eyAQQ mcqogecvqfs} }d`} ctofkc mcqoge oq yc} `eb}dcv `|cesc lbv vclvcqdoeg

    ybsv mcqogeq+ xsqdoeg ybsv fbsem`vocq+ `em ctx`emoeg ybsv qiokk qc}q%

    Ck`q}oa

    @kk bl }dc vc`qbeq koq}cm `fb|c lbv adbbqoeg kopsom k`ybs}q `vc `xxkoa`fkc}b ck`q}oa k`ybs}q `q wckk% Dbwc|cv+ }dcvc `vc ` lcw `mmo}obe`k vc`qbeq ybsjogd} abeqomcv `e ck`q}oa k`ybs}>

    ]dc qo}c abe}`oeq j`ey k`vgc m`}` }`fkcq%

    ]`fkcq `vc seopsc oe }d`} }dcy vc j`mc sx bl }ct}+ qb }dcy a`e gc} foggcv$sekoic oj`gcq/ fs} }dcy a`e } fc wv`xxcm $koic oj`gcq/% ]`fkc ackkq wokkgc} `q qj`kk `q }dcy xbqqofky a`e lbv }dc abe}ce} oeqomc }dcj+ fs} `l}cv}d`}+ }dc }`fkc abksjeq wbe } q}`v} wv`xxoeg be}b jsk}oxkc koecq ol }dcmcqoge oq }bb e`vvbw% Oeq}c`m+ }dc }`fkc wokk nsq} d`eg bs} }dc qomc+ wdoadoq ec|cv |cvy `}}v`a}o|c `em bl}ce pso}c sesq`fkc% Ol ybsv qo}c d`q ` kb} bl }`fkcq oe o}+ koic }dc m`}`*dc`|y gb|cvejce} qo}cq `em wcf `xxkoa`}obeqO |c wbvicm be mb+ o} j`icq qceqc }b xk`ac }dbqc }`fkcq oe ` abe}`oecvwdoad wokk `kqb vcqo~c wdce }dc }`fkc }ct} mbcq> `e ck`q}oa abe}`oecv%

    ]yxbgv`xdy bv }dc xvbxbv}obeq bl mcqoge ckcjce}q oq |cvy ojxbv}`e}%

    Ol }dc mcqoge bl ybsv }ct} oe sceacq o}q jc`eoeg+ qsad `q wdcvc koecfvc`iq l`kk oe ` xbcj+ }dce ck`q}oa k`ybs}q a`e dckx xvcqcv|c }d`} mcqoge

    eb j`}}cv wd`} }ct} qo~c }dc sqcv d`q%

  • 7/30/2019 Flexible Web Design

    31/333

    6Dbw }b McqogeLkctofkc K`ybs}q

    Avc`}oeg ctofkc k`ybs}q oqe } nsq} ` j`}}cv bl wd`} AQQ }b sqc% _bs eccm }b q}`v} bs} wo}d ` mcqoge abjx bv jbaisx }d`} a`e fc qsaacqqlskky }svecm oe}b ` kopsom bv ck`q}oa k`ybs}% Eb} c|cvy mcqoge a`e% Qoeac mcqoge abjxq`vc q}`}oa oj`gcq+ eb} ad`egc`fkc wcf x`gcq+ j`ey mcqogecvq l`kk oe}b }dc

    }v`x bl mcqogeoeg gv`xdoa ckcjce}q }d`} a`e wbvi `} beky bec qo~c+ bv wo}d `x`v}oask`v lbe} qo~c+ bv beky ol }dcy `xxc`v `} ` acv}`oe xboe} be }dc qavcce%Wdce ybs kc`ve dbw }b q}bx mcqogeoeg oe }doq w`y `em q}`v} }doeioeg oe}cvjq bl }dc c|ce}s`k ctofkc AQQ+ ybs kk d`|c ` jsad c`qocv }ojc avc`}oegctofkc k`ybs}q }d`} `vc `}}v`a}o|c `em vbfsq} cebsgd }b q}`em sx }b qc|cv`k mollcvce} sqcv qace`vobq% Oe }doq ad`x}cv+ ybs kk kc`ve dbw }b omce}oly mcqogelc`}svcq }d`} `vc`em `vc eb} ctofkc*lvocemky+ `q wckk `q dbw }b ad`egc}dbqc }d`} `vce }qbjc}ojcq beky qkogd}ky}b wbvi oe ` kopsom bv ck`q}oak`ybs}% Wc kk `kqb q}`v} }b wbvi movca}ky be }dc x`gcq bl }dc ct`jxkc qo}c }d`} wc kk fc fsokmoeg }dvbsgdbs} }dc fbbi%

    AD@X]CV 6> DBW ]B MCQOGE LKCTOFKC K@_BS]Q6=

  • 7/30/2019 Flexible Web Design

    32/333

    Mcqoge Xvoeaoxkcq lbv Lkctofkc K`ybs}q ]dcvc `vc ` esjfcv bl gsomckoecq lbv ctofkc mcqogeq }d`} ybs a`e qojxky

    jcjbvo~c `em `kw`yq iccx oe joem wdce mcqogeoeg ybsv bwe k`ybs}q% J`eybl }dcqc `vc eb} beky `xxkoa`fkc }b avc`}oeg kopsom `em ck`q}oa k`ybs}q+ fs}`kqb }b avc`}oeg fftcm*wom}d k`ybs}q }d`} ybs w`e} }b j`ic jbvc `m`x}o|c}b sqcv xvclcvceacq qsad `q lbe} qo~c% ]dcy vc ` gbbm xvojcv }b mcqogeoeg lbv}dc seopsc q}vceg}dq bl }dc jcmosj}d`} oq+ qxcaoffa`kky lbv }dc wcf+ v`}dcv}d`e lbv xvoe}%

    J`ey bl ybs mbe } gc} }b mcqoge ybsv bwe k`ybs}q+ fs} oeq}c`m d`|c gv`xdoamcqogecvqjbq} bl wdbj mbe } iebw dbw }b `a}s`kky fsokm wcf x`gcq+ `}kc`q} eb} wo}d AQQavc`}oeg }dc mcqoge abjxq }d`} ybs }dce }sve oe}b vc`kx`gcq% ]doq oqe } `e omc`k qace`vob+ fca`sqc o} q vc`kky ojxbv}`e} }d`} }dcmcqogecv semcvq}`em dbw }dc c|ce}s`k xvbmsa} wokk fc avc`}cm }b fc `fkc}b qsaacqqlskky mcqoge qbjc}doeg }d`} q abjx`}ofkc% Ol ybsv mcqogecv iebwqdbw }b j`ic AQQ k`ybs}q fs} qojxky adbbqcq eb} }b fca`sqc }dc }wb bl ybs

    d`|c ` gbbm mo|oqobe bl k`fbv gboeg be+ ybs xvbf`fky wbe } vse oe}b j`eyxvbfkcjq% Fs} ol ybs vc wbvioeg wo}d mcqogecvq wdb `vce } `kqb $T/D]JK`em AQQ mc|ckbxcvq+ ybs |c xvbf`fky ctxcvoceacm ` kb} bl lvsq}v`}obe oe }vy*oeg }b }v`eqk`}c }dcov wbvi }b }dc wcf% ]dcqc gv`xdoa mcqogecvq wbskm fc }dcbecq }b fcecff} }dc jbq} lvbj }doq ad`x}cv $j`yfc ybs a`e kc`|c ` abxy bl }doq fbbi be }dcov mcqiq+ wo}d ` eoac fog fbbij`vi oe }doq ad`x}cv/+ fs} ybsa`e `kqb sqc o} }b ybsv bwe `m|`e}`gc% J`ey bl }dc xvbfkcj`}oa mcqoge lc`*}svcq ybs kk qcc mcjbeq}v`}cm dcvc mbe } vcpsovc jsad ad`egc }b wbvi wo}dctofkc k`ybs}qo} q nsq} ` j`}}cv bl iebwoeg wd`} }d`} ad`egc qdbskm fc%

    Wc kk w`ki }dvbsgd }dc j`oe mbq `em mbe }q bl }dcqc mcqoge xvoeaoxkcq}dbqc ybs qdbskm `|bom `em }dbqc ybs qdbskm xk`e lbv `em oeabvxbv`}c lvbj}dc fcgoeeoeg%

    @|bom> Lotcm Dcogd}q lbv @ey}doeg Abe}`oeoeg ]ct}Eb} mcqogeoeg lbv fftcm wom}dq jogd} qccj koic }dc ffvq} }doeg wc bsgd}}b ab|cv% @l}cv `kk+ |`vo`fkc wom}dq `vc wd`} ctofkc k`ybs}q `vc `kk `fbs}%Dbwc|cv+ fftcm dcogd}q `vc nsq} `q xvbfkcj`}oa lbv ctofkc mcqogeq `q fftcmwom}dq+ qoeac ` ad`egc oe }dc wom}d bl ` }ct} fbt `llca}q dbw j`ey koecq }dc}ct} }`icq sx $oe ` kopsom k`ybs}/ bv o}q b|cv`kk dcogd} $oe `e ck`q}oa k`ybs}/%

    @|bomoeg fftcm dcogd}q qdbskm fc }dc j`e}v` bl wcf mcqogecvq }dc wbvkm

    b|cv+ wdc}dcv }dcy `vc j`ioeg ctofkc AQQ k`ybs}q bv eb}% _bs qojxky a`e*eb} iebw wd`} qo~c }ct} `ey bl ybsv sqcvq d`|c qxcaoffcm+ `em qb ybs a`e }

    MCQOGE XVOEAOXKCQ LBV LKCTOFKC K@_BS]Q63

  • 7/30/2019 Flexible Web Design

    33/333

    mcqoge `ey fkbai abe}`oeoeg }ct} }b fc ` x`v}oask`v dcogd}% Ol ybs mb+ ybs vcqc}}oeg ybsvqckl sx lbv b|cv bwoeg `em b|cvk`xxoeg }ct}%

    Mcqogeoeg lbv ctofkc dcogd}q `kqb j`icq ` gbbm mc`k bl qceqc wdce ybs abe*qomcv }d`} }ct} be }dc wcf ad`egcq lvcpsce}ky% Dbw bl}ce d`|c ybs d`m ` akoce}q`y+ ]d`} q xcvlca}! ]dc wcf qo}c oq abjxkc}c! Fs} nsq} ad`egc }doq fkbai bl oe}vb }ct}+ `em ol wc a`e nsq} ad`egc ` lcw wbvmq dcvc+ `em wc lbvgb} }b `mmbsv }`gkoec dcvc%%%2 Kc`|oeg dcogd}q ctofkc ceqsvcq }d`} ybs a`e `kw`yq `mmbv qsf}v`a} ` acv}`oe `jbse} bl }ct} lvbj `e `vc` bl }dc x`gc wo}dbs} d`|oeg }babjxkc}cky b|cvd`sk }dc mcqoge bv ad`egc `ey bl }dc $T/D]JK bv AQQ%

    Bl absvqc+ c|cvy gbbm mcqoge xvoeaoxkc eccmq qbjc a`|c`}q% Jbq} bl }dc }ojc+ ybs vc eb} gboeg }b fc `fkc }b mcqoge lbv oeffeo}cky ctx`emoeg dcogd}q% ]dcvcoq `kw`yq gboeg }b fc qbjc lbe} qo~c wdoad oq qb ct}vcjc }d`} }ct} b|cv bwqo}q fbt bv a`sqcq qbjc b}dcv oe}cvlcvceac oe }dc mcqoge% _bsv nbf oq qojxky }bmcqoge lbv `q womc ` v`egc bl ctofoko}y `q xbqqofkc%

    @kqb+ ybs a`e qbjc}ojcq `qqoge dcogd}q }b fbtcq wo}d }dc cj seo} bl jc`*qsvcjce}+ qb }d`} `q }dc }ct} gvbwq+ }dc dcogd} bl }dc fbt gvbwq }b j`}ad% ]bmb }doq+ ybs kk eccm }b j`ic qsvc }d`} }dc wom}d bl }dc fbt oq ck`q}oa `q wckk%Sqoeg cj dcogd}q mbcqe } sqs`kky wbvi be fbtcq }d`} `vc jc`e} }b fc kopsom+qoeac vcqo~oeg }dcj wv`xq }dc }ct} be}b jbvc koecq+ wdoad }dc cj dcogd}d`qe } `aabse}cm lbv%

    _bs a`e psoaiky }cq} }b qcc wdc}dcv ` fftcm*wom}d wcf x`gc abskm fc j`mckopsom fy oeavc`qoeg }dc }ct} qo~c oe ybsv fvbwqcv+ qoeac }doq `kqb d`q }dccllca} bl wv`xxoeg }dc }ct} be}b jbvc koecq% Lbv oeq}`eac+ dcvc q }dc f`eecv`vc` bl }dc fftcm*wom}d qo}cwww%gvcg*wbbm%ab%si `} }dc mcl`sk} lbe} qo~c$Logsvc 6%0/%

    Wdce ybs oeavc`qc }dc lbe} qo~c ` lcw }ojcq+ ybs kk qcc }d`} }dc }ct}+ wdoadsqcm }b fc be }dvcc koecq+ ebw qx`eq qot $ Logsvc 6%6/% O} q b|cv bwcm bs} bl }dc fftcm*dcogd} fbt `em oq b|cvk`xxoeg }dc }ct} fckbw% Fca`sqc qbjc bl }dcb|cv bwcm }ct} oq wdo}c+ o} fkcemq oe wo}d }dc f`aigvbsem bl }dc x`gc `emd`q moq`xxc`vcm abjxkc}cky% Vogd} ebw+ }doq x`gc oqe } kopsom*abjx`}ofkc%

    LOGSVC 6%0@} }dc mcl`sk}lbe} qo~c+ }dc }ct} lo}q wckkoeqomc }dc gv`xdoa f`eecv bewww%gvcg*wbbm%ab%si%

    AD@X]CV 6> DBW ]B MCQOGE LKCTOFKC K@_BS]Q6

  • 7/30/2019 Flexible Web Design

    34/333

    VCQO^OEG ]CT] OE _BSV FVBWQCV

    C|cvy fvbwqcv kc}q ybs vcqo~c }ct}+ fs} c`ad mbcq o} ` ko}}kc mollcvce}ky% Dcvc q `psoai vsembwe be dbw }b mb o} oe }dc j`nbv fvbwqcvq% Qcc ybsv fvbwqcv q dckxffkcq ol ybs eccm jbvc oelbvj`}obe%

    Lovclbt 1> Adbbqc \ocw 5 ^bbj+ `em adcai ^bbj ]ct} Beky% Beac }doqbx}obe oq qckca}cm+ sqoeg }dc icyfb`vm qdbv}as}q lbv ~bbjoeg wokk ad`egc }dc}ct} qo~c oeq}c`m bl ~bbjoeg }dc ce}ovc x`gc> xvcqq }dc A}vk icy be Woembwqbv }dc Abjj`em icy be J`a wo}d }dc xksq icy }b oeavc`qc }dc lbe} qo~c bv }dc joesq icy }b mcavc`qc }dc lbe} qo~c% @k}cve`}o|cky+ ybs a`e dbkm mbweA}vk bv Abjj`em `em sqc ybsv jbsqc q qavbkk wdcck }b j`ic }ct} foggcv $olybs qavbkk mbwe/ bv qj`kkcv $ol ybs qavbkk sx/%

    Lovclbt 6> Adbbqc \ocw 5 ]ct} Qo~c+ `em }dce adbbqc Oeavc`qc bv Mcavc`qc%_bs a`e `kqb sqc }dc q`jc icyfb`vm qdbv}as}q mcqavofcm lbv Lovclbt 1%

    Oe}cvec} Ctxkbvcv 7 `em 4> Adbbqc \ocw 5 ]ct} Qo~c+ `em }dce qckca} lvbj}dc ff|c qo~c icywbvmq koq}cm $Jcmosj oq }dc mcl`sk}/% ]dc icyfb`vm qdbv}*as}q lbv vcqo~oeg }ct} oe Lovclbt wokk ~bbj }dc k`ybs} oe OC+ oeq}c`m bl vcqo~oeg}ct} beky+ qb fc a`vclsk% @kqb+ }ct} qc} oe xotckq `q }dc seo} bl jc`qsvcjce}a`eeb} fc vcqo~cm oe `ey |cvqobe bl OC%

    Oe}cvec} Ctxkbvcv < `em c`vkocv> Q`jc `q OC 7% Qoeac ~bbj mbcq eb} ctoq} oe|cvqobeq bl OC xvobv }b |cvqobe 7+ }dc icyfb`vm qdbv}as}q mb eb}doeg%

    Q`l`vo> Adbbqc \ocw 5 J`ic ]ct} Foggcv bv \ocw 5 J`ic ]ct} Qj`kkcv%]dc icyfb`vm `em qavbkk*wdcck qdbv}as}q mcqavofcm lbv Lovclbt wbvi oe Q`l`vo`q wckk%

    Bxcv`> ]dcvc q eb w`y }b ad`egc }ct} qo~c be }dc y+ beky seo|cvq`kky

    }dvbsgd ybsv xvclcvceacq%

    LOGSVC 6%6]dc b|cvlkbw*oeg }ct} oemoa`}cq }d`} }doqf`eecv oq eb} asvvce}ky qc}sx }b ad`egc oe dcogd} bvwom}d }b `aabjjbm`}c }ct}*wv`xxoeg ad`egcq }d`} wbskmbaasv oe ` kopsom k`ybs}%

    MCQOGE XVOEAOXKCQ LBV LKCTOFKC K@_BS]Q67

  • 7/30/2019 Flexible Web Design

    35/333

    Dbwc|cv+ }dcvc q `a}s`kky eb}doeg `fbs} }doq f`eecv mcqoge }d`} abskme }fc j`mc kopsom% ]dc okksq}v`}obe be }dc vogd} qomc bl }dc f`eecv mbcqe } }`ic

    sx }dc wdbkc dcogd}+ fs} oeq}c`m d`q ` qbkom f`aigvbsem abkbv `fb|c o}% ]doqf`aigvbsem abkbv abskm c`qoky fc ctx`emcm `q }dc }ct} qx`eecm jbvc vbwq`em oeavc`qcm }dc dcogd} bl }dc f`eecvybs m nsq} eccm }b qkoac }dc gv`xdoaqmollcvce}ky `em ad`egc }dc AQQ ` fo}%

    @eb}dcv abjjbe ct`jxkc bl }doq wbskm fc fbtcq wo}d vbsemcm abvecvq bvb}dcvwoqc mcabv`}o|c fbvmcvq+ qsad `q }dbqc qdbwe be www%mye`jotecw*jcmo`%abj $Logsvc 6%1/% ]dc Cabebjoa X`ai `em Bsv xvbmsa} fbtcq abe*

    }`oe oj`gcq bl }ct}+ fs} }dc b}dcv fbtcq qdbwe oe Logsvc 6%1 abe}`oe vc`k }ct}%Qoeac }dcqc fbtcq d`|ce } fcce fsok} }b fc ctofkc+ }dc vc`k }ct} b|cv bwqwdce o} oq vcqo~cm+ nsq} `q o} wbskm ol }dc ce}ovc mcqoge w`q `kkbwcm }b gc} e`v*vbw `em wv`x }dc }ct} be}b jbvc koecq $ Logsvc 6%=/% Fs} }dc q}v`ogd} xbv}obeqbl }dc qomcq bl }dcqc fbtcq abskm oeq}c`m fc avc`}cm bs} bl }okcm f`aigvbsemoj`gcq $}dc mcl`sk} fcd`|obv bl f`aigvbsem oj`gcq oq }b vcxc`} b|cv `em b|cv`g`oe }b ffkk }dc `|`ok`fkc qx`ac/ }b avc`}c fbtcq wo}d ctx`em`fkc mojceqobeq%

    Wc kk gb b|cv dbw }b mb }doq oe Ad`x}cv 4%

    LOGSVC 6%1@} }dc mcl`sk} }ct} qo~c+ }dc }ct} lo}q wckk oeqomc }dc}`gq `em ecwq fbtcq wo}d vbsemcm abvecvq be }dc Mye`jotEcw Jcmo` dbjc x`gc%

    LOGSVC 6%= Wdce ybs cek`vgc }dc }ct}+ }dc vbsemcm abvecvabe}`oecv fbtcq mbe } oeavc`qc oe dcogd}%

    J`ey b}dcv mcqogeq+ dbwc|cv+ abskm eb} fc `m`x}cm }b kopsom qb c`qoky% ]dcy

    wbskm vcpsovc eb} nsq} AQQ `mnsq}jce}q+ fs} `a}s`k ad`egcq }b }dc mcqoge%]dcvc q ` fog mollcvceac fc}wcce eb} mcqogeoeg lbv ctofoko}y `em qojxky eb}fsokmoeglbv o}% Wc kk fc j`oeky lbasqoeg be }dc lbvjcv oe }doq ad`x}cv%

    Qb wdcvc `vc }dc ct`jxkcq bl qo}cq }d`} wcvce } mcqogecm lbv ctofoko}y+oeq}c`m bl nsq} eb} fcoeg fsok} lbv o}2 ]doq xvoeaoxkc bl eb fftcm dcogd}q oq }dcf`qoq lbv j`ey bl }dc abeacx}q wc kk moqasqq ect}+ qb }dc w`y ybs adbbqc}b wbvi `vbsem o} oe ybsv mcqoge mcxcemq be wdy ybs `vc ojxkcjce}oeg `fftcm dcogd} }b fcgoe wo}d% Wc kk gb b|cv c`ad bl }dc mcqoge vc`qbeq lbv fftcmdcogd}q+ `q wckk `q }dcov xbqqofkc wbvi`vbsemq+ oe }dc ect} lcw qca}obeq%

    AD@X]CV 6> DBW ]B MCQOGE LKCTOFKC K@_BS]Q64

    http://www.dynamixnewmedia.com/http://www.dynamixnewmedia.com/http://www.dynamixnewmedia.com/http://www.dynamixnewmedia.com/
  • 7/30/2019 Flexible Web Design

    36/333

    EB] MCQOGEOEG LBV LKCTOFOKO]_ OQ BI

    Vcjcjfcv }d`} }dcvc q eb}doeg wvbeg wo}d eb} mcqogeoeg lbv ctofoko}y+ qoeacfftcm*wom}d k`ybs} oq ` xcvlca}ky `aacx}`fkc bx}obe lbv wcf mcqoge% ]dsq+ ebecbl }dc ct`jxkc qavcceqdb}q lvbj vc`k wcf qo}cq O j qdbwoeg }dvbsgdbs} }doqad`x}cv qdbskm fc qcce `q f`m mcqoge% ]dcy vc qojxky eb} ctofkc*lvocemkymcqoge+ `em oe jbq} a`qcq }dcy wcvce } jc`e} }b fc% @q kbeg `q }dcy q}okk `kkbwlbv qbjc mcgvcc bl ctofoko}y oe `kkbwoeg qbjcwd`} |`vo`fkc }ct} qo~cq+ O d`|ceb fbec }b xoai wo}d `ey bl }dcj% Mcqxo}c fcoeg fsok} lbv fftcm*wom}d k`ybs}q+

    }dcy vc q}okk sqclsk lbv kc`veoeg `fbs} ctofkc*lvocemky mcqoge+ `q }doq ad`x}cv `ojq }b }c`ad ybs dbw }b `m`x} ybsv ebvj`k fftcm*wom}d mcqoge abe|ce}obeq }bwbvi oe kopsom bv ck`q}oa k`ybs}q%

    @|bom> Ovvcgsk`v Qd`xcq Bec bl }dc vc`qbeq wdy xcbxkc mcqoge fftcm dcogd}q `q wckk `q wom}dq lbv

    fkbaiq abe}`oeoeg }ct} oq }d`} }dc }ct} fkbaiq `vc k`om be }bx bl f`aigvbsemoj`gc qd`xcq }d`} `vce } q}v`ogd} `em vcgsk`v% @ abjjbe ct`jxkc bl }doq oqwdce }dc f`aigvbsem bl ` }ct} fbt oq j`mc }b kbbi koic qbjc bfnca} lvbj vc`kkolc+ qsad `q ` q}oaiy eb}c bv x`}ad bl l`fvoa% Bv }dc ovvcgsk`v qd`xcq j`y fcjbvc `fq}v`a}+ qsad `q }dc x`oe} qxkb}ad f`aigvbsemq sqcm }dvbsgdbs} }dcwcf qo}c lbv ]dc Koxxoeab}} `} www%}dckoxxoeab}}%ec}$Logsvc 6%3/%

    LOGSVC 6%3 Wo}d `eovvcgsk`vky qd`xcm f`aigvbsemoj`gc+ qsad q }dc bv`egc emgvcce x`oe} qxkb}adcq dcvc+ ybs`kjbq} kw`yq d`|c }b q}oai wo}d lotcm*wom}d q wckk q lotcm*dcogd} }ct} fkbai%

    MCQOGE XVOEAOXKCQ LBV LKCTOFKC K@_BS]Q6?

    http://www.thelippincott.net/http://www.thelippincott.net/
  • 7/30/2019 Flexible Web Design

    37/333

    ]dcqc x`oe} qxkb}adcq ff} fc`s}olskky wo}d }dc wc`}dcvcm kbbi `em }dc }dcjcbl vceb|`}obe sqcm be }dc qo}c+ fs} }dcy vc eb} ctofkc qd`xcq% Fca`sqc }dcqc

    qd`xcq mbe } d`|c q}v`ogd}+ sx*`em*mbwe cmgcq+ }dcvc q eb w`y }b }okc ` xbv*}obe bl co}dcv oj`gc }b avc`}c `e ctx`em`fkc fbt% Bl}ce+ ybs wbskm eb} w`e}ovvcgsk`v qd`xcq koic }dcqc }b ctx`em+ `q }dcy wbskm eb kbegcv kbbi koic }dcbfnca} }dcy `vc qsxxbqcm }b fc ojo}`}oeg beac }dcy mom% ]dc Koxxoeab}} oq `ak`qqoa ct`jxkc bl ` mcqoge }d`} eb} beky w`qe } fsok} }b fc ctofkc+ fs} w`qec|cv mcqogecm }b fc ctofkc oe }dc ffvq} xk`ac%

    Ovvcgsk`v qd`xcq mbe } abjc beky oe }dc lbvj bl gv`xdoa f`aigvbsem oj`gcq

    qo}}oeg fcdoem }dc }ct} o}qckl% Ol }dc ovvcgsk`v qd`xc nsq} fbvmcvq }dc }ct} `vc`+o} a`e fc xvbfkcj`}oa% Lbv oeq}`eac+ kbbi `} }dc voffbe gv`xdoa be d}}x>""qav`xfbbiybsvjcjbvocq%jyqdbxoly%abj $Logsvc 6%

  • 7/30/2019 Flexible Web Design

    38/333

    LOGSVC 6%7Fca`sqc Qojbe Wollce d`q mcqogecm }dc ovvcgsk`v cmgc be }dc f`e*ecv bl doq qo}c }b fc `fkc }b }okc+ }dc f`eecv a`e ctx`em `em abe}v`a} oe wom}d%

    @eb}dcv ct`jxkc bl `e ovvcgsk`v qd`xc }d`} a`e ctx`em oq be }dc oeecv x`gcqbl }dc ck`q}oa qo}c lbv }dc mcqoge `gceay Ecsvb}oa $d}}x>""ce%ecsvb}oawcf%abj"wcf*mcqoge/% ]dc xsvxkc fbt }d`} lv`jcq }dc }bx bl }dc k`ybs} oqasv|cm+ wdoad ebvj`kky wbskm jc`e }d`} o} abskme } ctx`em oe wom}d%Dbwc|cv+ }dc jommkc bl }dc asv|c q}v`ogd}ceq bs}+ qb }doq q}v`ogd} xbv}obe bl }dc oj`gc a`e fc }okcm }b `kkbw }dc ovvcgsk`v qd`xc }b ctx`em `em abe}v`a}$Logsvc 6%4/%

    @|bom> ]ct} J`}adcm wo}d Oj`gcq ]d`} A`e } Ctx`em @eb}dcv |cvy abjjbe vc`qbe lbv mcqogeoeg fftcm*mojceqobe }ct} fkbaiq oq }b

    `aabjjbm`}c }dc fftcm mojceqobeq bl `e `aabjx`eyoeg oj`gc% O j eb} }`ki*oeg `fbs} oekoec oj`gcq dcvc}dc ioem }d`} `vc q}sai wo}doe `e `v}oakc wo}d}dc }ct} bwoeg `vbsem }dcj% O j }`kioeg `fbs} oj`gcq oe xk`acq koic f`e*ecvq bv lc`}svc fbtcq wdcvc ybs k`y }ct} co}dcv be }bx bl `e oj`gc bv vogd}

    fcqomc o}+ `em w`e} }dc }ct} }b j`}ad }dc oj`gc oe dcogd} bv wom}d%

    EB]C> Wc kk ab|cv `}cadeopsc }b avc`}c ` asv|c}d`} q}v`ogd}ceq bs} oe }dcjommkc oe Ad`x}cv 4%

    LOGSVC 6%4@ }oey q}v`ogd}xocac oe }dc jommkc bl }dcasv|cm xsvxkc qd`xc }okcq }bavc`}c ` lk`}}cecm*bs} xbv}obebl }dc asv|c+ `kkbwoeg }dcb|cv`kk qd`xc }b ctx`em `emabe}v`a} oe wom}d%

    EB]C> ]dc oj`gcq}d`} a`e } ctx`em x`v} bl}dc dc`moeg lbv }doq qca}obej`y qbsem abelsqoegmbe } `kk oj`gcq d`|c qc}mojceqobeq2 Eb} ecacq*q`voky% _bs kk qcc wd`} }doqjc`eq oe nsq} ` fo}%

    MCQOGE XVOEAOXKCQ LBV LKCTOFKC K@_BS]Q10

    http://en.neuroticweb.com/web-designhttp://en.neuroticweb.com/web-designhttp://en.neuroticweb.com/web-designhttp://en.neuroticweb.com/web-design
  • 7/30/2019 Flexible Web Design

    39/333

    Oe fb}d }dc }ct}*be*}bx `em }ct}*}b*}dc*qomc qace`vobq+ ybs vse }dc voqi bl }ct} b|cv bwoeg+ b|cvk`xxoeg be}b `e sevc`m`fkc xbv}obe bl }dc oj`gc bv

    x`gc+ bv qojxky fcabjoeg joq`kogecm wo}d }dc oj`gc oe `e `cq}dc}oa`kkyse*xkc`qoeg qbv} bl w`y% Wc q`w `e ct`jxkc bl b|cv bwoeg }ct} msc }b`}}cjx}cm `kogejce} wo}d `e oj`gc f`ai oe Logsvc 6%6% Dbwc|cv+ }d`} w`q` a`qc bl }dc mcqoge eb} fcoeg fsok} lbv ctofoko}y+ wdokc j`ey b}dcvq `vc eb}mcqogecm lbv o}%

    ]`ic }dc f`eecv gv`xdoa be www%c}bemogo}`k%abj$Logsvc 6%?/% O} d`q ` qojo*k`v k`ybs} }b }dc bec lvbj gvcg*wbbm%ab%si> ` dbvo~be}`k f`em wo}d ` fkbai

    bl }ct} be }dc kcl} `em ` gv`xdoa+ j`}adoeg oe dcogd}+ be }dc vogd}% ]doq }ojc+}dbsgd+ }dcvc `vc ` kb} jbvc gv`xdoa ckcjce}q oe|bk|cm% ]dc gv`xdoa be }dcvogd} oq `e ovvcgsk`v qd`xc+ j`mc }b kbbi koic }wb xocacq bl x`xcv9 o} b|cvk`xq}dc cmgcq bl }dc dbvo~be}`k f`em `em d`q ` mvbx qd`mbw% ]dc f`em o}qckl d`q `gv`moce} oeq}c`m bl qbkom abkbv f`aigvbsem+ `q wckk `q vbsemcm abvecvq `em `f`aigvbsem oj`gc `kogecm `} }dc fb}}bj% Wdokc o} wbskm fc xbqqofkc }b fsokm}dc f`em oe ` w`y }d`} wbskm `kkbw o} }b gvbw oe dcogd} }b `aabjjbm`}c wv`x*

    xoeg }ct} be }dc kcl} oe ` kopsom k`ybs}+ o} wbskm fc pso}c molffask} `em jcqqy% O}wbskm `kqb vcqsk} oe }dc xocacq*bl*x`xcv gv`xdoa eb kbegcv xcvlca}ky ffkkoeg }dcdcogd} bl }dc f`em+ qoeac }dc ovvcgsk`v gv`xdoa a`e } abe}`oe ` }okoeg xbv}obe }bctx`em `em abe}v`a} }b j`}ad }dc dcogd} bl }dc `mn`ace} }ct}%

    Wdc}dcv bv eb} ybsv mcqoge bl }ct} wo}d oj`gcq a`e fc j`mc ctofkc oqk`vgcky mcxcemce} be ybsv adboac bl oj`gcq% ]b mcqoge lbv ctofkc k`ybs}q+}dce+ wd`} }yxc bl oj`gcq mb ybs eccm }b xoai2 _bs kk eccm }b xoai oj`gcq bvmcqoge oj`gcvy }d`} a`e ctx`em $dceac }dc }o}kc bl }doq qca}obe/% Dcvc `vc `lcw w`yq dbw%

    LOGSVC 6%?@kk }dc gv`xdoackcjce}q oe }doq f`eecv d`|c}b `xxc`v oe xvcaoqc vck`*}obe }b c`ad b}dcv `em }dc }b`aabjx`eyoeg fkbai bl }ct}+j`ioeg o} |cvy molloask} }b kc}}dc }ct} vcqo~c bv wv`x mollcv*ce}ky+ `q wbskm fc vcpsovcm oe` lkctofkc k`ybs}%

    http://www.etondigital.com/http://www.etondigital.com/
  • 7/30/2019 Flexible Web Design

    40/333

    MCQOGE XVOEAOXKCQ LBV LKCTOFKC K@_BS]Q11

  • 7/30/2019 Flexible Web Design

    41/333

    OJ@GCQ ]D@] A@E QDBW JBVC BV KCQQ BL ]DCJQCK\CQ

    Qbjc oj`gcq beky j`ic qceqc bv kbbi gbbm ol }dcy `vc avbxxcm oe ` |cvy x`v*}oask`v w`y% B}dcvq a`e kbbi gbbm avbxxcm `} qc|cv`k mollcvce} xboe}q+ qdbw*oeg jbvc bv kcqq bl }dc oj`gc% Ol ybs a`e sqc }dc k`}}cv }yxc bl oj`gcq+ ybs kkd`|c ` jsad c`qocv }ojc j`}adoeg sx }ct} wo}d oj`gcq oe ctofkc k`ybs}q%

    ]dc a`qc q}smocq lc`}svcm be }dc Cvqioec Abvxbv`}obe dbjc x`gc $ www%

    cvqioecabvx%abj/ c`ad oeaksmc `e oj`gc }d`} qx`eq }dc ce}ovc wom}d bl }dcabksje $ Logsvc 6%01/% ]doq wbskm ebvj`kky fc ` xvbfkcj lbv ctofkc mcqoge+fs} wdce ybs mcavc`qc }dc wom}d bl ybsv fvbwqcv woembw+ }dc oj`gcq qoj*xky avbx lvbj }dc vogd} qomc% _bs a`e sqc }dc q`jc }cadeopsc lbv avbxxoeg}dc dcogd} bl `e oj`gc%

    LOGSVC 6%06]doq j`qicm*bs} xdb}b kbbiq loec c|cewdce eb} j`}adoeg }dc }ct}xcvlca}ky oe dcogd}+ `em `kqbd`q xkce}y bl cjx}y qx`acfcqomc o} }b `kkbw }dc }ct} }bctx`em oe}b `q eccmcm%

    EB]C> Wc kk gb b|cv

    }doq |`vo`fkc avbxxoeg }cad*eopsc oe Ad`x}cv ?%

    LOGSVC 6%01]dcqc oj`gcqa`e `kw`yq q}`y j`}adcm sx wo}d

    }dc wom}d bl }dc }ct} fckbw }dcjfca`sqc }dcy `vc avbxxcm mye`jo*a`kky lvbj }dc vogd} qomc `q }dcabksje wom}d ad`egcq wo}d }dc|ocwxbv}%

    AD@X]CV 6> DBW ]B MCQOGE LKCTOFKC K@_BS]Q1=

    http://www.erskinecorp.com/http://www.erskinecorp.com/http://www.erskinecorp.com/http://www.erskinecorp.com/
  • 7/30/2019 Flexible Web Design

    42/333

    Wdce ybs sqc }doq }cadeopsc oe ybsv x`gcq+ ybs kk eccm }b j`ic }dc oj`gcqjsad k`vgcv }d`e ybs ebvj`kky wbskm+ qoeac }dcvc q eb }ckkoeg dbw l`v

    }dc mcqoge jogd} gc} q}vc}adcm `em }dsq dbw jsad bl }dc oj`gc abskm fcvc|c`kcm% Bl absvqc+ ybs a`e kojo} }doq wo}d ` j`tojsj wom}d+ fs} nsq} iccx}dc xb}ce}o`kky k`vgc qo~c oe joem `q ybs qc`vad lbv oj`gcq }d`} wokk qso} ybsvmcqoge% Ol ybs vc wbvvocm `fbs} }dc wom}d bl ybsv oj`gcq eb} fcoeg pso}ckbeg cebsgd+ ybs a`e `kqb }vy q}o}adoeg }bgc}dcv jsk}oxkc oj`gcq koic be }dcM`v}jbs}d Abkkcgc dbjc x`gc $ www%m`v}jbs}d%cms/%@} jbq} |ocwxbv}qo~cq+ o} `xxc`vq }d`} }dc f`eecv oj`gc oq nsq} j`mc sx bl bec kbeg oj`gc$Logsvc 6%0=/% Fs} ol ybs womce ybsv woembw x`q} `fbs} 060< xotckq+ jbvcoj`gcq gv`ms`kky `xxc`v be }dc vogd} }b ffkk sx }dc ecw qx`ac $ Logsvc 6%03/%

    OJ@GCQ ]D@] FKCEM OE]B F@AIGVBSEM ABKBVQ BV X@]]CVEQ

    @kk oj`gcq d`|c kojo}q be dbw l`v ybs a`e gb fclbvc ybs qojxky vse bs} bl oj`gc }b qdbw% Wdce ybs vc`ad }dc lskk ct}ce} bl `e oj`gc+ ybs a`e bl}cefkcem o}q cmgcq oe}b ` f`aigvbsem abkbv+ x`}}cve+ bv c|ce `eb}dcv oj`gc }bq}vc}ad o} c|ce lsv}dcv%

    ]dcqc m`yq+ wdce O }doei f`eecv oj`gc l`mcm oe}b f`aigvbsem abkbv+ O a`e }dckx fs} }doei bl k`}c* ?8q wcf mcqoge+ `em ` ko}}kc qdsmmcv gbcq }dvbsgd jc%Fs} }dc cllca} mbcqe } d`|c }b fc dc`|y*d`emcm bv adccqy% ]dc @ov @m|ce}svc@sq}v`ko` qo}c $www%`ov`m|ce}svc%abj%`s/ lc`}svcq }dvcc mollcvce} f`eecvoj`gcq }d`} ybs a`e adbbqc `jbeg fy xvcqqoeg bec bl }dc abkbvcm fs}}beq `}}dc fb}}bj vogd} bl }dc f`eecv $ Logsvc 6%0 ]dc ct}cemcmwom}d bl }dc oj`gcq jc`eq

    }d`}+ oe xvcx`v`}obe lbv xs}}oeg }dcj be }dc wcf+ybs kk qkoac }dcj lvbj ybsv abjxq oe ` mollcvce} w`y}d`e ybs ebvj`kky wbskmwo}d oj`gcq }d`} wokk bekyfc qcce `} ` qoegkc+ qj`kkcv+lotcm wom}d% Wc kk gb b|cv qkoaoeg }cadeopscq oe }dc

    ect} ad`x}cv%

    LOGSVC 6%0=@} jbq}|ocwxbv} qo~cq+ }dc f`eecv be}dc M`v}jbs}d Abkkcgc dbjcx`gc `xxc`vq }b fc ` qoegkcoj`gc%

    LOGSVC 6%03]dc f`eecva`e ct}cem }b ` |cvy k`vgcwom}d fca`sqc bl }dc `mmo*}obe`k oj`gcq }d`} `xxc`v }b}dc vogd} bl }dc bvogoe`k bec oek`vgcv |ocwxbv}q%

    MCQOGE XVOEAOXKCQ LBV LKCTOFKC K@_BS]Q13

    http://www.dartmouth.edu/http://www.airadventure.com.au/http://www.airadventure.com.au/http://www.dartmouth.edu/
  • 7/30/2019 Flexible Web Design

    43/333

    _bs a`e qcc `eb}dcv ct`jxkc bl qiokklsk fkcemoeg bl oj`gc wo}d f`aigvbsemabkbv `} www%mcl`a}b*ajq%abj% ]dc lc`}svc oj`gc semcv }dc e`| f`v eb}beky sqcq |`vo`fkc avbxxoeg be o}q kcl} qomc }b qdbw jbvc bv kcqq bl o}qckl+ fs}

    oq `kqb fkcemcm oe}b ` j`}adoeg f`aigvbsem abkbv be fb}d o}q vogd} qomc `emfb}}bj $ Logsvc 6%07/% ]doq j`icq }dc oj`gc ct}vcjcky `jce`fkc }b woembw`em }ct} vcqo~oeg9 o} q `kjbq} ojxbqqofkc }b gc} }dc }ct} }b b|cv bw%

    LOGSVC 6%07]doq f`eecv oj`gc sqcq |`vo`fkc avbxxoeg `q wckk `qf`aigvbsem abkbv fkcem }b ct}cem o}q v`egc bl fb}d wom}d `em dcogd}+j`ioeg o} |cvy `aabjjbm`}oeg }b }dc }ct} xk`acm b|cv o}%

    OJ@GCQ ]D@] A@E QA@KC WO]DBS] KBBIOEG ]BB XOTCK@]CM

    @q ybs kk kc`ve oe Ad`x}cv ?+ o} q `a}s`kky xbqqofkc }b j`ic oj`gcq qa`kc wo}d}dcov abe}`oecv bv }dc }ct} qo~c+ oeq}c`m bl fcoeg q}sai `} ` x`v}oask`v xotckwom}d `em dcogd}% ]dc }cadeopsc oq eb} ` gvc`} ff} lbv ` kb} bl mcqogeq+ }dbsgd+fca`sqc vckyoeg be }dc fvbwqcv }b qa`kc ybsv oj`gcq lbv ybs a`e vcqsk} oejsad jbvc n`ggcm bv fksvvy*kbbioeg oj`gcq }d`e ol ybs mom }dc qa`koeg ybsv*qckl oe ` gv`xdoaq xvbgv`j% Dbwc|cv+ o} a`e wbvi vc`qbe`fky wckk wo}d acv*}`oe oj`gcvy+ wdcvc }dc moq}bv}obe wbe } fc `q eb}oac`fkc%

    ]doq oq fcq} qcce be ` ko|c qo}c+ v`}dcv }d`e }dvbsgd q}`}oa oj`gcq+ qb dc`m}b www%qojxkcfo}q%abj"wbvi"qxdcvc lbv `e ct`jxkc% ]vy oeavc`qoeg bvmcavc`qoeg ybsv fvbwqcv q }ct} qo~c9 }dc oj`gc qdbwe semcv }dc dc`moeg

    LOGSVC 6%0 DBW ]B MCQOGE LKCTOFKC K@_BS]Q1

  • 7/30/2019 Flexible Web Design

    44/333

    Qxdcvc ad`egcq oe qo~c xvbxbv}obe`kky+ qb }dc }ct} ect} }b o} `kw`yq d`q }dcq`jc esjfcv bl ad`v`a}cvq xcv koec $ Logsvc 6%04/% ]dc q`jc oj`gc ffkc oq

    sqcm `} `kk qo~cq+ fs} }dc fvbwqcv o}qckl qojxky qa`kcq o} }b qbjc xcvace}`gc bl o}q bvogoe`k qo~c% Oe }doq x`v}oask`v ct`jxkc+ }dc oj`gc oq ck`q}oa+ fs} ybs a`e`kqb j`ic kopsom oj`gcq }d`} qa`kc wo}d }dc fvbwqcv woembw% Lbv oeq}`eac+}dc oj`gcq semcv }dc kcl}*d`em abksje k`fckcm }svoqjb `aacqqofokc be }dcdbjc x`gc bl www%kofcv`}s}}o%o}ad`egc oe qo~c `q ybs ad`egc }dc woembwqo~c $Logsvc 6%0?/%

    LOGSVC 6%04]dc j`oeoj`gc wo}doe }doq x`gc qa`kcqwo}d }dc }ct} `vbsem o}+ qb}dc }ct} ec|cv d`q }b wv`xmollcvce}ky%

    MCQOGE XVOEAOXKCQ LBV LKCTOFKC K@_BS]Q17

    http://www.liberatutti.it/http://www.liberatutti.it/
  • 7/30/2019 Flexible Web Design

    45/333

    Xotck`}obe bv moq}bv}obe oq eb} |cvy eb}oac`fkc oe }dcqc oj`gcq lbv ` absxkcbl vc`qbeq>

    ]dc oj`gcq `vc k`vgcv }d`e }dc qo~cq }dcy `xxc`v be }dc x`gc jbq} bl }dc}ojc+ qb }dc fvbwqcv oq qa`koeg }dcj mbwe+ eb} sx+ oe jbq} a`qcq% ]dcvcoq q}okk qbjc moq}bv}obe wdce fvbwqcvq qa`kc oj`gcq mbwe+ fs} }doq oq eb}ec`vky `q eb}oac`fkc `em sgky `q }dc xotck`}obe }d`} baasvq wdce oj`gcq`vc qa`kcm sx% ]dcvc `vc ffkc*qo~c ojxkoa`}obeq }b sqoeg k`vgcv oj`gcq+

    bl absvqc+ qb ybs j`y w`e} }b kc} qbjc sx*qa`koeg baasv `} }dc jbvcct}vcjc fvbwqcv woembw qo~cq oe bvmcv }b f`k`eac ps`ko}y wo}d ffkc qo~c`em kb`m }ojcq%

    ]dc qsfnca} j`}}cv bl }dc oj`gcq qojxky ab|cvq sx ` kb} bl }dc moq}bv}obe%Ol }dcvc wcvc xcbxkc oe }dc xdb}bq+ cqxcao`kky l`acq+ }dc moq}bv}obe wbskmfc jbvc eb}oac`fkc% Fs} vc`qbe`fky abjxkct oj`gcq bl okksq}v`}obeq+fsokmoegq+ `em k`emqa`xcq mbe } eccm qsad qjbb}d koecq }b kbbi abvvca}%

    OJ@GCQ ]D@] QOJXK_ MBE ] D@\C ]B J@]AD OE DCOGD]

    ]dc qojxkcq} qbks}obe }b }dc xvbfkcj bl b|cv bwoeg }ct} ect} }b oj`gcq oq nsq} }b adbbqc eb} }b d`|c }dcj j`}ad oe dcogd} oe }dc ffvq} xk`ac% ]dc Qojbe Wollce qo}c }d`} wc q`w oe Logsvc 6%7 `em }dc Qcq`jc Abjjseoa`}obeq qo}cqdbwe oe Logsvc 6%06 fb}d gb }doq vbs}c wo}d }dc oj`gcq `em }ct} oe }dcovf`eecvq% Qbjc}ojcq }dc }ct} oe c`ad f`eecv }`icq sx lcwcv vbwq `em oqqdbv}cv }d`e }dc xdb}b fcqomc o}+ `em qbjc}ojcq o} }`icq sx jbvc vbwq `emco}dcv j`}adcq bv ctaccmq }dc dcogd} bl }dc xdb}b% ]doq w`q xk`eecm lbv oe}dc mcqoge+ qb o} kbbiq nsq} ffec%

    LOGSVC 6%0? Wdce }doq abksje ad`egcqoe wom}deb}c }d`} }dc }ct} wo}doe d`qe }ad`egcm oe qo~c}dc oj`gcq wo}doe o} `kqb

    ad`egc }b j`}ad%

    EB]C> Wc kk gb b|cv }dc AQQ }cadeopscq lbv avc`}oeg qa`koeg oj`gcqfb}d ck`q}oa `em kopsomoe Ad`x}cv ?%

    AD@X]CV 6> DBW ]B MCQOGE LKCTOFKC K@_BS]Q14

  • 7/30/2019 Flexible Web Design

    46/333

    @ADOC\OEG J@]ADOEG DCOGD]Q WO]D CK@Q ]OA MCQOGE

    Ol ybs `fqbks}cky jsq} d`|c }dc dcogd} bl `e oj`gc `em ` fkbai bl `mn`ace}}ct} j`}ad+ ybsv fcq} fc} oq }b sqc `e ck`q}oa k`ybs} `kbeg wo}d qa`koeg+ ck`q}oaoj`gcq% _bs abskm qc} }dc dcogd} bl fb}d }dc fbt `em }dc oj`gc wo}doe }b `acv}`oe esjfcv bl cjq% ]doq wbskm `kkbw }dc xvbxbv}obeq bl }dc oj`gc `em }ct}}b vcj`oe j`}adcm+ qb }d`} }dc }ct} wbe } wv`x be}b `mmo}obe`k koecq% Wdceybs a`e ceqsvc ` fftcm esjfcv bl koecq bl }ct}beky xbqqofkc wo}d ck`q}oamcqogeybs a`e xk`e }dc dcogd} bl }dc `mn`ace} oj`gc `aabvmoegky `em j`ic

    }dcj j`}ad oe dcogd}%

    Ol co}dcv bl }dcqc mcqogeq d`m fbtcm oe }dc xdb}bq jbvc+ }dc }ct} wbskm d`|ckbbicm jbvc `wiw`vm wdce eb} j`}adcm sx wo}d }dc xdb}b q dcogd}% Lbvoeq}`eac+ be Qojbe Wollce q qo}c+ dc abskm d`|c adbqce }b eb} j`ic }dcxdb}b }ok}cm `em b|cvk`xxoeg }dc cmgcq bl }dc vcm f`eecv% Oeq}c`m+ dc abskmd`|c j`mc o} q}v`ogd} `em vogd} sx `g`oeq} }dc fbvmcvq bl }dc f`eecv+ }bsad*oeg o}q vogd} cmgc `em ffkkoeg o} lvbj }bx }b fb}}bj% ]dbsgd }doq jogd} eb}d`|c kbbicm qb f`m ol }dc }ct} w`q qdbv}cv }d`e }dc oj`gc+ o} wbskm kbbi pso}c`wiw`vm ol }dc }ct} w`q kbegcv }d`e }dc oj`gc` g`x wbskm `xxc`v semcv*ec`}d }dc oj`gc fs} eb} be }bx bl o} bv }b o}q vogd}%

    @|bom> Lotcm*Wom}d+ Lskk*Wom}d Abe}ce}

    Oj`gcq a`e fc xvbfkcj`}oa lbv ctofkc mcqoge eb} nsq} wdce }dcy vc sqcmoe abensea}obe wo}d }ct}+ fs} `kqb `ey }ojc }dcy ffkk sx }dc ce}ovc wom}d bl `abksje% ]dcy cqqce}o`kky avc`}c ` joeojsj wom}d lbv }dc mcqoge+ `q o} a`e }fcabjc `ey e`vvbwcv }d`e }dc k`vgc oj`gc wo}dbs} }dc oj`gc b|cv bwoeg%]dcy `kqb a`e moa}`}c ` j`tojsj wom}d+ `q }dc mcqoge wbskm kbbi ojf`k`eacm`em `wiw`vm ol }dc oj`gc w`qe } ffkkoeg sx }dc ce}ovc wom}d bl }dc abksje%

    ]dc JAV Lbsem`}obe wcf qo}c $ www%javlbsem`}obe%abj/ sqcq oj`gcq bvLk`qd jb|ocq }d`} ffkk }dc ce}ovc wom}d bl }dcov abksjeq `q ` mcqoge ckcjce}}dvbsgdbs} }dc qo}c% Be }dc @fbs} Sq x`gc+ lbv oeq}`eac+ ` k`vgc+ dbvo~be}`kxdb}b bl }dc qo}c q e`jcq`ic+ J`vy A`jcvbe Vbfoeqbe+ qx`eq }dc ce}ovcj`oe abe}ce} abksje $ Logsvc 6%68/% ]dc qsfnca} j`}}cv bl }doq xdb}b mbcqe }kcem o}qckl }b |`vo`fkc avbxxoeg $mcqavofcm oe }dc xvc|obsq qca}obe/+ `q }dcvc qeb} jsad mc`m qx`ac }d`} a`e fc avbxxcm bs} ol }dc xdb}b eccmcm }b gc}e`vvbwcv+ ebv oq o} koicky }d`} }dcvc oq ` gvc`} mc`k jbvc mc`m qx`ac fcybem

    }dc asvvce} fbsemq bl }dc xdb}b }d`} abskm fc vc|c`kcm ol o} eccmcm }b gc}womcv% O} `kqb wbskme } kbbi gbbm lbv }dc j`oe abe}ce} abksje }b fc womcv}d`e }dc xdb}b+ `q }doq wbskm avc`}c `e `wiw`vm cjx}y qx`ac }b }dc vogd} bl

    MCQOGE XVOEAOXKCQ LBV LKCTOFKC K@_BS]Q1?

    }d db}b% O} kb + db b }`k `k j } k } kl }b ` }d }

    http://www.mcrfoundation.com/http://www.mcrfoundation.com/
  • 7/30/2019 Flexible Web Design

    47/333

    }dc xdb}b% O}q kbeg+ dbvo~be}`k `kogejce} kcemq o}qckl }b qx`eeoeg }dc ce}ovcwom}d+ `q mbcq }dc b|cv`kk mcqoge bl }dc qo}c+ wdoad sqcq qbkom fkbaiq bl abkbv

    }d`} ffkk }dcov abksjeq `q ` abeqoq}ce} mcqoge }dcjc%

    ]dc lskk*wom}d oj`gcq oe }dc qomcf`v+ qsad `q }dc @ W`ki lbv A`jjy qA`sqc lc`}svc `m+ `kqb xvc|ce} }d`} abksje lvbj fcoeg `fkc }b vcqo~c% Qoeac}dcy `vc oj`gcq bl }ct}+ }dcy a`e } fc avbxxcm mye`joa`kky% ]dcy abskm fcqa`kcm mye`joa`kky+ fs} oj`gc*}ct} qa`kcm fy }dc fvbwqcv sqs`kky vcqsk}q oe `kb} bl eb}oac`fkc moq}bv}obe% Qoeac eco}dcv }dc j`oe abe}ce} abksje ebv qomc*f`v a`e vcqo~c+ }dc mcqoge d`q }b fc fftcm*wom}d%

    ]doq oe`foko}y }b avc`}c ctofkc abksjeq msc }b }dcov fftcm*wom}d+ lskk*wom}dabe}ce} oq eb} a`sqcm qojxky fy qoegkc oj`gcq }d`} qx`e }dc ce}ovc wom}dbl ` abksje9 o} `kqb baasvq fca`sqc bl jsk}oxkc oj`gcq }d`} `vc xk`acm qomcfy qomc+ `q wckk `q b}dcv }yxcq bl fftcm*wom}d abe}ce} koic Lk`qd jb|ocq `em}`fkcq% ]dc dbjc x`gc bl }dc Fbvc`koq wcf qo}c $ www%fbvc`koqbllqc}q%abj/d`q }wb vbwq bl }dvcc oj`gcq xk`acm qomc fy qomc }d`} }bgc}dcv qx`e }dc lskkwom}d bl }dc k`ybs} $Logsvc 6%60/% _bs a`e qcc ` qojok`v mcqoge `} }dc D`fo}`}

    LOGSVC 6%68Fb}d }dcj`oe abe}ce} abksje `em }dcqomcf`v jsq} fc ` lotcm esj*fcv bl xotckq womc }b j`}ad}dc oj`gcq wo}doe }dcj }d`}qx`e }dc lskk wom}dq bl c`adabksje%

    AD@X]CV 6> DBW ]B MCQOGE LKCTOFKC K@_BS]Q=8

    lbv Dsj`eo}y bs}d Xvbgv`jq qo}c $ www%d`fo}`}%bvg"ybs}dxvbgv`jq/%

    http://www.borealisoffsets.com/http://www.borealisoffsets.com/http://www.habitat.org/youthprogramshttp://www.habitat.org/youthprograms
  • 7/30/2019 Flexible Web Design

    48/333

    lbv Dsj eo}y _bs}d Xvbgv jq qo}c $ www%d fo} }%bvg ybs}dxvbgv jq/%Be J`v}d` Q}cw`v} q wcf qo}c $ www%j`v}d`q}cw`v}%abj/+ ` k`vgc Lk`qd

    f`eecv dckxq moa}`}c }dc fftcm wom}d bl }dc mcqoge%

    ]b `|bom }doq mcqoge xvbfkcj+ ybs a`e sqc }dc q`jc }cadeopscq mcqavofcm oe}dc xvc|obsq qca}obe }b avc`}c oj`gcq }d`} a`e ctx`em `em abe}v`a} oe qbjcw`y% ]d`} w`y+ ybs a`e q}okk mcqoge wo}d oj`gcq }d`} ffkk }dc ce}ovc wom}d bl }dcov abksjeq+ fs} `kkbw }dcj }b ad`egc oe wom}d `q }dc abksjeq mb%

    ]dcvc `vc `kqb `mmo}obe`k }cadeopscq }d`} ybs a`e sqc }b `|bom sewv`xx`fkclskk*wom}d oj`gcq%

    MBE ] MCQOGE OJ@GCQ ]B QX@E ]DC LSKK WOM]D

    ]dc jbq} bf|obsq `xxvb`ad+ bl absvqc+ oq }b eb} mcqoge wo}d oj`gcq bv b}dcvabe}ce} }d`} ffkk }dc ce}ovc wom}d bl }dcov abksjeq oe }dc ffvq} xk`ac% Xk`ac}ct} bv b}dcv vcqo~`fkc+ wv`xx`fkc abe}ce} ect} }b oj`gcq `em Lk`qd jb|ocqoeq}c`m bl go|oeg }dbqc kcqq ctofkc ckcjce}q ` kbeg+ dbvo~be}`k `kogejce}%

    Wc |c `kvc`my qcce qbjc ct`jxkcq bl }doq oe }dc Qojbe Wollce+ Qcq`jcAbjjseoa`}obeq+ @ov @m|ce}svc @sq}v`ko`+ `em Qojxkc Fo}q qo}cq% @kk bl }dcqcsqc mollcvce} }cadeopscq }b wbvi `vbsem }dc eccm lbv lskk*wom}d oj`gcq%

    _bs a`e qcc `eb}dcv ct`jxkc bl xsvxbqcky adbbqoeg eb} }b d`|c oj`gcq qx`e }dclskk wom}d be }dc ]bmm Qok|cv Mcqoge qo}c `}www%}bmmqok|cvmcqoge%ec}$Logsvc6%66/% ]doq oq }dc q`jc abeacx} wc q`w oe Logsvc 6%01` koq} bl lc`}svcm bv vcace}

    wbvi qdbwe oe ` qomcf`v% Sekoic oe Logsvc 6%01+ dbwc|cv+ }dc oj`gcq }d`} gb`kbeg wo}d ]bmm Qok|cv q koq}cm xvbnca}q mb eb} qx`e }dc lskk wom}d bl }dc abksje+

    LOGSVC 6%60]dcqcoj`gcq+ xk`acm qomc fy qomc+}bgc}dcv qx`e }dc lskk wom}dbl }dc mcqoge `em cllca}o|ckyqc} ` lotcm wom}d lbv o} }b abe*lbvj }b%

    MCQOGE XVOEAOXKCQ LBV LKCTOFKC K@_BS]Q=0

    fs} oeq}c`m d`|c }ct} xk`acm }b }dcov vogd}% ]dc oj`gcq a`e vcj`oe ` fftcm wom}d+

    http://www.habitat.org/youthprogramshttp://www.marthastewart.com/http://www.toddsilverdesign.net/http://www.toddsilverdesign.net/http://www.marthastewart.com/http://www.habitat.org/youthprograms
  • 7/30/2019 Flexible Web Design

    49/333

    fs} oeq}c m d |c }ct} xk acm }b }dcov vogd}% ]dc oj gcq a e vcj oe fftcm wom}d+wo}d eb eccm lbv | vo`fkc avbxxoeg+ qoeac }dc }ct} fcqomc }dc oj`gcq a`e wv`x

    `em `kkbw }dc abksje }b vcqo~c oe }doq kopsom mcqoge%

    AVC@]C LSKK*WOM]D OJ@GCQ BS] BL JSK]OXKC QKOMOEG XOCACQ

    _bs a`e avc`}c oj`gcq }d`} `xxc`v }b fc ` qoegkc oj`gc qx`eeoeg }dc abksje+fs} `vc vc`kky j`mc sx bl }wb bv jbvc xocacq+ c`ad bec `eadbvcm }b bxxb*qo}c qomcq bl }dc abksje+ }d`} qkomc akbqcv }b `em l`v}dcv lvbj c`ad b}dcv }b`mnsq} }b }dc ad`egoeg wom}d bl }dc abksje% ]dc lbb}cv oj`gc be }dc VbeoeQebwfb`vmq qo}c $www%vbeoeqebwfb`vmq%abj/ oq ` gvc`} ct`jxkc bl }doq%Logsvc 6%61 qdbwq }dc lbb}cv wdce }dc woembw oq `} ` wom}d bl 488 xotckq9}dc oj`gcvy oe }dc lbb}cv `xxc`vq }b fc ` qoegkc gv`xdoa`em `e ovvcgsk`vbec `} }d`}+ wo}d eb xocac }d`} abskm fc }okcm }b j`ic o} ctx`em% Logsvc 6%6=qdbwq }dc lbb}cv `} ` wom}d bl 086= xotckq+ `em }dc }wb xocacq bl }dc lbb}cvoj`gc d`|c qxvc`m `x`v} qb }d`} }dcy abe}oesc }b ffkk }dc wom}d bl }dc b|cv`kkmcqoge wdokc q}okk `xxc`voeg abdcqo|c%

    LOGSVC 6%66Fca`sqc wv`xx`fkc }ct}abe}ce} oq xk`acm ect} }b lotcm*wom}doj`gcq+ oeq}c`m bl d`|oeg }dc oj`gcqqx`e }dc ce}ovc abksje wom}d+ }doq abk*sje a`e vcqo~c oe wom}d%

    EB]C> Wc kk gb b|cv

    }dc AQQ lbv avc`}oeg abj*xbqo}c oj`gcq oe Ad`x}cv ?%

    LOGSVC 6%61@} 488 xotckq+ }dclbb}cv gv`xdoa`xxc`vq }b fc `qoegkc oj`gc%

    LOGSVC 6%6=@} 086=xotckq+ ybs a`e qcc }d`} }dclbb}cv gv`xdoa oq `a}s`kkyj`mc bs} bl }wb qcx`v`}cxocacq+ yc} }dc b|cv`kk cllca} oq

    q}okk seolocm%

    AD@X]CV 6> DBW ]B MCQOGE LKCTOFKC K@_BS]Q=6

    GCECV@]C QAVBKKF@VQ LBV B\CVK K@VGC ABE]CE]

    http://www.roninsnowboards.com/http://www.roninsnowboards.com/
  • 7/30/2019 Flexible Web Design

    50/333

    @] Q @ Q _ @ ] ]

    K`vgc+ fftcm*wom}d abe}ce} oqe } nsq} qcce oe f`eecvq `em b}dcv mcabv`}o|c

    `vc`q bl }dc x`gc+ fs} a`e `kqb fc x`v} bl }dc `a}s`k abe}ce} bl }dc qo}c% _bsj`y d`|c ad`v}q jotcm oe wo}d ybsv }ct}+ lbv oeq}`eac+ }d`} eccm }b fc k`vgc}b fc vc`m`fkc% Ol ybs mbe } w`e} }dcqc k`vgc xocacq bl abe}ce} }b moa}`}c }dcjoeojsj wom}d bl ybsv mcqoge+ fs} `kqb mbe } w`e} }dcj }b b|cv bw+ ybsa`e gcecv`}c qavbkkf`vq nsq} be }dc k`vgc xocac bl abe}ce} o}qckl%

    ]dc fkbg Fbi`vmb $ d}}x>""fbi`vmb%abj/ oq kopsom+ fs} sqcq j`ey k`vgcoj`gcq oe }dc }ct} fca`sqc }dcy `vc abjoaq `em jsq} fc vc`m`fkc% Be qbjc

    bl }dcj+ wdce }dc mcqoge oq }bb e`vvbw lbv }dc abjoa oj`gcq }b ff}+ }dcyqojxky gcecv`}c }dcov bwe qavbkkf`vq $ Logsvc 6%63/% _bs `vc q}okk `fkc }b e`v*vbw }dc }ct} }b ` xboe} }d`} ybs ffem abjlbv}`fkc }b vc`m wo}dbs} }dc k`vgcoj`gcq xsqdoeg }doegq bs} womcv }d`e ybs xvclcv+ `em ybs a`e q}okk `aacqq}dc as}*bll xbv}obeq bl }dc oj`gcq wo}dbs} }bb jsad }vbsfkc+ qojxky fy sqoeg}dcov bwe qavbkkf`vq%

    EB]C> Wc kk gb b|cv }dc AQQ lbv go|oeg oemo*

    |oms`k xocacq bl abe}ce}}dcov bwe qavbkkf`vq oeAd`x}cv

  • 7/30/2019 Flexible Web Design

    51/333

    AD@X]CV 6> DBW ]B MCQOGE LKCTOFKC K@_BS]Q==

    Lbv}se`}cky lbv A`lmovca} q mcqoge+ o} mbcqe } vc`kky kbbi wvbeg lbv }dcqc

  • 7/30/2019 Flexible Web Design

    52/333

    fbtcq }b fc joq`kogecm `em sej`}adcm oe dcogd}9 }dbqc fvbwqoeg wo}d ` }ct}

    qo~c b}dcv }d`e 0< xotckq `vc ec|cv gboeg }b qsqxca} }d`} wd`} }dcy vc qccoegoq eb} ct`a}ky wd`} }dc mcqogecv d`m oe}cemcm+ `em wokk q}okk fc `fkc }b sqc}dc qo}c nsq} ffec% B}dcv mcqogeq+ dbwc|cv+ j`ic }dc `kogejce} jsad jbvcoe}cgv`k }b }dc mcqoge+ qb }d`} wo}dbs} o}+ }dc mcqoge `xxc`vq fvbice% Lbvoeq}`eac+ }dc ST J`g`~oec dbjc x`gc $ www%stj`g%abj/ oq qc} sx `q becfog gvom+ wo}d qc|cv`k vbwq bl j`}adoeg*dcogd} fbtcq $ Logsvc 6%64/% Ol `eybl }dcqc fbtcq wcvc }b eb kbegcv j`}ad oe dcogd} wo}d }dc b}dcvq oe o}q vbw+a`sqoeg }dc fbtcq fckbw }b fcabjc joq`kogecm dbvo~be}`kky+ o} wbskm kbbi pso}c ad`b}oa% ]doq }yxc bl mcqoge oq fcq} kcl} fftcm*wom}d%

    ]dcvc `vc vc`kky eb l`eay }voaiq wdce o} abjcq }b `|bomoeg }dc xvbfkcj bl dbvo~be}`k `kogejce}nsq} mbe } mcqoge o} oe}b ybsv ctofkc k`ybs}q% Wdce ybs mb eccm dbvo~be}`k `kogejce} lbv qbjc esjfcv bl fkbaiq+ j`ic qsvc}dcvc oq qbjc w`y }b gvbsx }dc xvcacmoeg fkbaiq oe}b ` qoegkc mo| qb }d`} }dclbkkbwoeg fkbaiq a`e `kk gc} xsqdcm mbwe cps`kky `em q}`y `kogecm%

    LOGSVC 6%64]dc STJ`g`~oec dbjc x`gc mcxcemqdc`|oky be dbvo~be}`k `em|cv}oa`k `kogejce} bl fbtcq+qb j`ioeg }dbqc fbtcq lkct*ofkc `em }dsq jb|c`fkc oq eb}vc`kky `e bx}obe%

    MCQOGE XVOEAOXKCQ LBV LKCTOFKC K@_BS]Q=3

    @E CT@JXKC BL @ VCQBKS]OBE*MCXC EMCE] K@ BS]

    http://www.uxmag.com/http://www.uxmag.com/
  • 7/30/2019 Flexible Web Design

    53/333

    @E CT@JXKC BL @ VCQBKS]OBE*MCXC EMCE] K@_BS]

    _bs j`y vcjcjfcv ` qomcf`v be vcqbks}obe*mcxcemce} k`ybs}q f`ai oe Ad`x}cv 0%]dc ST J`g`~oec qo}c oq ` gvc`} ct`jxkc bl }doq }cadeopsc be ` vc`k qo}c% Olybs e`vvbw ybsv woembw+ }dc vogd} qomcf`v ybs qcc oe Logsvc 6%64 mvbxq mbwefckbw }dc gvom bl q}bvy fbtcq `em fcabjcq ` kbeg dbvo~be}`k fkbai oeq}c`m%Ojxkcjce}oeg ` vcqbks}obe*mcxcemce} k`ybs} w`q ` gvc`} adboac lbv }doq qo}c+qoeac }dc fbty mcqoge mbcqe } `kkbw o} ` kb} bl ctofoko}y b}dcvwoqc% O} q ` qj`v}abjxvbjoqc }b iccx ` dbvo~be}`k qavbkkf`v lvbj `xxc`voeg pso}c `q bl}ce%

    C|ce oe }dcqc a`qcq wdcvc ybs a`e iccx }dc }bxq `kogecm+ dbwc|cv+ o} j`yeb} fc xbqqofkc }b `kqb iccx }dcov fb}}bjq `kogecm% Oe b}dcv wbvmq+ mbe }abse} be }dc dcogd} bl }dc `kogecm o}cjq j`}adoeg% Sekoic }`fkc ackkq+ wdcvcackkq oe }dc q`jc vbw `kk j`}ad c`ad b}dcv oe dcogd}+ mo|q `em b}dcv ebe*ackkckcjce}q d`|c eb abeeca}obe wo}d c`ad b}dcv+ `em }dsq eb vc`qbe }b j`}adc`ad b}dcv oe dcogd}% ]dc beky w`y }b gc} ckcjce}q `avbqq abksjeq }b j`}ad

    c`ad b}dcv oe dcogd} oq }b gvbsx }dcj }bgc}dcv oe qbjc w`y `em `xxky }dcxvbxcv AQQ% Dbwc|cv+ gvbsxoeg }dc fkbaiq }bgc}dcv mbcqe } `kw`yq j`ic }dcfcq} qceqc lbv }dc bvmcv bl }dc o}cjq oe ybsv $T/D]JK%

    Lbv oeq}`eac+ }dc Abe}oesoeg Xvblcqqobe`k Mc|ckbxjce} qca}obe bl ]dcBxce Seo|cvqo}y wcf qo}c `} www%bxce%`a%si"axmd`q }dvcc kopsom abksjeqsemcv }dc f`eecv+ c`ad bec j`mc sx bl ` dc`moeg wo}d ` f`aigvbsem abkbv+`e oj`gc+ `em bec bv jbvc x`v`gv`xdq bl mcqavox}obe $ Logsvc 6%6? /% ]dc

    mcqogecv bl }doq qo}c d`q j`mc eb `}}cjx} }b j`ic }dc abkbvcm dc`moeg fkbaiqj`}ad c`ad b}dcv oe dcogd}+ qb `q ybs ad`egc }dc wom}d bl ybsv woembw }dcy|`vy fc}wcce }wb }b lbsv koecq bl }ct} c`ad% @} qbjc |ocwxbv} wom}dq }dcyj`}ad sx+ `} b}dcvq }dcy mbe }%

    LOGSVC 6%6?]dc dc`moegq oe abk*bvcm fkbaiq b|cv }dc

    xdb}bq mb eb} j`}adc`ad b}dcv oe dcogd}+qoeac }dcy abe}`oemollcvce} `jbse}q bl }ct} `em a`e wv`x oej`ey mollcvce} w`yqoe }doq kopsom k`ybs}%

    AD@X]CV 6> DBW ]B MCQOGE LKCTOFKC K@_BS]Q= }`fkc*ackk % ]doq j`icq }dcj `a} nsq} koic }`fkc ackkq>}dcy wokk koec sx qomc fy qomc `q ol oe ` vbw+ `em c`ad wokk fc `q }`kk `q }dc }`kk*cq}mo| oe }dc vbw% Dbwc|cv+ ebec bl }dc }`fkc*vck`}cm |`kscq bl }dcmoqxk`yxvbxcv}y `vc qsxxbv}cm fy OC 7 `em c`vkocv% @kqb+ sqoegmoqxk`y> }`fkc*ackkbl}ce q}okk vcpsovcq ` kcqq }d`e omc`k gvbsxoeg `em bvmcv bl }dcmo|q oe }dc$T/D]JK qbsvac bl }dc x`gc% O} q q}okk fcq} }b `|bom avc`}oeg j`}adoeg dcogd}q

    `avbqq abksjeq wdce xbqqofkc%

    ]dc beky w`y o} wbskm d`|c fcce xbqqofkc }b j`ic }dc dc`moegq `kw`yqj`}ad oe dcogd} wbskm d`|c vcpsovcm abjxvbjoqoeg }dc oe}cgvo}y bl }dcqbsvac bvmcv% ]dc }dvcc dc`moegq wbskm eccm }b fc gvbsxcm }bgc}dcv oe `qoegkcmo| + c`ad bec lbkkbwoeg vogd} `l}cv }dc b}dcv oe }dc $T/D]JK% ]dce ybswbskm d`|c `eb}dcv mo| dbkmoeg }dc }dvcc oj`gcq+ `em ffe`kky ` }dovm dbkm*

    oeg }dc }dvcc mcqavox}obeq% C`ad dc`moeg wbskm ebw eb kbegcv ojjcmo`}ckyxvcacmc o}q mcqavox}obe oe }dc qbsvac bv fc gvbsxcm }bgc}dcv wo}d o}% ]doqwbskm d`vj }dc `aacqqofoko}y bl }dc qo}c+ `q wckk `q o}q sq`foko}y lbv xcbxkcsqoeg qj`kk*qavcce mc|oacq bv b}dcv ebe*AQQ*ce`fkcm fvbwqcvq% O} wbskm `kqbd`|c j`mc }dc mcqoge jsad jbvc molffask} }b vcq}ykc+ `q o} vcxkoa`}cq }`fkcj`visx+ qojxky sqoeg mo| ckcjce}q oeq}c`m bl }v ckcjce}q }b gvbsx }dco}cjq oe ` |cvy vogom w`y% Adbbqoeg }b `kkbw }dc fkbaiq }b eb} d`|c dbvo~be*

    }`kky `kogecm fb}}bjq w`q ` jsad fc}}cv mcqoge adboac lbv }doq kopsom k`ybs}%

    Xk`e Lbv> Oj`gcq Ct}cemoeg X`q}]dcov Bvogoe`k Mojceqobeq

    Cebsgd `fbs} wd`} }b `|bomkc} q }`ki jbvc `fbs} wd`} ybs qdbskm xk`e }bxs} oe}b ybsv mcqogeq%

    Wc |c `kvc`my }`kicm `fbs} }dc ojxbv}`eac bl adbbqoeg `em mcqogeoegoj`gcq }d`} a`e qa`kc bv b}dcvwoqc `mnsq} }b ad`egoeg mojceqobeq oe qbjcw`y% Fs} }doq mbcqe } nsq} `xxky }b lbvcgvbsem oj`gcq+ koic }dc f`eecv* `emlc`}svc*oj`gc ct`jxkcq ybs |c qcce }dsq l`v% O} `kqb `xxkocq }b ybsv f`ai*gvbsem oj`gcq+ oeaksmoeg }okoeg x`}}cveq+ }ct}svcq+ `em mcabv`}o|c fbvmcvq%

    Wc `kvc`my q`w `e ct`jxkc bl }doq oe Logsvc 6%4}dc asv|cm }bx qca}obe bl }dc x`gc mcqoge eccmcm }b ct}cem x`q} ` qoegkc fftcm wom}d+ `k}dbsgd }dcmcqogecv wbskm d`|c d`m }b k`y }dc gv`xdoa bs} `} qbjc fftcm wom}d wdce

    MCQOGE XVOEAOXKCQ LBV LKCTOFKC K@_BS]Q=7

    avc`}oeg }dc mcqoge abjx% ]dc mcqogecv d`m }b xk`e lbv wd`} wbskm d`xxce}b }d j` d }d k` } ` ` b b }d` }d b `k

  • 7/30/2019 Flexible Web Design

    55/333

    }b }dc oj gc wdce }dc ck q}oa mcqoge w q e vvbwcv bv womcv }d e }dc bvogoe kwom}d qdbwe oe }dc abjx+ `em }dce j`ic qsvc }doq lsea}obe`ko}y w`q fsok}oe}b }dc mcqoge%

    @eb}dcv ct`jxkc bl xk`eeoeg lbv |`vo`fkc*wom}d f`aigvbsem oj`gcq a`efc qcce oe }dc ctofkc gv`moce} fkbaiq be }dc c*m`yq wcf qo}c $ www%c*m`yq%ab%si/%Be }dc dbjc x`gc+ }dc }wb lc`}svc o}cjq k`fckcm mbwekb`m fvb*adsvc `em gc} oe }dc iebw fb}d ad`egc oe wom}d }b vc|c`k jbvc bv kcqq bl }dc m`viceoeg gv`y be }dc kcl} qomc bl }dc gv`moce} f`aigvbsem oj`gc+ wdokc

    }dc fs}}be gv`xdoaq k`ycvcm b|cv }dc gv`moce}q `kw`yq q}`y xoeecm }b }dc kcl}qomc $Logsvc 6%18/% ]dc mcqogecv abskme } nsq} avc`}c ` qoegkc fftcm*wom}dgv`xdoa lbv }dc f`aigvbsem be c`ad lc`}svc o}cj+ fs} oeq}c`m d`m }b xk`e lbv}dc f`aigvbsem oj`gc xb}ce}o`kky fcoeg jsad k`vgcv%

    @eb}dcv ct`jxkc bl xk`eeoeg `dc`m wo}d ` |cvy k`vgc f`aigvbsem oj`gc a`efc qcce be www%}`x}`x}`x%abj% ]dc as}}oeg*fb`vm gv`xdoa be }dc qo}c a`e }fc }okcm fca`sqc o} oq mo`gbe`k+ fs} }dc mcqogecvq bl }dc qo}c mome } kc} }d`}q}bx }dcj lvbj iccxoeg }dc dcogd} bl }dc qo}c ctofkc }b |`vyoeg }ct} qo~cq%Oeq}c`m bl j`ioeg }dc as}}oeg fb`vm beky `q }`kk `q }dc dcogd} qdbwe lbv jbq}sqcvq mcl`sk} }ct} qo~cq+ }dcy oeq}c`m avc`}cm ` jsad }`kkcv oj`gc bl }dc as}*}oeg fb`vm }d`} a`e fc vc|c`kcm `q eccmcm $ Logsvc 6%10/%

    LOGSVC 6%18C`ad fs}}be gv`xdoa `em gv`moce}f`aigvbsem be }dcqc lc`}svc o}cjq abskm eb} d`|cfcce avc`}cm `q ` qoegkc+ qj`kk lotcm*wom}d gv`xdoa+fs} oeq}c`m d`m }b fc avc`}cm bs} bl }wb xocacq+qkoacm lvbj ` k`vgcv gv`xdoa oe }dc abjx%

    AD@X]CV 6> DBW ]B MCQOGE LKCTOFKC K@_BS]Q=4

    http://www.e-days.co.uk/http://www.e-days.co.uk/http://www.taptaptap.com/http://www.e-days.co.uk/http://www.taptaptap.com/http://www.e-days.co.uk/
  • 7/30/2019 Flexible Web Design

    56/333

    LOGSVC 6%10Jbvc bv kcqq bl }dc |cvy k`vgcas}}oeg*fb`vm gv`xdoa oq vc|c`kcm `q }dc ad`eg*oeg }ct} qo~c `k}cvq }dc dcogd} bl }dc mcqoge%

    ]b xs} }doq xvoeaoxkc oe}b xv`a}oac wdce mcqogeoeg ybsv bwe abjxq+ ybsbl}ce eccm oeavcmofky k`vgc qw`}dq bl f`aigvbsem oj`gc }b qkoac lvbj% _bsjogd} fc `aasq}bjcm }b avc`}oeg ` abjx `} ` fftcm qo~c `em }dce qkoaoeg}d`} q`jc abjx }b xvbmsac }dc f`aigvbsem gv`xdoaq lbv }dc qo}c% Wo}d ct*ofkc mcqoge+ ybs bl}ce eccm }b avc`}c ` abjx `} ` fftcm qo~c oe bvmcv }b gc}`e omc` bl dbw o} wokk kbbi lbv }dc j`nbvo}y bl ybsv `smoceac+ fs} }dce ybsd`|c }b avc`}c ` qcabem |cvqobe bl }dc abjx }d`} oq q}vc}adcm bs} }b o}q j`to*jsj wom}d oe bvmcv }b qkoac }dc k`vgc xocacq bl f`aigvbsem oj`gcq }d`} `vcvcpsovcm lbv ` ctofkc mcqoge% Wc kk wbvi }dvbsgd `e ct`jxkc bl }doq `mnsq}*jce} oe }dc ect} ad`x}cv%

    Xk`e Lbv> Mcqogecm Wdo}c Qx`acFcybem }dc J`tojsj Wom}d Bec bl }dc abjxk`oe}q wo}d fftcm*wom}d mcqogeq oq }d`} ol ` sqcv d`q doq |ocw*

    xbv} |cvy k`vgc+ }dc mcqoge kbbiq xsey b`}oeg oe }dc jommkc+ bv bll }b becqomc wo}d xokcq bl cjx}y qx`ac `vbsem o}% Bec w`y }b mbwexk`y }doq xvbfkcjoq }b avc`}c qbjc mcabv`}o|c f`aigvbsem ckcjce}q }b ffkk sx }dc qx`ac fcybem}dc j`oe x`gc mcqoge% Mcqogeoeg }dc wdo}c qx`ac oq `xxkoa`fkc }b ctofkc k`y*bs}q `q wckk+ qoeac jbq} bl }dc }ojc ybs wokk `qqoge }dcj ` j`tojsj wom}dfcybem wdoad }dc mcqoge wokk eb kbegcv q}vc}ad%

    MCQOGE XVOEAOXKCQ LBV LKCTOFKC K@_BS]Q=?

    @e ct`jxkc bl }doq }cadeopsc be ` fftcm*wom}d qo}c oq }dc wokm bv`k gv`xdoabe Wcf Mcqogecv W`kk $www%wcfmcqogecvw`kk%abj/ }d`} `xxc`vq fcdoem }dc

    http://www.webdesignerwall.com/http://www.webdesignerwall.com/
  • 7/30/2019 Flexible Web Design

    57/333

    be Wcf Mcqogecv W kk $www%wcfmcqogecvw kk%abj/ }d } xxc vq fcdoem }dcj`oe abe}ce} abe}`oecv $ Logsvc 6%16/% C|ce ol ybs d`|c ybsv woembw qc} `}` |cvy k`vgc qo~c+ }doq oj`gcvy avc`}cq |oqs`k oe}cvcq} `em kcqqceq }dc lcckoeg}d`} qx`ac oq fcoeg w`q}cm fy }dc fftcm wom}d $` abjxk`oe} O |c dc`vm lvbjsqcvq wo}d k`vgc vcqbks}obeq `em wdb koic }b j`tojo~c/%

    ]dc mcqoge bl }dc wdo}c qx`ac mbcqe } eccm }b fc `ey}doeg }doq oe}voa`}c+}dbsgd% ]dc fkbg bl N`qbe Q`e}` J`vo` $ www%n`qbeq`e}`j`vo`%abj/ qojxkyffkkq }dc qx`ac kcl} `l}cv }dc kopsom mcqoge d`q vc`adcm o}q j`tojsj wom}dwo}d }okoeg f`vq bl abkbv `} }dc }bx bl }dc x`gc `em ` qsf}kc w`}cvabkbv cllca}b|cv ` qj`kk xbv}obe bl }dc j`oe abe}ce} f`aigvbsem abkbv $ Logsvc 6%11 /% Bewww%q}yko~cmwcf%abj+}dc abe}bsvq bl `e okksq}v`}obe bl jbse}`oeq+ w`}cv+`em bac`e bbv gv`ms`kky q}v`ogd}ceq bs} }b lbvj qojxkc f`emq bl abkbv }d`}a`e ffkk }dc vcq} bl }dc |ocwxbv} $Logsvc 6%1=/%

    FS] J@+ MB O D@\C ]B2O} q acv}`oeky eb} ` vcpsovcjce} }d`} ybs mcqoge qbjc qbv} bl abkbv bv gv`xdoa}b ffkk }dc vcj`oeoeg |ocwxbv} qx`ac beac }dc mcqoge d`q vc`adcm o}q j`tojsjwom}d% ]dcvc `vc xkce}y bl fc`s}olsk `em cllca}o|c qo}cq }d`} mbe } mb qb% Fs}o} oq qbjc}doeg ybs `} kc`q} eccm }b abeqomcv `em xk`e lbv wdce avc`}oeg ybsv mcqoge abjxq% Iebw sx lvbe} dbw ybs `vc gboeg }b d`emkc }dc ct}v` wdo}cqx`ac qb ybs a`e fsokm ybsv qbks}obewd`}c|cv o} j`y fcoe}b }dc mcqoge%

    LOGSVC 6%16]dc lkbv`kgv`xdoa oe }dc f`aigvbsem bl Wcf Mcqogecv W kk lokkq sx}dc qx`ac `vbsem }dc lotcm*wom}d abe}ce} `vc` oe k`vgcv|ocwxbv}q%

    AD@X]CV 6> DBW ]B MCQOGE LKCTOFKC K@_BS]Q38

    http://www.webdesignerwall.com/http://www.jasonsantamaria.com/http://www.stylizedweb.com/http://www.stylizedweb.com/http://www.jasonsantamaria.com/http://www.webdesignerwall.com/
  • 7/30/2019 Flexible Web Design

    58/333

    LOGSVC 6%11]doq qsf}kcw`}cvabkbv cllca} lokkq }dcqx`ac fcybem }dc cmgcq bl }dcabe}ce} `vc` bl }dc mcqoge%

    LOGSVC 6%1=]b iccx }dc f`aigvbsem okksq}v`}obe lvbj cemoeg `fvsx}ky+ }dc f`aigvbsemoeq}c`m fkcemq oe}b q}voxq bl qbkom abkbv }d`} lokk }dc vcj`oeoeg dbvo~be}`k qx`ac%

    Fy mcqogeoeg }dc wdo}c qx`ac+ ybs vc `aiebwkcmgoeg }d`} xcbxkc d`|c `kk qbv}qbl mollcvce} |ocwxbv} qo~cq+ c|ce ol ybs a`e } mcqoge ybsv k`ybs} lbv `kk bl }dcj%

    Xk`e Lbv> Qomc*fy*Qomc O}cjqWv`xxoeg be}b Jsk}oxkc Koecq

    Wdce wom}dq ad`egc+ oekoec ckcjce}q wv`x }b ff}% Wv`xxoeg oq ` l`a} bl kolcwo}d ctofkc k`ybs}q`|bom`fkc }b qbjc mcgvcc wo}d ck`q}oa k`ybs}q+ fs} q}okkxbqqofkcqb o} q fcq} }b fsokm o} oe}b ybsv mcqogeq%

    E@\OG@]OBE F@ VQ

    E`|og`}obe f`vq `vc bec bl }dc xk`acq }d`} mcqogecvq `vc kc`q} koicky }b w`e}wv`xxoeg }b baasv+ `em }dsq }dcy `vc v`vcky mcqogecm `em fsok} lbv qsad `ec|ce}s`ko}y% Ol ybs mcqoge ybsv e`| f`v }b eb} d`|c |cvy j`ey o}cjq `avbqq o}+ ybs kcqqce }dc ad`eacq }d`} ` wv`x wokk c|cv d`|c }b baasv% Fs}+ wdce ` e`|f`v abe}`oeq qc|cv`k o}cjq `avbqq o}+ o} q koicky }d`} }dc |ocwxbv} wokk qbjc*}ojcq eccm }b fc e`vvbwcv }d`e }dc lskk wom}d bl }dc e`| f`v% Oe }dcqc a`qcq+ ybs d`|c }b adbbqc dbw ybsv mcqoge wokk `m`x}% _bs d |c }dvcc f`qoa adboacq>

    ]dc e`| f`v moa}`}cq }dc joeojsj wom}d `em ` dbvo~be}`k qavbkkf`v oqgcecv`}cm lbv }dc ce}ovc mcqoge%

    ]dc e`| f`v b|cv bwq+ ecacqqo}`}oeg ` dbvo~be}`k qavbkkf`v }b |ocw `kk bl o}+ fs} }dc vcq} bl }dc mcqoge q}`yq wo}doe }dc |ocwxbv}%

    ]dc o}cjq oe }dc e`| f`v wv`x }b ff} wo}doe }dc |ocwxbv}%Ebec bl }dcqc bx}obeq `vc jbvc vogd} }d`e `ey b}dcv+ `q c`ad wbviq wo}dmollcvce} }yxcq bl mcqogeq `em abe}ce}%

    MCQOGE XVOEAOXKCQ LBV LKCTOFKC K@_BS]Q30

    ]dc ffvq} bx}obe wbviq wckk wdce }dcvc `vce } }bb j`ey o}cjq oe }dc e`|f`v+ ybsv abe}ce} mbcqe } eccm }b fc }bb e`vvbw+ bv }dc e`| f`v wbskm

  • 7/30/2019 Flexible Web Design

    59/333

    y q |kbbi x`v}oask`vky `wiw`vm wv`xxcm bv b|cv bwoeg% Be }dc kopsom Mn`egbwcf qo}c $www%mn`egbxvbnca}%abj/+}dc e`| f`v oq `kogecm }b }dc vogd} qomcbl }dc |ocwxbv}% O} jb|cq akbqcv }b }dc kbgb be }dc kcl} `q ybs e`vvbw }dcwoembw+ se}ok o} ffe`kky fsjxq `g`oeq} }dc kbgb `em gbcq eb lsv}dcv% Wdce}doq d`xxceq+ }dc ce}ovc mcqoge q}bxq `a}oeg kopsom `em gcecv`}cq ` dbvo*~be}`k qavbkkf`v $Logsvc 6%13/% Ol ybs oeavc`qc ybsv }ct} qo~c+ }dc e`| f`vo}cjq q}okk mbe } wv`x+ fs} oeq}c`m }dc ce}ovc e`| f`v oeavc`qcq oe wom}d%]dc joeojsj wom}d bl }dc mcqoge `kqb oeavc`qcq `aabvmoegky+ vcpsovoeg `ec|ce k`vgcv dbvo~be}`k qavbkkf`v%

    O wbskme } xoai }dc ffvq} bx}obe ol }dc joeojsj wom}d o} wbskm vcpsovc lbv}dc abe}ce} oq qogeoffa`e}ky gvc`}cv }d`e ybs wbskm b}dcvwoqc adbbqc+ ol }dce`| f`v wcvce } x`v} bl }dc cps`}obe% Lbv oeq}`eac+ kc} q q`y }dc joeojsjwom}d ybs wbskm w`e} lbv }dc abe}ce} wbskm fc `fbs} 08 cjq+ }b `kkbw `xvc}}y e`vvbw wom}d }d`} wbskm j`ic }dc abe}ce} jbvc vc`m`fkc lbv xcbxkcwo}d qj`kk qavcceq bv acv}`oe moq`foko}ocq% Fs} }dc esjfcv bl ad`v`a}cvq oe ybsv e`| f`v jogd} vcpsovc ` joeojsj wom}d bl 68 cjq% Lbvaoeg ybsv abe*}ce} }b ` joeojsj wom}d bl 68 cjq+ wdce ybs vc`kky lcck o} jogd} fc fc}}cvlbv }dc sqcv }b kc} o} gc} jsad e`vvbwcv }d`e }d`}+ wbskm xvbf`fky eb} fc` gbbm adboac% _bs m fc j`ioeg ybsv mcqoge jsad jbvc vogom }d`e ecacq*q`vy% Lbv `e ct`jxkc koic }doq+ ol ybs vc }vyoeg }b mcqoge ` ctofkc k`ybs}+ O m

    ad`egc }dc mcqoge bl }dc e`| f`v }b wbvi wo}d }dc qcabem bv }dovm bx}obe%

    LOGSVC 6%13]dc Mn`egbwcf qo}c a`e fc e`vvbwcm+ fs}eb} `ey lsv}dcv }d`e }dc abj*foecm wom}d bl }dc kbgb `em}dc e`| f`v%

    AD@X]CV 6> DBW ]B MCQOGE LKCTOFKC K@_BS]Q36

    Wo}d }dc qcabem bx}obe+ ybs `kkbw }dc joeojsj wom}dq bl }dc e`| f`v `em}dc vcq} bl }dc abe}ce} }b fc qcx`v`}c+ wo}d c`ad qca}obe bx}ojo~cm qcx`*

    http://www.djangoproject.com/http://www.djangoproject.com/
  • 7/30/2019 Flexible Web Design

    60/333

    v`}cky% _bs a`e kc} }dc e`| f`v b|cv bw wo}dbs} `a}s`kky kbbioeg koic o} qb|cv bwoego} qojxky `xxc`vq }b fc ` kbegcv wom}d }d`e }dc abe}ce} fckbwo}% _bs a`e qcc `e ct`jxkc bl }doq be }dc Wcfmcqoge SI qo}c $ www%wmsi%ab%si/ wdce ybsv woembw oq |cvy e`vvbw $ Logsvc 6%1

  • 7/30/2019 Flexible Web Design

    61/333

    w`q }b `|bom dbvo~be}`k qavbkkf`vq+ `l}cv `kk+ qb }doq vc`kky oq }dc jbq} ctofkcbx}obe% O} j`y qbsem se`}}v`a}o|c+ fs} o} mbcqe } d`|c }b fc+ `em o} mbcq d`|c}dc `m|`e}`gc bl `kw`yq iccxoeg `kk }dc e`| o}cjq oe |ocw bl `em sq`fkc fy ybsv qo}c |oqo}bvq% Lbv ct`jxkc+ }dc o}cjq be }dc e`| f`v be QX@VA $ www%qx`va%bvg%e~/vcj`oe be bec koec `} k`vgcv woembw qo~cq+ fs} wdce }dc woe*mbw oq e`vvbwcv+ }dcy wv`x be}b jsk}oxkc koecq $ Logsvc 6%17/% ]dc ctofkcdcogd} bl }dc e`| f`v q gv`y f`aigvbsem `kkbwq o} }b `aabjjbm`}c }dc wv`x*xoeg wo}dbs} ` xvbfkcj%

    Dbw ybs mcqoge ybsv e`| f`v d`q `e ojx`a} be wdc}dcv }dc o}cjq wo}doeo} a`e wv`x% Lbv oeq}`eac+ `e ovvcgsk`v qd`xc lbv ` e`| f`v j`y eb} `kkbw `ctofkc dcogd}+ `q wc |c `kvc`my moqasqqcm% Oe jbq} a`qcq+ dbwc|cv+ wv`x*xoeg o}cjq oe ` e`| f`v oq jbq}ky ` AQQ oqqsc+ eb} ` mcqoge bec% Jbq} e`| f`vqa`e fc j`mc ctofkc oe dcogd} }b `kkbw wv`xxoeg+ vcg`vmkcqq bl wdc}dcv }dcmcqogecv adbbqcq }b ojxkcjce} }dc xvbxcv AQQ }b j`ic }dcj qb%

    Q}okk+ }dcvc `vc acv}`oeky e`|*f`v mcqogeq }d`} kbbi fc}}cv bv wbvqc wdcewv`xxcm% Bec }yxc bl e`| f`v }d`} O mbe } }doei kbbiq |cvy gbbm wv`xxcm oqbec wo}d }`fq% ]`fq `vc qsxxbqcm }b q}oai sx oe}b cjx}y qx`ac+ eb} be}b }`fq`fb|c }dcj+ qb }dc qcabem vbw bl }`fq sqs`kky kbbiq `wiw`vm% O} j`y fc fcq}

    }b `|bom sqoeg }`fq sekcqq }dcy }`ic sx beky ` qj`kk `jbse} bl }dc wom}d bl ybsv mcqoge `em }dsq `vc eb} |cvy koicky }b wv`x% @ qj`kk esjfcv bl |oqo}bvq

    LOGSVC 6%17@} qj`kkcv woe*mbw qo~cq+ }dco}cjq oe }doqe`| f`v qojxkywv`x be}b `qcabem koec `em}dc f`aigvbsembl }dc e`| f`v

    gvbwq oe dcogd}}b j`}ad%

    AD@X]CV 6> DBW ]B MCQOGE LKCTOFKC K@_BS]Q3=

    j`y q}okk qcc ` mbsfkc vbw bl }`fq+ fs} }doq oq `e `aacx}`fkc abjxvbjoqc ol ybs `fqbks}cky jsq} d`|c }`fq oe ybsv mcqoge% Abmy Koemkcy q xcvqbe`k qo}c$ b k k b `kkb }d }`f ` b }d }b bl }d } }b `

    http://www.sparc.org.nz/http://www.sparc.org.nz/http://www.sparc.org.nz/http://www.sparc.org.nz/http://www.codylindley.com/http://www.codylindley.com/
  • 7/30/2019 Flexible Web Design

    62/333

    $www%abmykoemkcy%abj/kkbwq }dc }`fq `avbqq }dc }bx bl }dc qo}c }b wv`x+fs} }doq beky baasvq wdce }dc woembw oq ct}vcjcky e`vvbw bv }dc }ct} qo~c oq|cvy k`vgc+ fca`sqc }dc }`fq `vc qb qj`kk }b fcgoe wo}d $ Logsvc 6%14/%

    X@GC ABE]CE]

    @x`v} lvbj e`|og`}obe f`vq+ }dcvc `vc j`ey }yxcq bl abe}ce} wo}doe }dc j`oe`vc` bl }dc x`gc o}qckl }d`} eccm }b fc mcqogecm }b wv`x ol ybs w`e} ` qsaacqq*lsk ctofkc k`ybs}%

    Bec }yxc bl abe}ce} lvcpsce}ky mcqogecm }b qo} qomc fy qomc oq wd`} O a`kklc`*}svc fbtcq % ]dcqc `vc ko}}kc gv`xdoaq bv fbtcq wo}d qj`kk `jbse}q bl }ct} }d`}sqs`kky `a} `q `mq bv g`}cw`yq }b qbjc b}dcv xocac bl abe}ce} be }dc qo}c% Ol `vbw bl lc`}svc fbtcq ffkkq sx }dc ce}ovc wom}d bl }dc `vc` }d`} dbsqcq o}+ }dbqcfbtcq co}dcv eccm }b fc `fkc }b qa`kc wo}d }dc wom}d bl }dc `vc` bv wv`x be}bjsk}oxkc koecq% Wdoad }dcy a`e `em wokk mb mcxcemq be }dc mcqoge bl }dcfbtcq }dcjqck|cq+ `q wckk `q }dcov abe}ce}%

    ]dc dbjc x`gc bl Wcfmcqoge SI oeaksmcq lbsv lc`}svc fbtcq+ q}`aicm }wbbe }bx bl c`ad b}dcv% C`ad bec a`e ctx`em `em abe}v`a} oe wom}d `q eccmcmfca`sqc }dc q}v`ogd} qomcq bl }dc fbtcq a`e fc j`mc bs} bl }okoeg f`aigvbsem

    LOGSVC 6%14@k}dbsgd}dcqc }`fq `vc qc} sx }b wv`x+o} q gboeg }b }`ic ` |cvy e`v*vbw woembw }b j`ic }d`}d`xxce9 }dc woembw dcvc oq

    388 xotckq womc+ fs} }dcvc qq}okk ` gbbm `jbse} bl vbbjfc}wcce }dc k`q} }`f `em }dccmgc bl }dc |ocwxbv}%

    MCQOGE XVOEAOXKCQ LBV LKCTOFKC K@_BS]Q33

    oj`gcq+ `em }dc okksq}v`}obe oeqomc c`ad fbt mbcqe } qx`e o}q lskk wom}d$Logsvc 6%1? /% Fca`sqc }dc okksq}v`}obe oeqomc c`ad fbt oq `kqb x`kc `emg ` b }+ }d } t} ` ` b }b bl } }db } f bj g ` `fk % W

    http://www.codylindley.com/http://www.codylindley.com/
  • 7/30/2019 Flexible Web Design

    63/333

    gv ycm bs}+ }dc }ct} a e wv x be }bx bl o} wo}dbs} fcabjoeg sevc m fkc% Wcq`w `eb}dcv ct`jxkc bl qa`k`fkc lc`}svc fbtcq c`vkocv oe }dc ad`x}cv+ be ]dcBxce Seo|cvqo}y q Abe}oesoeg Xvblcqqobe`k Mc|ckbxjce} qo}c oe Logsvc 6%6?%B}dcv qo}cq sqoeg qa`k`fkc lc`}svc fbtcq `vc Ogbb $ d}}x>""ogbb%ab%si/emEbjceq` $be oe}cvobv x`gcq koic www%ebjceq`%abj"ecwq%d}jk/%

    @kjbq} `kk bl }dc abe}ce} ybs qcc be }dc xbv}lbkob x`gc bl Oemckcfokc$www%oemckcfokc%ec}"2a`}:03/oq mcqogecm oe lc`}svc fbtcq+ fs} oeq}c`mbl qa`koeg+ }dcqc fbtcq wv`x }b `aabjjbm`}c }dc qo~c bl }dc |ocwxbv}$Logsvc 6%=8/% ]doq j`icq }dc jbq} qceqc lbv }doq mcqoge+ `q }dc oj`gcq qx`e}dc lskk wom}d bl c`ad fbt% @k}dbsgd }dc oj`gcq abskm }cadeoa`kky fc avbxxcmmye`joa`kky lvbj }dc qomc+ `q wc |c qcce oe ct`jxkcq c`vkocv oe }dc ad`x}cv+o} xvbf`fky wbskme } fc ` gbbm adboac lbv }doq }yxc bl abe}ce}% C`ad bl }dcoj`gcq oq `kvc`my avbxxcm lvbj }dc lc`}svcm xocac bl wbvi+ qb }dc mcqogecvd`q a`vclskky adbqce wd`} xbv}obe bl c`ad oj`gc }b qdbw oe bvmcv }b xs} doq

    wbvi oe }dc fcq} kogd}% _bs a`e qcc ` qojok`v ojxkcjce}`}obe bl wv`xxoegfbtcq `} < @egvy Jce $ d}}x>""fkbg% DBW ]B MCQOGE LKCTOFKC K@_BS]Q3

  • 7/30/2019 Flexible Web Design

    64/333

    ]dc xdb}b g`kkcvy be Qojbe Wollce q qo}c $ www%qojbewollce%ab%si"xdb}bq/kc}q }dc omce}oa`kky qo~cm }dsjfe`okq wv`x be}b jbvc bv lcwcv koecq mcxcem*oeg be }dc qo~c bl }dc woembw $Logsvc 6%=0/% @eb}dcv bx}obe oq }b kc} }dc}dsjfe`okq vcqo~c bv avbx mye`joa`kky+ `q wc |c qcce oe ct`jxkcq wo}d f`e*ecv oj`gcq c`vkocv oe }dc ad`x}cv%

    F`qoa`kky+ `ey }ojc ybs mcqoge abe}ce} qo}}oeg qomc fy qomc oe abksjeq+ `qi ybsvqckl wdc}dcv o} wbskm fc xbqqofkc lbv }d`} abe}ce} }b vcqo~c+ `em ol eb}+ol o} abskm oeq}c`m wv`x be}b jsk}oxkc koecq% ]doq abe}ce} j`y fc oj`gcq+fkbaiq bl }ct}+ lbvj ffckmq+ koq}q+ bv `ey}doeg ckqc%

    LOGSVC 6%=8]dcqc fbtcqa`e wv`x be}b mollcvce} esj*fcvq bl koecq `q eccmcm%

    LOGSVC 6%=0]dc xdb}b}dsjfe`okq be }doq qo}c a`e

    wv`x be}b mollcvce} esjfcvqbl koecq `q eccmcm%

    EB]C> Wc kk gb b|cv }dc j`visx `em AQQ }cad*

    eopscq }b fsokm lkctofkcoj`gc g`kkcvocqwv`xxoeg`em qa`koeg |cvqobeqoeAd`x}cv ?%

    FCLBVC @EM @L ]CV> BSV EBE*ABJX@]OFKC MCQOGE+ LOTCM37

    ]BSGD OQ @ VCK@]O\C ]CVJ

    http://www.simonwiffen.co.uk/photoshttp://www.simonwiffen.co.uk/photos
  • 7/30/2019 Flexible Web Design

    65/333

    ]dc }cvj avbqq*fvbwqcv*abjx`}ofkc d`q eb abeavc}c mcffeo}obe oe }cvjqbl wd`} fvbwqcvq ybs eccm }b fc abjx`}ofkc wo}d% Ol+ }b ybs+ o} jc`eq ybseccm }b lskky qsxxbv} OC 7+ OC

  • 7/30/2019 Flexible Web Design

    66/333

    6

    1

    =

    3

    ]dc }`fq d`|c fcce vcxk`acm wo}d ` qojxkcv f`v }d`} a`e ctx`em oe wom}d0%`em dcogd} ol }dc }ct} qo~c oq oeavc`qcm bv }dc koeiq wv`x be}b jsk}oxkckoecq% ]dc e`| f`v qx`eq }dc ce}ovc wom}d bl }dc |ocwxbv}+ oeq}c`m bl j`}adoeg }dc wom}d bl }dc f`eecv fckbw o}%

    ]dc f`eecv xdb}b d`q fcce ad`egcm }b `kkbw ` kcqq abeq}v`oecm `vc` lbv6%}dc }ct} }b qo} oe% ]dcvc oq xkce}y bl qbkom abkbvcm qx`ac `fb|c }dc |oqofkc`vc` bl }dc xdb}b }d`} a`e fc vc|c`kcm `em sqcm }b dbkm }ct} ol o} eccmq }bwv`x be}b jbvc koecq% ]doq xdb}b a`e `kqb fc avbxxcm ` gbbm mc`k lvbj}dc vogd} qomc be e`vvbwcv woembwq wo}dbs} j`ioeg }dc qsfnca} j`}}cvbl }dc xdb}b oemoq}oegsoqd`fkc%

    ]dc qbkom abkbv fbt d`q fcce vcjb|cm lvbj `vbsem }dc d`xxy*cemoeg q}bvy+1%qb o} wbe } kbbi qb `wiw`vm ebw ol }dc }ct} eccmq }b wv`x be}b jbvc koecq`em fcabjcq joq`kogecm oe dcogd} wo}d }dc xdb}b% ]dc }ct} a`e qojxkywv`x `vbsem }dc xdb}b bv wv`x mbwe oe ` q}v`ogd} abksje }b o}q vogd}%

    AD@X]CV 6> DBW ]B MCQOGE LKCTOFKC K@_BS]Q

  • 7/30/2019 Flexible Web Design

    68/333

    6

    1

    =

    3

    XVCX@VOEG _BSV MCQOGE LBV ABEQ]VSA]OBE

  • 7/30/2019 Flexible Web Design

    74/333

    lvbj e ctoq}oeg x gc+ ffvq} qckca} }d } x gc oe }dc X gcq x eck% Bxce }dcX`gcq x`eck jces fy akoaioeg }dc oabe oe }dc }bx vogd} abvecv bl }dc x`eckgvbsx+ `em }dce adbbqc Msxkoa`}c X`gc $ Logsvc 1%

  • 7/30/2019 Flexible Web Design

    75/333

    }dc ce}ovc x gc xvbf fky qbsemq koic kb} bl ct}v wbvi em o} a e fc% O jacv}`oeky eb} qsggcq}oeg }d`} ybs jsq} mb `kk }doq }b avc`}c abjxq }d`} wokkc|ce}s`kky fcabjc ctofkc wcf x`gcq% O} q ce}ovcky bx}obe`k% Jbq} bl }dc }ojc+o} q jbvc clffaoce} }b avc`}c ` qoegkc |cvqobe bl }dc x`gc `} ` qoegkc wom}d `emqojxky }doei `fbs} dbw o} wokk moqxk`y `} mollcvce} wom}dq bv }ct} qo~cq% Beacybs |c gb}}ce }dc d`eg bl avc`}oeg ctofkc*lvocemky mcqogeq+ ybs wokk bl}ce fc`fkc }b `e}oaox`}c xvbfkcjq }d`} jogd} baasv `} mollcvce} wom}dq wo}dbs} d`|oeg}b c|cv msxkoa`}c }dc mcqoge `} c`ad bl }dbqc wom}dq%

    Fs} qbjc}ojcq+ avc`}oeg jsk}oxkc |cvqobeq wo}d k`ycvq bv x`gcq a`e `a}s`kky q`|cybs }ojc oe }dc kbeg vse+ bv `} kc`q} d