Adobe Dreamweaver CS6 AP (absolūtās pozicionēšanas) Divs precizitāte un pozicionēšana līdz pikseļiem var būt diezgan atbrīvojoša dizaineriem, īpaši tiem, kam patīk uz drukāšanas balstīta izkārtojuma elastība.
Tomēr dažos gadījumos, iespējams, vēlēsities, lai lodziņi plūst vienā līnijā ar citu lapas saturu. AP Divs peld virs citiem elementiem, tāpēc cita lapas satura pārvietošana neietekmē to pozīciju, kas var būt gan laba, gan slikta lieta.
Tradicionālākai iekļautajai darbībai varat izveidot DIV, kas izmanto relatīvo pozicionēšanu . Tas ļauj pārvietot elementu kopā ar to aptverošo saturu, tādējādi nodrošinot šķidrāku izkārtojumu. Šāda veida pozicionēšana ir svarīga ligzdotajam saturam vai jebkurai situācijai, kad vienumiem jāatbilst citam lapas saturam.
Šim uzdevumam izmantojiet rīku Insert Div Tag, ko varat atrast paneļa Ievietošanas kategorijās Common un Layout.
Veiciet šīs darbības, lai izveidotu relatīvi novietotu DIV:
Noklikšķiniet savā lapā, lai novietotu kursoru esošajā AP Div daļā, un pēc tam noklikšķiniet uz Insert Div Tag rīka sadaļā Ievietot paneļa Common un Layout.
Kad tiek parādīts dialoglodziņš Insert Div Tag, precīzi noregulējiet jaunā DIV atrašanās vietu, atlasot atrašanās vietu nolaižamajā sarakstā Ievietot.
Piemēram, izvēlieties Pēc taga sākuma, lai ievietotu to esošajā DIV tagā savā lapā.
Varat arī izmantot dialoglodziņa Insert Div Tag nolaižamo sarakstu, lai ievietotu DIV pirms, pēc vai esošajos lapas elementos. Atstājiet nolaižamo sarakstu Ievietot iestatītu uz Ievietošanas punktā, lai atstātu lodziņu, kur to uzzīmējāt, vai izvēlētos citu vietu, kur vēlaties izveidot DIV.
Ja jums ir esošs klases atlasītājs, kuru vēlaties lietot, atlasiet to nolaižamajā sarakstā Klase; pretējā gadījumā atstājiet to tukšu.
Ja esošs ID nav pieejams, ievadiet jaunu nosaukumu laukā ID un noklikšķiniet uz pogas Jauns CSS kārtula, lai to izveidotu.
Kad tiek parādīts dialoglodziņš Jauns CSS kārtula, pārliecinieties, vai jaunais atlasītājs ir iestatīts uz ID un vai nosaukuma priekšā ir mārciņas zīme (#). Noklikšķiniet uz Labi.
Kad tiek parādīts dialoglodziņš CSS kārtulas definīcija, noklikšķiniet un atlasiet Pozicionēšana no kategorijas saraksta kreisajā pusē, lai skatītu CSS pozicionēšanas rekvizītus.
Pozicionēšanas apgabalā izvēlnē Pozīcija atlasiet Relatīvs, ievadiet platuma un augstuma vērtību tekstlodziņos Platums un Augstums un sadaļā Pozicionēšanas rekvizīti ievadiet vērtību Augšējā un Kreisajā. Noklikšķiniet uz Labi.
Noklikšķiniet uz Labi, lai aizvērtu dialoglodziņu Insert Div Tag.
Parādās jauns, salīdzinoši novietots DIV ar viettura tekstu.
Augšējās un kreisās puses vērtības darbojas nedaudz atšķirīgi absolūtajiem un relatīvi novietotajiem DIV. Relatīvās pozicionēšanas gadījumā šīs vērtības norāda nobīdi no apkārtējā satura, nevis iestatīto pozīciju lapā.
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 […]
