Si të krijoni pyetje të personalizuara të mediave në Dreamweaver

Kur krijoni faqe duke përdorur veçori të paraqitjes së rrjetit fluid, Dreamweaver krijon automatikisht pyetjet përkatëse të medias për ju, por ju mund të krijoni pyetjet tuaja të personalizuara të medias dhe t'i përdorni ato për të synuar rregullat tuaja CSS.

Kërkesat e medias janë përdorur në ueb për më shumë se një dekadë për përdorime të tjera, të tilla si krijimi i një dizajni alternativ faqesh të optimizuar për printim. Një pyetje mediatike përbëhet nga një lloj media, si ekrani ose printimi (dy më të zakonshmet) dhe një shprehje opsionale që kontrollon për veçori të veçanta, si lartësia ose gjerësia. Llojet e mediave më të përdorura janë

• të gjitha: I përshtatshëm për të gjitha pajisjet

• print: Projektuar për pamje paraprake të printimit dhe për shfaqje kur printohet një faqe

• ekran: Për përmbajtjen e shfaqur në çdo ekran

Lloji i medias në dorë nuk përdoret pothuajse kurrë më dhe përdorej më së miri vetëm për telefonat celularë dhe pajisje të tjera me ekrane të vogla, gjerësi bande të kufizuar dhe ekrane njëngjyrëshe që mbështesin vetëm grafikë me bitmap. Pajisjet iOS dhe shumica e telefonave inteligjentë kategorizohen si lloje të mediave të ekranit.

Si të aplikoni stile në modelet tuaja të faqeve Dreamweaver

Ju mund t'i aplikoni fletët e stilit si skedarë të jashtëm duke i lidhur ose importuar ato, ose mund t'i përfshini si stile të brendshme në rajonin kryesor të kodit HTML të faqes tuaj. Ju madje mund të synoni pajisjet duke përdorur stile inline - një opsion i dobishëm nëse dëshironi të zbatoni një rregull specifik vetëm për pajisje të caktuara.

Mund të përdorni një kombinim të këtyre opsioneve dhe mund të importoni ose lidhni disa fletë stilesh të jashtme në të njëjtën faqe interneti. Pasi të keni përcaktuar llojin e medias me veçoritë e medias që dëshironi të synoni, ju specifikoni se si duhet të aplikohen stilet në faqe.

Si të përdorni pyetjet e medias në fletët e stilit të jashtëm në Dreamweaver

Ju mund t'i përdorni pyetjet e medias me fletë stilesh të jashtme në dy mënyra. Opsioni i parë është lidhja me një fletë stili të jashtëm me grupe të shumta stilesh të ndara nga pyetjet e medias. Kjo është mënyra se si Dreamweaver lidh stilet kur krijoni një plan urbanistik të rrjetës.

Opsioni i dytë është të lidhni dy ose më shumë fletë stili të ndara të jashtme me secilën faqe HTML dhe të përfshini pyetjet e medias në secilën fletë stili. Sido që të jetë, kodi për CSS dhe HTML ruhen në skedarë të veçantë, dhe

etiketa i lidh ato.

Pavarësisht nëse i ruani të gjitha pyetjet e medias dhe stilet e lidhura në një skedar ose në skedarë të veçantë CSS, mund të lidhni edhe fletë stilesh shtesë me çdo faqe HTML. Për shembull, mund të përfshini një grup të veçantë stilesh në një fletë stili të veçantë që është krijuar për të formatuar faqen kur dërgohet në një printer.

Si të krijoni pyetje mediatike në Dreamweaver

Ju mund të krijoni sa më shumë pyetje mediatike që dëshironi në Dreamweaver dhe mund t'i përfshini ato në një skedar CSS ose shumë. Për të krijuar një pyetje të re mediatike në Dreamweaver, ndiqni këto hapa:

Hapni panelin CSS Designer duke zgjedhur Dritare→ Stilet CSS.

Zgjidhni një fletë stili ekzistues në panelin Burimet ose krijoni një të re duke klikuar shenjën plus (+) në panelin Burimet.

Klikoni shenjën plus (+) në panelin @Media në panelin CSS Designer.

Hapet kutia e dialogut Define Media Queries.

Zgjidhni Media nga lista e parë rënëse dhe Ekrani nga lista e dytë rënëse.

Lëvizni kursorin në të djathtë të secilës listë rënëse për të shfaqur shenjën plus dhe më pas klikoni shenjën plus për të shtuar një fushë të re.

Një fushë e re shfaqet në kutinë e dialogut Media Queries në mënyrë që të mund të specifikoni orientimin. Kjo fushë është opsionale, por përdoret zakonisht nëse doni të krijoni dizajne të ndryshme për pamje peizazhi dhe portrete në një tablet ose një smartphone. Nëse nuk dëshironi të krijoni paraqitje shtesë në bazë të orientimit, mund ta hiqni këtë fushë duke klikuar shenjën minus.

Shënim: Shenjat plus dhe minus bëhen të dukshme vetëm kur rrotulloni kursorin në anën e djathtë të kutisë së dialogut.

Lëvizni kursorin në të djathtë të listave rënëse, klikoni shenjën plus për herë të dytë për të shtuar një fushë dhe futni një kusht të gjerësisë minimale.

Fusha Min-Gjerësia shfaqet në kutinë e dialogut Media Queries në mënyrë që të mund të specifikoni gjerësinë minimale që dëshironi të përdorni për të synuar pyetjen. Gjerësia minimale është e rëndësishme sepse pyetja e medias synon stilet bazuar në diapazonin e gjerësisë minimale në atë maksimale që specifikoni, të mbuluar në hapin tjetër.

Lëvizni kursorin në të djathtë të listave rënëse, klikoni shenjën plus për herë të tretë për të shtuar një fushë dhe futni kushtin e gjerësisë maksimale.

Fusha Max-Width shfaqet në kutinë e dialogut në mënyrë që të mund të specifikoni gjerësinë maksimale që dëshironi të përdorni për të synuar pyetjen.

Klikoni OK.

Kutia e dialogut të pyetjeve të medias mbyllet dhe pyetja e medias gjenerohet dhe shtohet në fletën e stilit që keni zgjedhur në panelin Burimet në panelin "CSS Designer".

Për të shtuar pyetje shtesë për media në çdo fletë stili të zgjedhur, përsëritni hapat 3–8. Për të shtuar pyetje mediatike në një fletë stili tjetër, përsëritni hapat 2–8.

Megjithëse mund t'i ruani pyetjet e medias në aq fletë stilesh të ndryshme që dëshironi, ruajtja e të gjithave në një fletë stili të jashtëm është më efikase sepse çdo fletë stili duhet të shkarkohet veçmas nga serveri, duke kërkuar më shumë gjerësi bande. Shkarkimi i një fletë stili të gjatë me pyetje të shumta mediatike është pak më efikas sesa shkarkimi i fletëve të stilit të shumëfishtë.