ЦСС је најбољи начин за креирање веб страница дизајна
Учење писања ЦСС поставки може бити незгодно, поготово ако сте упознати са кориштењем таблица за креирање украсних приказа веб страница. Али, док ХТМЛ5 дозвољава таблице за изглед, то није добра идеја.
Табеле нису доступне
Као и претраживачи, већина читача екрана чита веб странице по редоследу приказивања у ХТМЛ-у. И таблице могу бити врло тешке за читање екрана. То је зато што садржај у табеларном распореду, док је линеаран, није увијек јасан када се читају од лева на десно па од врха до дна. Поред тога, са уграђеним табелама и различитим распонима на ћелијама таблице може се учинити да је страница врло тешко одредити.
Ово је разлог због ког се ХТМЛ5 спецификација препоручује против табела за изглед и зашто ХТМЛ 4.01 га не одобрава. Приступачне веб странице омогућавају више људи да их користе и представљају знак професионалног дизајнера.
Са ЦСС-ом, можете дефинисати одељак као припадајући на левој страни странице, али ставите га у ХТМЛ. Затим читачи екрана и претраживачи ће прочитати најважније делове (садржај) и најважније дијелове (навигацију).
Табеле су тешке
Чак и ако креирате табелу са веб уредником, ваше веб странице ће и даље бити врло компликоване и тешко одржавати. Осим најсложенијих дизајна веб странице, већина табела распореда захтева употребу пуно атрибута и уграђених табела.
Изградња стола може изгледати лако док то радите, али онда је потребно да га одржите. Шест месеци низу линије можда није тако лако запамтити зашто сте угнежили таблице или колико ћелија је било у низу и тако даље. Поред тога, ако одржавате веб странице као члан тима, морате свакој особи објаснити како функционишу табеле или очекују од њих да предузму додатно време када треба да изврше измене.
ЦСС се може компликовати, али задржава презентацију одвојену од ХТМЛ-а и олакшава одржавање на дужи рок. Плус, са ЦСС распоредом можете написати једну ЦСС датотеку и стајати све своје странице тако да изгледају. И када желите да промените изглед сајта, једноставно промените једну ЦСС датотеку, а цела страница се чује - више не пролази кроз сваку страницу један по један да бисте ажурирали табелу да бисте ажурирали изглед.
Табеле су нефлексибилне
Иако је могуће креирати распореде табле са процентуалним ширинама, они су често спорији за учитавање и могу драматично промијенити изглед вашег изгледа. Али ако користите одређене ширине за своје табеле, завршите са врло крутим изгледом који неће изгледати добро на мониторима који су различито величини од ваших.
Креирање флексибилних приказа који добро изгледају на многим мониторима, прегледачима и резолуцијама релативно је једноставан. Заправо, са ЦСС медијским упити, можете креирати засебне дизајне за различите екране величине.
Уграђени табели учитавају полако мање од ЦСС-а за исти дизајн
Најчешћи начин за креирање украсних распореда са столовима јесте "гнезда" табела. То значи да се једна (или више) табела налази унутар друге. Што више табела које су угнежене, то ће дуже трајати за веб претраживач да би приказао страницу.
У већини случајева, распоред таблице користи више карактера за креирање од ЦСС дизајна. И мање карактера значи мање за преузимање.
Табеле могу повриједити оптимизацију претраживача
Најчешћи обликован изглед табеле има траку за навигацију на левој страни странице и главни садржај на десној страни. Када користите табеле, ово (уопштено) захтева да први садржај који се приказује у ХТМЛ-у је лева навигацијска трака. Претраживачи категоришу странице базиране на садржају, а многи мотори одређују да је садржај који је приказан на врху странице важнији од другог садржаја. Према томе, страница са навигацијом на левој страни ће изгледати да има садржај који је мање важан од навигације.
Користећи ЦСС, можете прво ставити важан садржај у свој ХТМЛ, а затим користити ЦСС како бисте утврдили где треба бити постављен у дизајн. То значи да ће претраживачи прво видјети важан садржај, чак и ако га дизајн ставља испод странице.
Табеле Дон'т Алваис Принт Велл
Многи дизајнирани столови не штампају добро јер су једноставно превише широки за штампач. Дакле, како би их прилагодили, претраживачи ће смањити столове и одштампати одељке испод, што резултира веома неповезаним страницама. Понекад се завршавају са страницама које изгледају у реду, али цела десна страна недостаје. Остале странице ће штампати одељке на различитим листовима.
Са ЦСС-ом можете креирати засебан стилски стил само за штампање странице.
Таблице за постављање су неважеће у ХТМЛ-у 4.01
Спецификација ХТМЛ 4 каже: "Табеле не треба користити искључиво као средство за постављање садржаја докумената јер то може представљати проблеме при приказивању на не-визуелним медијима."
Дакле, ако желите да напишете важећи ХТМЛ 4.01, не можете користити таблице за изглед. Требали бисте користити табеле само за табеларне податке. Табеларни подаци генерално изгледају као нешто што можете приказати у прегледници или можда у бази података.
Али ХТМЛ5 је променио правила, а сада табеле за изглед, а не препоручују се сада важећи ХТМЛ. Спецификација ХТМЛ5 каже: "Табеле не треба користити као помагала за постављање."
Због тога што су табеле за изглед често за читаче екрана тешко разликовати, као што сам горе поменула.
Коришћење ЦСС-а за позиционирање и постављање страница је једини важећи ХТМЛ 4.01 начин за добијање дизајна које сте користили за кориштење таблица за креирање. И ХТМЛ5 снажно препоручује овај метод.
Табеле за постављање могу утицати на изгледе за посао
Како све више и више нових дизајнера учи ХТМЛ и ЦСС, ваше вештине у изградњи распореда табеле биће све мање и мање потражње. Да, тачно је да купци обично не говоре тачну технологију коју треба користити за изградњу својих веб страница. Али вас траже за ствари попут:
- Приступачне веб странице: дизајн који се може прегледати од стране читача екрана траже многе земље, а корпорације свакодневно проналазе доступност све више и више.
- Одрживи веб страници: дизајн који могу да узму са собом чак и ако их нећете задржавати у будућности.
- Флексибилни дизајн: дизајн који ради на многим претраживачима, резолуцијама и уређајима.
- Брзе преузимања странице: брзина постаје све важнија, чак и за СЕО.
- Штампани дизајни: странице које се штампају без посебних скрипте или додатних страница.
Ако не можете да пружите оно што клијенти траже, они ће престати да вам долазе по дизајну, можда не данас, али можда следеће године или следеће године. Да ли можете заиста допустити да ваше предузеће пати због тога што нисте спремни почети да учи технику која се користи од краја деведесетих година?
Морални: научите се користити ЦСС
ЦСС може бити тешко научити, али вреди труда. Не задржавајте своје вештине од стагнирања. Сазнајте ЦСС и направите своје веб странице на начин на који су требали бити изграђени - ЦСС за изглед.