Bo-ïepâûõ oïpeäeëèòecü, íeoáõoäèìo ëè ècïoëüçoâaòü êacêaäíûe òaáëèöû
â âaøèõ äoêóìeíòaõ. Çaïoìíèòe ãëaâíoe: íèêòo íèêoãäa íe âepíeòcÿ ía âaøó
còpaíèöó, ÷òoáû ïoëþáoâaòücÿ ee äèçaéíoì. Ho ecëè âû peøèëè ècïoëüçoâaòü CSS,
ïpèäepæèâaéòecü cëeäóþùèõ ïpaâèë.
Ecëè âaøa còpaíèöa çaíèìaeò 5Êá a còèëeâoé ôaéë 4Êá, òo paçìep còèëeâoão ôaéëa íaäo óìeíüøèòü
êaê ìèíèìóì â 5 paç. Còapaéòecü, ÷òoáû âaøè còèëeâûe ôaéëû çaíèìaëè íe áoëee 500-1000 áaéò.
Èía÷e ïpeäcòaâüòe òaêóþ cèòóaöèþ:
íeêòo íaøeë âaø caéò â ïoècêoâoé cècòeìe yandex, íaæaë ía ccûëêó è, ïocëe oäíoé ìèíóòû oæèäaíèÿ(çaïoìíèòe, còèëè çaãpóæaþòcÿ äo
HTML còpaíèöû), óâèäeë ïepeä coáoé còpaíèöó c oãëaâëeíèeì, cocòoÿùeì èç ïÿòè ïóíêòoâ. A òeïepü
óãaäaéòe, ocòaíeòcÿ ëè oí ía âaøeé còpaíèöe? Ïoceòèòeëü cêopee óéäeò c íee è ïoïûòaeòcÿ
çaéòè ía còpaíèöó c aíaëoãè÷íoé òeìaòèêoé(âce ÷epeç òoæe yandex).

|
Ècïoëüçóéòe âíeøíèe òaáëèöû còèëeé
|

|
Bo-ïepâûõ, ècïoëüçóÿ âíeøíèe òaáëèöû còèëeé, âû ìoæeòe coçäaòü eäèíûé äèçaéí äëÿ
âceõ äoêóìeíòoâ âaøeé êoëëeêöèè. Bo-âòopûõ, ecëè ïepeä âaìè
âcòaíeò çaäa÷a cìeíû äèçaéía
âceõ còpaíèö âaøeão caéòa, âû ëeãêo ýòo cäeëaeòe, ècïpaâèâ ocíoâíoé còèëeâoé ôaéë.
B-òpeòüèõ, ecëè ápoóçep ïoceòèòeëÿ íe ïoääepæèâaeò còèëè, òo oí íe çaãpóçèò
còèëeâoé ôaéë, ecëè æe âû ècïoëüçóeòe
còèëè, âêëþ÷eííûe ïo cpeäcòâaì òeãa
<style>, ápoóçep âce paâío çaãpóçèò
coäepæèìoe ýòoão òeãa, ïpoèãíopèpoâaâ eão.
Ecëè âû õoòèòe èçìeíèòü còèëü êoíêpeòíoão
äoêóìeíòa, ïepeoïpeäeëèâ èëè äooïpeäeëèâ
êaêèe-òo còèëè âíeøíeão ôaéëa, ècïoëüçóéòe
còèëè, oïpeäeëeííûe c ïoìoùüþ òeãa <style>.
Còapaéòecü íe ècïoëüçoâaòü âcòpoeííûõ(còèëeé,
oïpeäeëeííûõ c ïoìoùüþ aòpèáóòa style)
còèëeé âooáùe.

|
Còapaéòecü íe ècïoëüçoâaòü câoécòâ ïoçèöèoíèpoâaíèÿ
|

|
Ecëè âû c ïoìoùüþ còèëeé oïpeäeëèëè òaêèe
câoécòâa äoêóìeíòa, êaê öâeò, paçìep è
ía÷epòaíèe øpèôòoâ, öâeò ôoía, ôoíoâoe
èçoápaæeíèe, òèï ìapêepoâ cïècêa è ò.ä, òo
ápoóçep, íe ïoääepæèâaþùèé còèëè, âûâeäeò
âaøó còpaíèöó â ïpèeìëeìoì âèäe. To ecòü
êoíe÷ío øpèôòû, öâeòa, öâeò ôoía(ecëè âû íe
oïpeäeëèëè çía÷eíèÿ ýòèõ câoécòâ
cpeäcòâaìè HTML, òaêèìè êaê aòpèáóòû òeãoâ
bgcolor è background) áóäóò oòoápaæaòücÿ íe òaê êaê
âû õoòeëè, ío âce æe còpaíèöa áóäeò âïoëíe
÷èòaáeëüíoé. A òeïepü ïpeäcòaâüòe ceáe
cèòóaöèÿ, êoãäa âû ècïoëüçoâaëè òaêèe
câoécòâa, êaê top, bottom, left, right, position è ò.ä. äëÿ
pacïoëoæeíèÿ ýëeìeíòoâ â oêíe ápoóçepa.
Êaê ía ýòo oòpeaãèpóeò ápoóçep, íe
ïoääepæèâaþùèé còèëè? Taê ÷òo, êoãäa âû
ècïoëüçóeòe CSS, âceãäa äóìaéòe o òoì, êaê
áóäóò ïocòóïaòü ápoóçepû, èãíopèpóþùèe
còèëè.

|
Èçáeãaéòe aácoëþòíûõ eäèíèö äëèíû
|

|
Ïpeäcòaâüòe pacïpocòpaíeííóþ cèòóaöèþ:
âce coäepæèìoe òaáëèöû âeä ìacòep
pacïoëoæèë â òaáëèöe cïpaâa ìeíþ, cëeâa
òeêcò. Ê òoìó æe oí íaçía÷èë òaáëèöe øèpèíó
paâíóþ 650 ïèêceëÿì. Ïpè paçpeøeíèè ýêpaía
800x600 còpaíèöa áóäeò cìoòpeòücÿ íopìaëüío.
Ho ïpè paçpeøeíèè 1024õ768 oêío ápoóçepa
áóäeò íe öeëèêoì çaïoëíeío, ÷òo áóäeò
paçäpaæaòü ïoceòèòeëeé, a ïpè paçpeøeíèè
640x480 ïoëüçoâaòeëü áóäeò âûíóæäeí
ècïoëüçoâaòü íèæíþþ ïoëocêó ïpoêpóòêè äëÿ
ïpocìoòpa còpaíèöû. Çaïoìíèòe: âaøè
ïoceòèòeëè áóäóò ècïoëüçoâaòü caìûe paçíûe
paçpeøeíèÿ ýêpaíoâ, ïoýòoìó èçáeãaéòe
ècïoëüçoâaíèÿ aácoëþòíûõ eäèíèö,
ècïoëüçóéòe ïpoöeíòíûe. Ýòa peêoìeíäaöèÿ,
paçóìeeòcÿ, íe oòíocèòcÿ ê èçoápaæeíèÿì.