Што такое «вёрстка div» пры стварэнні сайта, яе плюсы і мінусы

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

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

Вёрстка макета сайта - гэта працэс фарміравання яго вэб-старонак па вырабленаму дызайнерам шаблоне. Дадзеным выглядам дзейнасці займаецца вярстальнік сайтаў. Асноўная задача вярстальніка заключаецца ў стварэнне HTML-кода, які дазваляе размяшчаць тэкст, малюнкі і іншыя элементы вэб-старонкі ў пэўных месцах дакумента і адлюстроўваць іх у акне любога сучаснага Інтэрнэт-браўзэра згодна з распрацаваным дызайнерам макету. Падчас сваёй працы вярстальнік павінен пастаянна сачыць за тым, каб звярстаць ім частка макета аднолькава карэктна адлюстроўвалася ва ўсіх браўзэрах. Некалькімі гадамі раней HTML-вёрстка сайта грунтавалася на выкарыстанні табліц. З часам у мове HTML з'яўляюцца новыя элементы (тэгі). Адным з такіх элементаў стаў div. Калі на працягу апошніх гадоў вёрстка div была найбольш пераважная пры стварэнні старонак сайта, сёння яна з'яўляецца абавязковай. У цяперашні час з дапамогай табліц сайты практычна не вярстаюцца. Замест паняцця "вёрстка div» найбольш часта ўжываецца паняцце «вёрстка пластамі» або «вёрстка блокамі».

Div - гэта тэг, пры дапамозе якога можа быць выдзелены асобны фрагмент HTML кода старонкі. Дадзены тэг з'яўляецца блокавым элементам.

Тэг div мае два асноўных параметру:

• Align, які дазваляе выраўноўваць яго змесціва (па левым, правым краі старонкі, па цэнтры або па шырыні);
• Title, дадае ўсплывальную падказку да яго змесціва.

Вёрстка div: асноўныя плюсы:

• невялікі ў параўнанні з таблічнай вёрсткай код разметкі;
• магчымасць стварэння «гумовага» дызайну старонкі;
• хуткая ў наступным загрузка старонак у браўзэры карыстальніка;
• палягчэнне працы са стылямі (CSS), прысваенне стылю элементам з дапамогай id.

Вёрстка div: асноўныя мінусы:

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

У залежнасці ад ствараемага праекта дапускаецца спалучэнне блокавай і таблічнай вёрсткі.

Чаму ў цяперашні час большасць прафесіяналаў адыходзіць ад выкарыстання табліц пры вёрстцы?

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

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