Програмирање је као огледало:у почетку је била реч, али се није огледао одговор. И врло брзо сам морао да „променим“: прво огледало, па реч... У овом тренутку, каскадни стилови су добри, али зашто је програмеру требало толико времена да до њих дође? ЦСС је исти низ са почетка ере компјутерских програма, али само из друге перспективе. Чак и када су низови постали асоцијативни, то није створило револуцију.
Страница сајта су ХТМЛ ознаке за означавање којеможе бити додељена одређена класа стила или идентификатор стила. Први се може дефинисати једном и приписати било чему онолико пута колико је потребно, други припада одређеном елементу.
Општа логика за описивање стилова
Традиционално, стил се поставља у ЦСС датотеку, алиможе се доделити одређеном елементу у његовом атрибуту стила. Стил се може креирати динамички користећи ЈаваСцрипт. Није битно како описати, на пример, коришћење ЦСС-а, боју фонта, његову величину, фонт, позадину испод, итд. Локација описа стила је важна у контексту, обично, две идеје: што је касније описан, то има већи приоритет, а ако је описан на елементу, онда је потпуно !важан. Ово последње, написано онако како јесте, јасно одређује приоритет.
Примените стил на, на пример, одређену боју фонтапроменио боју, можете било где и како год. Питање је како ће претраживач реаговати на ово када раставља све стилове заједно. Колико ће ЦПУ времена потрошити на ово?
У идеалном случају, боју фонта треба навести само једном - ово је класика. Додавање још неколико једном једноставном опису, а затим још једног и још једног... наравно, могуће је. То је модерно, али непрактично.
Пример опште логике
Веома је једноставно: дефинисањем боје за само три елемента помоћу ЦСС-а, можете добити најмање три дугорочна проблема:
#Еле1, #Еле2, #Еле3 {
ПОЗИЦИЈА: апсолутна;
лево : 20пк;
врх: 14пк;
боја црвена;
}
#Еле2, #Еле3 {
лево : 90пк; // променити ЦСС хоризонталну координату
боја: жута; // променити боју фонта ЦСС
}
#Еле3 {
врх: 114пк; // променити ЦСС вертикалну координату
боја: зелена; // поново промените боју ЦСС фонта
боја позадине: светлосива; // Боја истицања ЦСС текста је промењена, али то није у #Еле1 и #Еле2; позиција је такође промењена, али је већ промењена у #Еле2 а не на исти начин као овде
}
Сада морамо запамтити да су сва три ова елементасу негде дефинисани, а ако се идеје о бојама власника сајта промене, програмер ће морати да се сети не само боје, већ и левих и горњих правила, и не треба да заборави на промену боје истицања текста.
Не поштују сви програмери ЦСС захтев: стил идентификатора је за само један елемент, а стил класе је за многе ознаке, штавише, ове последње се могу навести у ознакама као придеви:
- подесите боју фонта у ЦСС – стил класе гроундЦолор;
- одредити величину фонта – величина класе15;
- постављена позиција – класа ПлацеУп.
Наравно, употреба идентификаторапосебно када припадају једном маркупном елементу, бољем од десетак стилских класа написаних у различитим комбинацијама на стотинама елемената странице. Али све има своју објективну логику.
Програмер једноставно мора мудро узети у обзир: чак и ако боја фонта ХТМЛ-а и ЦСС-а сугерише крут опис, онда је флексибилност опште структуре описа његов посао.
Очекивани резултат примене опште логике
Модерни претраживачи су опуштенивелики број стилских датотека и њихових обима. Међутим, када дизајнирате, посебно преко ЦСС-а, боју целе странице, увек треба размишљати о разумној довољности. Не изгледају сва правила стила „јефтино“ када се примењују. Једноставна, лаконска нотација: * {цолор: вхите;} је свакако лепа, али важи за све елементе странице без изузетка.
Од свих правила која ЦСС има, најважније је:
- стиле је класа, а затим њено име почиње са ".";
- стил – идентификатор и његово име почиње знаком „#“;
- у другим случајевима то је назив ознаке или нешто посебно
Друге стилске идеје (наслеђивање, преклапање имовине, првенство, положај, ред, итд.) треба користити промишљено и стриктно по потреби.
Прегледачу ће увек недостајати оно што не анализираопис, тако да неће бити неких већих изненађења. Ако нешто није на правом месту или се боја фонта не може подесити у ЦСС-у, онда постоји грешка у стилу.
Неочекиване прилике
Не би требало да претерујете са стиловима као што су * { лефт: 124пк; } или
ол ол, ол ул, ул ул, ул ол { маргин-боттом: 0; }
а имг { бордер: 0; }
Иако је тешко натерати чак и почетникапрограмер да користи ЦСС правила онаква каква јесу. Увек у развоју било које веб странице, чак и савршено једноставна ЦСС синтакса представља неочекиване проблеме. Међутим, ако усредсредите своје напоре на исправну употребу синтаксе, али примените ЈаваСцрипт функционалност на њу, онда ће вам нове неочекиване могућности омогућити да избегнете монотоно креирање идентификатора за сваки елемент или да пратите разноврсност употребе стилских класа.
ЦСС није само стилска датотека повезана са страницом преко ознаке везе или уметнута у њу преко ознаке стила. Ово је такође прилика да креирате стил у ходу или модификујете постојећи.
Користећи ЦСС, боја фонта се може програмски променити. Као и величина, положај, удубљење. Веб локација није циљ да примени знање у ЦСС, ХТМЛ, ПХП или да покаже ЈаваСцрипт ефекте.
Веб ресурс је првенствено информација,понуђено на одређени начин. Зато је ЦСС најбоље посматрати у динамици кроз призму како можете да креирате, док је страница још на серверу (заузима је ПХП у тренутку када посетилац дође на сајт, а не програмер на време када развија сајт), неопходну датотеку стилова за одређени текст, за тренутни садржај или креирајте стил класе или идентификатора у ходу док је страница покренута, када је прегледа одређени посетилац.
Статичка динамика
Не треба увек да пишете сложен ЈаваСцрипт код,да садржај буде динамичан и његов дизајн адекватан садржају. Понекад је довољно правилно искористити расположиве могућности. Конкретно, дефинисањем боје фонта користећи ЦСС као првобитно статичко правило, можете сакрити ово правило (скривено) и приказати друго (видљиво).
Овде динамика не захтева алгоритам:
// означимо дугме за пријаву на сајт
функција сцфВелцомеОвер() {
доцумент.гетЕлементБиИд("сцДоцкНамеПиП").стиле.висибилити = "видљиво";
}
// сакривање дугмета за пријаву на сајт
функција сцфВелцомеОут() {
доцумент.гетЕлементБиИд("сцДоцкНамеПиП").стиле.висибилити = "хидден";
}
ЦСС нуди сопствене опције динамике:пузеће линије, транспарентност елемената, разне опције за прекривање, развој, бледе боје. У ЦСС-у, боја фонта може бити направљена чак и на начин који није предвиђен ниједним правилом стила.
Динамички приказ садржаја
Да није било догми, вероватно их не би билонапредак. Једноставно се не би имало против чега борити. Хипертекст је донео много догми у свет. Време је да обратите пажњу на њих и почнете да развијате веб странице у прагматичном и практичном стилу.
У почетку постоји страница (П), на њој је постављенасадржај (К), све ознаке страница су описане у листи стилова (С). Није ново генерисати страницу П преко ПХП-а или Перл-а на серверу избором К из базе података. Постојећа листа стилова С ће се аутоматски применити. Међутим, К се може променити, а у већини случајева таква промена ће за собом повлачити потребу за другим стиловима, односно С+.
На пример, купац је рекао:„Веб страница која описује живот Москве ће изгледати боље ако су новински чланци дизајнирани у стилу „За доручак”, описи ноћне вреве у стилу „Лас Вегаса”, а чланци о научно-технолошком напретку у стилу „МодернТехно”.” Али ако направите С за ове три опције, онда нема гаранције да купац неће имати идеју да има скуп чланака „Новости“, „Празници“, „Посао“, „ЦСС/ХТМЛ“ и бонус „За домаћицу на уму”.
Други приступ је практичнији.Без обзира на категорију чланка, увек има садржај који се може обојити одређеном бојом. У овом тренутку се намеће сасвим разумна идеја: након што сте добили одређени К, формирајте адекватан С на серверу, а када претраживач захтева П, добиће тражени садржај у одговарајућем формату.
Динамика стила из ЈаваСцрипт-а
Минимално, али веома ефикасно решење је -креирајте стил директно у претраживачу клијента. Прво, ово растерећује сервер - неће бити потребе да трошите време на генерисање хипертекста странице и стилских датотека за њу.
Друго, природно губљење времена унутрапретраживачи ће створити ефекат да је страница заузета и да активно одржава дијалог са посетиоцем: у сваком случају, он не перципира садржај на велико, па ће му се допасти доследан и промишљен приказ информација.
Треће, ово омогућава програмеру да посетиоцу пружи механизам за генерисање садржаја у стилу који му одговара. Нико други нема ово.
За спровођење ове идеје неопходно је спровестимеханизам за креирање стилова елемената непосредно након учитавања странице и током њеног рада. Модерна веб локација је АЈАКС у овом или оном облику. Није тешко креирати стилове директно у процесу формирања стабла страница. Једноставан је, приступачан и ефикасан, јер садржај иде уз његов дизајн.
Ово није у супротности са савременом тенденцијом да се одвоји презентација података од њихове обраде и врши се на подацима који иду у приказ.
ЦСС као активна компонента
Хипертекст је донео много доброг, али само малодоста природних информација је успешно формализовано, појавили су се алати и искуство у креирању висококвалитетних ХТМЛ, КСМЛ, ЦСС докумената. Није проблем формализовати нове количине информација и променити оно што је већ урађено.
За ЦСС, овај процес је већ активанпотпуно другачији контекст. Уграђени алати у ЈаваСцрипт-у, који вам омогућавају да креирате елементе и стилове елемената у ходу, нису обезбедили ову могућност, а творци ПХП-а су, посебно, веровали да ће се бавити само генерисањем ХТМЛ страница.
И први и други вам омогућавајустилско програмирање. Ово је нови правац у области информационих технологија. Стилови су много формалнија ствар од ХТМЛ-а или КСМЛ-а; правила су веома једноставна. Стил је увек присутан у информацијама, без обзира на њихову природу.
Програмери се увек баве форматирањем података у много неформализованијим областима, али тема ЦСС-а је врло једноставан задатак, али некако није упао у видно поље процеса развоја.
О догмама из области програмирања
Попут санте леда, догма не може дуго да путује.информациони простори. Акумулирано искуство је требало концентрисати не само на ХТМЛ и ЦСС стандарде, алате за рад са њима и знање програмера.
Једноставан задатак је креирање боје користећи ЦССфонт – пронашао сам своје савршено решење. Правила, синтакса, логика и погодност су неоспорни. Али чак и када вам заправо није потребно пуно фонтова, не треба вам пуно боја за вежбање, а уопште, за потребе виртуелизације стварности, није вам потребна сва акумулирана „моћ“ ХТМЛ-а и ЦСС, долази тренутак када ситуационо знање прелази у репродуктивно знање, а искуство и алате за природно формирање стилова из садржаја.
Како ће се то догодити можда није сасвим јасно, али је очигледно да је процес већ у току.
