Pēc plūstoša režģa izkārtojuma izveides programmā Dreamweaver, nākamais solis ir pievienot
tagus vai citus elementus, kas veido dizaina sadaļas. Veidojot lapas programmā Dreamweaver CC, jums ir divas iespējas: izmantot
tagus vai izmantojiet HTML5 tagus.
Abi darbojas līdzīgi šajos mainīgajos izkārtojumos, taču tiek izmantoti HTML5 tagi, piemēram,
un
tagiem, ir dažas priekšrocības, jo tagi piešķir jūsu tīmekļa lapai papildu nozīmi un struktūru.
Pievienot
tagus, HTML5 tagus un citus elementus mainīgam režģa izkārtojumam, izpildiet šos norādījumus:
Izvēlieties Ievietot → Struktūra → Navigācija.
Varat arī noklikšķināt uz Navigācija panelī Struktūras ievietošana.
Ievietošanas dialoglodziņā atzīmējiet izvēles rūtiņu Ievietot kā šķidruma elementu.
Ja izmantojat plūstošā režģa izkārtojuma līdzekļus, šī opcija ir jāatlasa, pievienojot tagus.
Dialoglodziņā Ievietošana atlasiet, vai vēlaties izmantot klases vai ID atlasītāju, lai izveidotu jaunu stilu ievietotajam tagam, un pēc tam ievadiet jaunā stila nosaukumu.
Pat ievietojot HTML5 tagus, ir jāizveido atbilstošs klases vai ID stils, ko var izmantot elementa formatēšanai visos trīs izkārtojumos.
Klases stila nosaukumiem jāsākas ar punktu (.), un ID stilu nosaukumiem jāsākas ar mārciņas zīmi (#).
Noklikšķiniet uz Labi.
Tags tiek pievienots izkārtojumam, veidojot jaunu lodziņu izkārtojumā, un atbilstošā stila nosaukums tiek pievienots trīs reizes CSS izkārtojumam.
Izvēlieties iniciāļus
tagu, kas tika iekļauts izkārtojumā, un pēc tam noklikšķiniet uz mazās miskastes ikonas, kas tiek parādīta apakšējā labajā stūrī
tagu, lai to izdzēstu.
Lai gan jūs varat paturēt iniciāļus
tagu, kas iekļauts mainīgos režģa izkārtojumos, vai arī varat pārdēvēt tam lietoto stilu.
Izvēlieties Ievietot → Struktūra → Raksts.
Tiek atvērts dialoglodziņš Raksta ievietošana (līdzīgi dialoglodziņam Insert Header).
Ievietošanas dialoglodziņā atzīmējiet izvēles rūtiņu Ievietot kā šķidruma elementu.
Dialoglodziņā Ievietošana atlasiet, vai vēlaties izmantot klases vai ID atlasītāju, lai izveidotu jaunu stilu ievietotajam tagam, un ievadiet jaunā stila nosaukumu.
Noklikšķiniet uz Labi.
Tags tiek pievienots izkārtojumam, veidojot jaunu lodziņu izkārtojumā, un atbilstošā stila nosaukums tiek pievienots trīs reizes CSS izkārtojumam.
Pievienojiet izkārtojumam tik daudz elementu, cik vēlaties, atkārtojot 6.–9. darbību.
Varat pievienot HTML5 elementus savam mainīgajam režģa izkārtojumam, noklikšķinot uz tiem atbilstošajām ikonām panelī Struktūras ievietošana: viena navigācija, viena galvene, divi raksti un viena kājene .
Ņemiet vērā, ka kodā Dreamweaver pievieno prefiksu fluid- katra stila nosaukumam, ko izveidojat saviem mainīgajiem režģa izkārtojumiem.
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 […]
