Како креирати прилагођене медијске упите у Дреамвеаверу

Када креирате странице користећи функције распореда флуидне мреже, Дреамвеавер аутоматски креира одговарајуће медијске упите за вас, али можете креирати сопствене прилагођене медијске упите и користити их за циљање сопствених ЦСС правила.

Медијски упити су у употреби на вебу више од једне деценије за друге намене, као што је креирање алтернативног дизајна странице оптимизованог за штампање. Упит за медије се састоји од типа медија, као што су екран или штампа (два најчешћа), и опционог израза који проверава одређене карактеристике, као што су висина или ширина. Најчешће коришћени типови медија су

• све: Погодно за све уређаје

• штампа: Дизајнирано за преглед штампе и за приказ када се страница одштампа

• екран: За садржај приказан на било ком екрану

Тип ручних медија се више скоро никада не користи и најбоље је користити само за мобилне телефоне и друге уређаје са малим екранима, ограниченим пропусним опсегом и монохроматским екранима који подржавају само битмапирану графику. иОС уређаји и већина паметних телефона су категорисани као типови медија на екрану.

Како да примените стилове на дизајн својих Дреамвеавер страница

Можете да примените стилове као спољне датотеке тако што ћете их повезати или увести, или их можете укључити као интерне стилове у заглавље ХТМЛ кода ваше странице. Можете чак и циљати уређаје користећи уграђене стилове — згодна опција ако желите да примените одређено правило само на одређене уређаје.

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

Како користити медијске упите у екстерним стиловима у Дреамвеавер-у

Можете да користите медијске упите са спољним стиловима на два начина. Прва опција је повезивање са једним спољним стилом са више скупова стилова раздвојених медијским упитима. Тако Дреамвеавер повезује стилове када креирате течни распоред мреже.

Друга опција је да повежете два или више засебних екстерних стилова са сваком ХТМЛ страницом и укључите медијске упите у сваки стилски лист. У сваком случају, код за ЦСС и ХТМЛ се чувају у засебним датотекама, а

ознака их повезује.

Без обзира да ли све медијске упите и сродне стилове чувате у једној датотеци или у засебним ЦСС датотекама, можете повезати и додатне листове стилова са било којом ХТМЛ страницом. На пример, можете да укључите посебан скуп стилова у посебан стилски лист који је дизајниран да форматира страницу када се пошаље на штампач.

Како креирати медијске упите у Дреамвеаверу

Можете креирати онолико медијских упита колико желите у Дреамвеавер-у и можете их укључити у једну или више ЦСС датотека. Да бисте креирали нови медијски упит у Дреамвеавер-у, пратите ове кораке:

Отворите панел ЦСС Десигнер тако што ћете изабрати Виндов→ЦСС Стилес.

Изаберите постојећи стилски лист на панелу Извори или креирајте нови кликом на знак плус (+) на панелу Извори.

Кликните на знак плус (+) на @Медиа панелу у панелу ЦСС Десигнер.

Отвара се дијалог Дефиниши медијске упите.

Изаберите Медији са прве падајуће листе и Екран са друге падајуће листе.

Померите курсор удесно од сваке падајуће листе да би се појавио знак плус, а затим кликните на знак плус да бисте додали ново поље.

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

Напомена: Знаци плус и минус постају видљиви само када пређете курсором преко десне стране оквира за дијалог.

Померите курсор десно од падајућих листа, кликните на знак плус други пут да бисте додали поље и унесите услов минималне ширине.

Поље Мин-Видтх се појављује у дијалогу „Медиа Куериес“ тако да можете одредити минималну ширину коју желите да користите за циљање упита. Минимална ширина је важна јер медијски упит циља стилове на основу минималног до максималног опсега ширине који наведете, а који је покривен у следећем кораку.

Померите курсор десно од падајућих листа, кликните на знак плус трећи пут да бисте додали поље и унесите услов максималне ширине.

Поље Мак-Видтх се појављује у оквиру за дијалог тако да можете одредити максималну ширину коју желите да користите за циљање упита.

Кликните на ОК.

Оквир за дијалог Медиа Куериес се затвара и медијски упит се генерише и додаје у стилски лист који сте изабрали на панелу Извори у панелу ЦСС Десигнер.

Да бисте додали додатне медијске упите у било коју изабрану листу стилова, поновите кораке 3–8. Да бисте додали медијске упите у другу листу стилова, поновите кораке 2–8.

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