ЦСС позиција: позиционирање елемената

Разноврсни уређаји за приступање Интернету и претраживачима, идеје за постављање садржаја у центар, гумени изглед и елементи плутајуће странице су обећавајући и практични за кориштење, али точна назнака положаја елемената на страници још увијек је важна.

Спецификација локације елемента је често погоднија од њеног плутајућег или гуменог дела. Поред фактора практичности примене (заглавља, заглавља табеле или фиксног дела странице), почетна фаза креирања веб ресурса често игра значајну улогу.

Проток и прецизно позиционирање

Као опште правило, претраживач формира страницу читајући улазни ток секвенцијално. У овом случају, елементи се увек постављају један по један, по редоследу пријема.

Контролом вредности ЦС-правила за з-индекс можете контролисати и видљивост елемената тако што ћете их поставити на различите нивое. ЦСС позиција: апсолутно правило вам омогућава да наведете тачну локацију елемента, без обзира на његово место у општем току.

Препоручује се природно постављање садржаја секвенцијалним читањем улазног тока, а захваљујући апсолутном позиционирању елемената, могуће је редистрибуирати улазни ток на потребан број информационих "токова", приказујући садржај у апсолутно постављеним блоковима.

Логика правила ЦСС позиције је таква да се координате и димензије елемента у којем се примењује уклапају унутар странице, а не у тренутни прозор на страници. Поред тога, ако је апсолутно позиционирани елемент унутар другог елемента, онда се његове координате положаја броје из горњег левог угла овог елемента.

Фазе израде веб сајта

Опција када је веб сајт креиран од почетка одмах је практично немогућ чак и са најнапреднијим системом за управљање садржајем. Увек ће постојати прелиминарна верзија, да тако кажем, девелопера.

У овом почетном облику, програмер формира логику сајта, отклања грешке у раду менија, дијалога, серверских и клијентских скрипти. Тачна индикација локације „прозора“ за отклањање грешака (у пракси, то су обично апсолутно позиционирани (ЦСС позиција: апсолутни;) дивови „див“) нема никакве везе са радом сајта и они неће завршити, али док се не формира функционалност сајта, они једноставно потребно на погодном месту за инвеститора.

У процесу откривања грешака, програмер приказује информације које су му потребне у таквим "прозорима". Ово значајно убрзава развојни процес, пошто не морате да гледате конзолу (ЈаваСцрипт, претраживач), излазне информације за отклањање грешака у датотеку (ПХП, сервер).

Након завршетка развоја сајта, сви прозори за отклањање грешака су блокирани или сакривени у случају накнадне надоградње локације.

Одржавање локације

Развијени и активно кориштени веб ресурс не мора нужно изгледати као да га види посјетитељ (клијент). Сајт није једна страница, нити једна функционалност, барем два. Обично, локација има и административни дио, преко којег се попуњава, контролира или прати.

Програмер може да креира на било којој страници систем за отклањање грешака апсолутно позиционираних елемената за праћење рада сајта, а користећи ЦСС својство позадинске позиције можете уредити сваки од њих на прикладан начин.

Ово својство има само два параметра који одређују позицију слике, коју поставља ЦСС бацкгроунд-имаге својство. Две вредности су дозвољене: лева и горња позиција. Можете да одредите нумеричку или процентуалну вредност. Или користите леву, горњу, средњу, десну или доњу страну.

Пружање резултата у ЦСС позицији: апсолутно; елементе одређених информација, погодно је пратити рад локације, без утицаја на њен рад.

Динамичко апсолутно позиционирање

У неким случајевима су вам потребни поп-уп прозори или савјети, дизајнирани на одређени начин. Користећи ЈаваСцрипт језик, можете приказати апсолутно позиционирани елемент и приказати одређене информације у њему.

Обично се празнине таквих упита постављају на координате (0,0), а затим, на пример, кликом миша на одређени елемент, оне замењују потребне координате и чине елемент видљивим.

Потреба за креирањем сопствених савета може бити последица дизајна или логике дијалога на сајту. На пример, неопходно је да се тоолтип полако манифестује у близини жељеног елемента странице или, након клика, изабрана информација се визуелно помера на други елемент.

Без апсолутног позиционирања тешко је замислити креирање клизача, табеларних таблица, фиксних заглавља и елемената странице који би требали остати на мјесту приликом помицања садржаја.