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.
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ā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.
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.
Photoshop CS6 saglabā visas iepriekšējo versiju funkcijas un pievieno jaunas, nodrošinot labāku lietotāja pieredzi, radošumu un produktivitāti. Iepazīstiet jaunas rīku iespējas un komandas.
Uzziniet, kā efektīvi sapludināt slāņus programmā Photoshop CS6, lai samazinātu faila izmēru un uzlabotu veiktspēju, izmantojot slāņu sapludināšanu un attēla saplacināšanu.
Uzziniet, kā lietot caurspīdīgumu SVG grafikai programmā Illustrator. Izpētiet, kā izvadīt SVG ar caurspīdīgu fonu un lietot caurspīdīguma efektus.
Kad esat importējis savus attēlus programmā Adobe XD, jums nav lielas rediģēšanas vadības iespējas, taču varat mainīt attēlu izmērus un pagriezt tos tāpat kā jebkuru citu formu. Varat arī viegli noapaļot importēta attēla stūrus, izmantojot stūra logrīkus. Attēlu maskēšana Nosakot slēgtu formu […]
Kad jūsu Adobe XD projektā ir teksts, varat sākt mainīt teksta rekvizītus. Šie rekvizīti ietver fontu saimi, fonta lielumu, fonta svaru, līdzinājumu, rakstzīmju atstarpes (rindstarpas un izsekošanu), rindstarpu (vadošais), aizpildījumu, apmali (pārvilkšanu), ēnu (krītošā ēna) un fona aizmiglojumu. Tātad, apskatīsim, kā šie rekvizīti tiek piemēroti. Par lasāmību un fontu […]
Tāpat kā programmā Adobe Illustrator, Photoshop zīmējumu dēļi nodrošina iespēju vienā dokumentā izveidot atsevišķas lapas vai ekrānus. Tas var būt īpaši noderīgi, ja veidojat ekrānus mobilajai lietojumprogrammai vai nelielai brošūrai. Jūs varat domāt par zīmējumu dēli kā īpašu slāņu grupas veidu, kas izveidots, izmantojot paneli Slāņi. Tā […]
Daudzi rīki, kas atrodami panelī InDesign Tools, tiek izmantoti līniju un formu zīmēšanai lapā, tāpēc jums ir vairāki veidi, kā izveidot interesantus zīmējumus savām publikācijām. Programmā InDesign varat izveidot jebko, sākot no pamata formām līdz sarežģītiem zīmējumiem, tā vietā, lai izmantotu zīmēšanas programmu, piemēram, […]
Teksta iesaiņošana programmā Adobe Illustrator CC nav gluži tas pats, kas dāvanas iesaiņošana — tas ir vienkāršāk! Teksta aplaušana liek tekstam aptīt grafiku, kā parādīts šajā attēlā. Šī funkcija var pievienot mazliet radošuma jebkuram gabalam. Grafika liek tekstam aptīt to. Vispirms izveidojiet […]
Veidojot dizainu programmā Adobe Illustrator CC, bieži vien ir nepieciešams precīzs izmērs (piemēram, 2 x 3 collas). Pēc formas izveides vislabākais veids, kā mainīt tās izmērus precīziem izmēriem, ir izmantot pārveidošanas paneli, kas parādīts šajā attēlā. Atlasiet objektu un pēc tam izvēlieties Logs → Transform to […]
Varat izmantot programmu InDesign, lai izveidotu un modificētu QR koda grafiku. QR kodi ir svītrkoda veids, kurā var saglabāt informāciju, piemēram, vārdus, ciparus, URL vai cita veida datus. Lietotājs skenē QR kodu, izmantojot savu kameru un programmatūru ierīcē, piemēram, viedtālrunī, un programmatūra izmanto […]
