Што такое вёрстка сайта? Таблічная і блочная вёрстка: адрозненні

Працэс стварэння сайта вельмі працаёмкі і патрабуе наяўнасці вызначаных ведаў у галіне праграмавання і немалых выдаткаў часу. Нараджэнне любога сайта пачынаецца з адмалёўкі яго макета дызайнерам, далей гатовы макет адпраўляецца на вёрстку. Дадзены працэс варта разабраць больш падрабязна.

Адказаць на пытанне аб тым, што такое вёрстка, дапамогуць пэўныя тэрміны.

Сайт - гэта сукупнасць электронных фалаў або дакументаў, якія належаць аднаму ўладальніку (прыватнай асобе ці арганізацыі), размешчаных у сеткі і аб'яднаных пад адным IP-адрасам або даменным імем.

Вёрстка сайта - гэта фарміраванне яго вэб-старонак у тэкставым рэдактары з выкарыстаннем мовы разметкі гіпертэксту.

Вярстальнік вэб-старонак - спецыяліст па вёрстцы, які займаецца кампаноўкай тэкставай, графічнай і іншых відаў інфармацыі на старонцы дакумента (старонцы сайта).

HTML - асноўны мова гіпертэкставай разметкі старонак у Інтэрнэце. Аснову дадзенага мовы складае набор элементаў, заключаных з абодвух бакоў у тэг (які адкрывае і закрывае яго), кожны элемент мае свае атрыбуты, якія вызначаюць яго асноўныя ўласцівасці. Атрыбут заўсёды паказваецца ў адкрывае тэгу.

Кажучы больш простай мовай, задача вярстальніка заключаецца ў перакладзе ўсіх элементаў старонкі сайта на мову, даступны любому Інтэрнэт-браўзэру. Пры гэтым якая адлюстроўваецца ў браўзэры старонка павінна быць вонкава максімальна набліжана да дызайнерскаму макету.

Што такое вёрстка сайта з дапамогай табліц?

Любы дакумент, перакладзены на мову HTML, уяўляе сабой набор пэўных элементаў, зняволеных у тэгі. Яшчэ некалькі гадоў таму большасць сайтаў вярстаўся з дапамогай табліц. Код старонкі пры гэтым атрымліваўся вельмі грувасткім і цяжка чытэльным. У яго было складана ўносіць якія-небудзь змены па ходу далейшай працы над старонкай. Акрамя таго, Інтэрнэт-браўзэр ўспрымае табліцу як адзіны аб'ект, таму адлюстраванне яе змесціва пачынаецца толькі пасля поўнай яе загрузкі на кампутар. Асабліва гэта заўважна тым карыстальнікам, хуткасць Інтэрнэту якіх пакідае жадаць лепшага. У цяперашні час Таблічная вёрстка HTML выкарыстоўваецца вельмі рэдка. Нягледзячы на гэта, кожны вярстальнік павінен ведаць яе асновы, да прыкладу, хоць бы для таго, каб мець магчымасць унесці якія-небудзь карэктывы ў код, напісаны некалькімі гадамі раней яго папярэднікам, якія працуюць над стварэннем сайта.

Што такое вёрстка сайта з дапамогай блокаў?

Блочная вёрстка сайта, з выкарыстаннем элемента div, мае свае перавагі і недахопы. Да асноўных яе пераваг ставяцца:

• прастата кода, яго чытэльнасць і кампактнасць;
• магчымасць рэалізаваць самыя мудрагелістыя рашэння дызайнера;
• хуткая загрузка старонкі сайта ў браўзэры.

Код, напісаны з дапамогай блокаў, больш лёгка рэдагаваць ў наступным, зручна мяняць афармленне старонак сайта. Пры гэтым адпадае ўсякая неабходнасць карэкцыі самага HTML-кода. Ўсе змены ўносяцца ў асобна створаны CSS-файл.

Цалкам разабрацца вярстальшчыкі у тым, што такое вёрстка сайта з дапамогай блокаў, дазваляе веданне і прымяненне ў сваёй працы тэхналогіі каскадных табліц стыляў (CSS). CSS ўяўляе сабой асобны фармальны мову, які выкарыстоўваецца для апісання знешняга выгляду старонкі вэб-сайта. Такім чынам, стварыўшы агульны каркас старонкі на мове HTML, вярстальнік пачынае займацца яго афармленнем (вызначэнне фону старонкі, наданне розных колераў яе элементам, размяшчэнне малюнкаў, іх маштабаванне і г.д.), выкарыстоўваючы каскадныя табліцы стыляў.

Магчыма, з часам з'явіцца яшчэ больш новы і больш кампактны спосаб вёрсткі старонак сайтаў. Пакуль жа вярстальшчыкі, ўладкоўвацца на працу, паўсюдна даводзіцца адказваць на пытанне пра тое, што такое вёрстка сайта з дапамогай блокаў і ў чым заключаюцца яе перавагі.