Hvernig á að búa til sérsniðnar fjölmiðlafyrirspurnir í Dreamweaver

Þegar þú býrð til síður með útlitsaðgerðum fyrir fljótandi rist, býr Dreamweaver sjálfkrafa til samsvarandi miðlunarfyrirspurnir fyrir þig, en þú getur búið til þínar eigin sérsniðnar miðlunarfyrirspurnir og notað þær til að miða á þínar eigin CSS reglur.

Fjölmiðlafyrirspurnir hafa verið í notkun á vefnum í meira en áratug til annarra nota, svo sem að búa til aðra síðuhönnun sem er fínstillt fyrir prentun. Miðlunarfyrirspurn samanstendur af miðlunargerð, svo sem skjá eða prenti (þau tvö algengustu), og valkvæðri tjáningu sem leitar að sérstökum eiginleikum, svo sem hæð eða breidd. Algengustu fjölmiðlategundirnar eru

• allt: Hentar fyrir öll tæki

• print: Hannað fyrir forskoðun og til að birta þegar síða er prentuð

• skjár: Fyrir efni sem birtist á hvaða skjá sem er

Handfesta miðlunargerðin er nánast aldrei notuð lengur og var best notuð eingöngu fyrir farsíma og önnur tæki með litlum skjáum, takmarkaðri bandbreidd og einlita skjái sem styðja aðeins punktamynd. iOS tæki og flestir snjallsímar eru flokkaðir sem skjámiðlar.

Hvernig á að beita stílum á Dreamweaver síðuhönnunina þína

Þú getur notað stílblöð sem ytri skrár með því að tengja þau eða flytja þau inn, eða þú getur látið þau fylgja með sem innri stíl í höfuðsvæði HTML kóða síðunnar þinnar. Þú getur meira að segja miðað á tæki með því að nota innbyggða stíla - þægilegur valkostur ef þú vilt nota ákveðna reglu aðeins á ákveðin tæki.

Þú getur notað blöndu af þessum valkostum og þú getur flutt inn, eða tengt, mörg ytri stílblöð á sömu vefsíðu. Eftir að þú hefur skilgreint miðlunargerðina með þeim miðlunareiginleikum sem þú vilt miða á, tilgreinirðu hvernig stílunum á að nota á síðuna.

Hvernig á að nota fjölmiðlafyrirspurnir í ytri stílblöðum í Dreamweaver

Þú getur notað fjölmiðlafyrirspurnir með ytri stílblöðum á tvo vegu. Fyrsti kosturinn er að tengja við eitt ytra stílblað með mörgum settum stíla aðskilið með miðlunarfyrirspurnum. Þannig tengir Dreamweaver stílana þegar þú býrð til fljótandi rist skipulag.

Annar valmöguleikinn er að tengja tvö eða fleiri aðskilin ytri stílblöð við hverja HTML síðu og innihalda fjölmiðlafyrirspurnir í hverju stílblaði. Hvort heldur sem er, kóðinn fyrir CSS og HTML er vistaður í aðskildum skrám og

merkið tengir þá.

Hvort sem þú vistar allar fjölmiðlafyrirspurnir og tengda stíla í einni skrá eða í aðskildum CSS skrám, geturðu tengt viðbótarstílblöð við hvaða HTML síðu sem er. Til dæmis geturðu sett sérstakt sett af stílum í sérstakt stílblað sem er hannað til að forsníða síðuna þegar hún er send í prentara.

Hvernig á að búa til fjölmiðlafyrirspurnir í Dreamweaver

Þú getur búið til eins margar fjölmiðlafyrirspurnir og þú vilt í Dreamweaver og þú getur sett þær í eina CSS skrá eða margar. Til að búa til nýja fjölmiðlafyrirspurn í Dreamweaver skaltu fylgja þessum skrefum:

Opnaðu CSS Designer spjaldið með því að velja Window → CSS Styles.

Veldu fyrirliggjandi stílblað á Heimildaspjaldinu, eða búðu til nýtt með því að smella á plúsmerkið (+) á Heimildaspjaldinu.

Smelltu á plúsmerkið (+) í @Media spjaldið á CSS Designer spjaldinu.

Define Media Queries svarglugginn opnast.

Veldu Media frá fyrsta fellilistanum og Skjár úr öðrum fellilistanum.

Færðu bendilinn til hægri við hvern fellilista til að láta plúsmerkið birtast og smelltu svo á plúsmerkið til að bæta við nýjum reit.

Nýr reitur birtist í Media Queries valmyndinni svo þú getir tilgreint stefnuna. Þessi reitur er valfrjáls en er almennt notaður ef þú vilt búa til mismunandi hönnun fyrir landslags- og andlitsmyndir á spjaldtölvu eða snjallsíma. Ef þú vilt ekki búa til viðbótarútlit byggt á stefnu, getur þú fjarlægt þennan reit með því að smella á mínusmerkið.

Athugið: Plús og mínus táknin verða aðeins sýnileg þegar þú rúllar bendilinum yfir hægra megin í glugganum.

Færðu bendilinn til hægri á fellilistanum, smelltu á plúsmerkið í annað sinn til að bæta við reit og sláðu inn lágmarksbreidd.

Lágmarksbreidd reiturinn birtist í Media Queries valmyndinni þannig að þú getur tilgreint lágmarksbreiddina sem þú vilt nota til að miða á fyrirspurnina. Lágmarksbreiddin er mikilvæg vegna þess að miðlunarfyrirspurnin miðar á stílana út frá lágmarks- til hámarksbreiddarsviðinu sem þú tilgreinir, sem fjallað er um í næsta skrefi.

Færðu bendilinn til hægri á fellilistanum, smelltu á plúsmerkið í þriðja sinn til að bæta við reit og sláðu inn hámarksbreiddarskilyrði.

Reiturinn Hámarksbreidd birtist í svarglugganum þannig að þú getur tilgreint hámarksbreiddina sem þú vilt nota til að miða á fyrirspurnina.

Smelltu á OK.

Media Queries svarglugginn lokar og miðlunarfyrirspurnin er búin til og bætt við stílblaðið sem þú valdir í Sources spjaldið á CSS Designer spjaldinu.

Til að bæta við viðbótarmiðlunarfyrirspurnum við valið stílblað skaltu endurtaka skref 3–8. Til að bæta efnisfyrirspurnum við annað stílblað skaltu endurtaka skref 2–8.

Þó að þú getir vistað fjölmiðlafyrirspurnir í eins mörgum mismunandi stílblöðum og þú vilt, þá er skilvirkara að vista þau öll á einu ytra stílblaði vegna þess að hvert stílblað verður að hlaða niður af þjóninum fyrir sig, sem krefst meiri bandbreiddar. Að hlaða niður einu löngu stílblaði með mörgum miðlunarfyrirspurnum er aðeins skilvirkara en að hlaða niður mörgum stílblöðum.