Kā izveidot pielāgotus multivides vaicājumus programmā Dreamweaver

Kad veidojat lapas, izmantojot mainīga režģa izkārtojuma līdzekļus, Dreamweaver automātiski izveido atbilstošos multivides vaicājumus jūsu vietā, taču jūs varat izveidot savus pielāgotos multivides vaicājumus un izmantot tos, lai atlasītu savus CSS kārtulas.

Plašsaziņas līdzekļu vaicājumi tīmeklī ir izmantoti vairāk nekā desmit gadus citiem mērķiem, piemēram, lai izveidotu alternatīvu lapas dizainu, kas optimizēts drukāšanai. Multivides vaicājums sastāv no multivides veida, piemēram, ekrāna vai drukas (divi visizplatītākie), un izvēles izteiksmes, kas pārbauda noteiktus līdzekļus, piemēram, augstumu vai platumu. Visbiežāk izmantotie multivides veidi ir

• viss: piemērots visām ierīcēm

• druka: paredzēts drukas priekšskatījumam un rādīšanai, kad tiek drukāta lapa

• ekrāns: saturam, kas tiek rādīts jebkurā ekrānā

Rokas multivides veids gandrīz nekad vairs netiek izmantots, un to vislabāk izmantoja tikai mobilajiem tālruņiem un citām ierīcēm ar maziem ekrāniem, ierobežotu joslas platumu un vienkrāsainiem displejiem, kas atbalsta tikai bitkartes grafiku. iOS ierīces un lielākā daļa viedtālruņu tiek klasificēti kā ekrāna multivides veidi.

Kā piemērot stilus jūsu Dreamweaver lapu dizainiem

Varat lietot stila lapas kā ārējos failus, saistot tos vai importējot tos, vai arī varat iekļaut tos kā iekšējos stilus savas lapas HTML koda virsraksta apgabalā. Varat pat atlasīt mērķauditoriju ierīcēs, izmantojot iekļautos stilus — tā ir ērta opcija, ja vēlaties piemērot konkrētu noteikumu tikai noteiktām ierīcēm.

Varat izmantot šo opciju kombināciju, kā arī importēt vai saistīt vairākas ārējās stila lapas uz vienu un to pašu tīmekļa lapu. Kad esat definējis multivides veidu ar multivides līdzekļiem, kuriem vēlaties atlasīt mērķauditoriju, jūs norādāt, kā lapai jāpiemēro stili.

Multivides vaicājumu izmantošana ārējās stila lapās pakalpojumā Dreamweaver

Multivides vaicājumus ar ārējām stilu lapām var izmantot divos veidos. Pirmā iespēja ir izveidot saiti uz vienu ārēju stilu lapu ar vairākām stilu kopām, kas atdalītas ar multivides vaicājumiem. Tādā veidā Dreamweaver saista stilus, kad veidojat plūstošu režģa izkārtojumu.

Otrā iespēja ir saistīt divas vai vairākas atsevišķas ārējās stila lapas ar katru HTML lapu un iekļaut multivides vaicājumus katrā stila lapā. Jebkurā gadījumā CSS un HTML kods tiek saglabāts atsevišķos failos, un

tags tos savieno.

Neatkarīgi no tā, vai visus multivides vaicājumus un saistītos stilus saglabājat vienā failā vai atsevišķos CSS failos, jebkurai HTML lapai varat saistīt arī papildu stilu lapas. Piemēram, atsevišķā stila lapā varat iekļaut atsevišķu stilu kopu, kas paredzēta lapas formatēšanai, kad tā tiek nosūtīta uz printeri.

Kā izveidot multivides vaicājumus programmā Dreamweaver

Programmā Dreamweaver varat izveidot tik daudz multivides vaicājumu, cik vēlaties, un varat tos iekļaut vienā CSS failā vai vairākos. Lai pakalpojumā Dreamweaver izveidotu jaunu multivides vaicājumu, veiciet šīs darbības:

Atveriet paneli CSS Designer, izvēloties Logs→CSS stili.

Atlasiet esošu stila lapu panelī Avoti vai izveidojiet jaunu, panelī Avoti noklikšķinot uz pluszīmes (+).

Noklikšķiniet uz pluszīmes (+) panelī @Media CSS Designer panelī.

Tiek atvērts dialoglodziņš Define Media Queries.

Pirmajā nolaižamajā sarakstā atlasiet Multivide un otrajā nolaižamajā sarakstā Ekrāns.

Pārvietojiet kursoru pa labi no katra nolaižamā saraksta, lai tiktu parādīta pluszīme, un pēc tam noklikšķiniet uz pluszīmes, lai pievienotu jaunu lauku.

Dialoglodziņā Multivides vaicājumi tiek parādīts jauns lauks, lai jūs varētu norādīt orientāciju. Šis lauks nav obligāts, taču to parasti izmanto, ja vēlaties planšetdatorā vai viedtālrunī izveidot dažādus ainavas un portreta skata dizainus. Ja nevēlaties izveidot papildu izkārtojumus, pamatojoties uz orientāciju, varat noņemt šo lauku, noklikšķinot uz mīnusa zīmes.

Piezīme . Plusa un mīnusa zīmes kļūst redzamas tikai tad, kad virzāt kursoru virs dialoglodziņa labās puses.

Pārvietojiet kursoru pa labi no nolaižamajiem sarakstiem, otrreiz noklikšķiniet uz pluszīmes, lai pievienotu lauku, un ievadiet minimālā platuma nosacījumu.

Dialoglodziņā Multivides vaicājumi tiek parādīts lauks Minimālais platums, lai jūs varētu norādīt minimālo platumu, ko vēlaties izmantot vaicājuma mērķauditorijas atlasei. Minimālais platums ir svarīgs, jo multivides vaicājuma mērķauditorija tiek atlasīta pēc stiliem, pamatojoties uz jūsu norādīto minimālo un maksimālo platuma diapazonu, kas tiks apskatīts nākamajā darbībā.

Pārvietojiet kursoru pa labi no nolaižamajiem sarakstiem, trešo reizi noklikšķiniet uz pluszīmes, lai pievienotu lauku, un ievadiet maksimālā platuma nosacījumu.

Dialoglodziņā tiek parādīts lauks Max-Width, lai jūs varētu norādīt maksimālo platumu, ko vēlaties izmantot vaicājuma mērķauditorijas atlasei.

Noklikšķiniet uz Labi.

Dialoglodziņš Multivides vaicājumi tiek aizvērts, un multivides vaicājums tiek ģenerēts un pievienots stila lapai, kuru atlasījāt CSS Designer paneļa panelī Avoti.

Lai pievienotu papildu multivides vaicājumus jebkurai atlasītajai stila lapai, atkārtojiet 3.–8. darbību. Lai pievienotu multivides vaicājumus citai stila lapai, atkārtojiet 2.–8. darbību.

Lai gan multivides vaicājumus varat saglabāt tik daudzās dažādu stilu lapās, cik vēlaties, to visu saglabāšana vienā ārējā stila lapā ir efektīvāka, jo katra stila lapa ir jālejupielādē atsevišķi no servera, kas prasa lielāku joslas platumu. Vienas garas stila lapas lejupielāde ar vairākiem multivides vaicājumiem ir nedaudz efektīvāka nekā vairāku stilu lapu lejupielāde.