Adobe Creative Suite 5 (Adobe CS5) Dreamweaver izmanto CSS pozicionētus virtuālos konteinerus vai lodziņus, kas izveidoti ar DIV tagu, lai brīvi novietotu saturu lapā. DIV tag ir pamata tag izmanto, lai izveidotu zonas saturu jūsu lapā. Katram DIV tagam var būt piešķirts unikāls ID stils, lai kontrolētu tā pozīciju, izskatu un izmēru.
Satura ievietošanas procesam bieži ir nepieciešami divi soļi: DIV taga izveide un tam atbilstošā stila izveide. AP Div rīks ļauj brīvi uzzīmēt lodziņus lapā un ievietot tajā saturu.
AP Div ir saīsinājums no absolūti pozicionēta DIV; vienums ar absolūtu pozīciju tiek fiksēts noteiktā vietā lapā. Kad zīmējat AP Div, tā pozīcija parasti tiek iestatīta, izmantojot augšējo un kreiso CSS rekvizītus, kā atskaites punktu lapas augšējam kreisajam stūrim.
CSS katru lapas elementu uzskata par lodziņu, kurā ir saturs; dēvēts par CSS Box modeli. Lai gan CSS var uzskatīt, ka lodziņš ir gandrīz jebkurš lapas saturošs elements (piemēram, tabula vai saraksts), DIV tagus visbiežāk izmanto, lai izveidotu virtuālus lodziņus, kurus varat izmantot teksta, attēlu un pat citu lodziņu novietošanai.
Katrai kastītei var būt savs platums, augstums, pozīcija (izmantojot augšējo un kreiso rekvizītus), apmale, piemales un polsterējums; katrs no tiem ir iestatīts, izmantojot CSS noteikumus.
Ievietošanas panelī atlasiet kategoriju Izkārtojums.
Atlasiet Draw AP Div rīku.
Kursors parādās kā matu krustojums, kad pārvietojat to atpakaļ pa lapu.
Noklikšķiniet jebkurā vietā lapā un velciet, lai uzzīmētu jaunu AP Div; atlaidiet peles pogu.
Noklikšķiniet un velciet lapu, izmantojot rīku Draw AP Div, lai izveidotu lodziņu.
Pārvietojiet peles rādītāju pāri lodziņa malai, līdz tā kļūst par roku; noklikšķiniet vienu reizi, un rokturi parādās visās pusēs.
Noklikšķiniet un velciet jebkuru no šiem rokturiem, lai mainītu lodziņa izmēru vertikāli vai horizontāli.
Lai pārvietotu lodziņu, noklikšķiniet un velciet to aiz cilnes, kas atrodas tā augšējā kreisajā malā, un novietojiet lodziņu vajadzīgajā vietā lapā.
Apskatiet īpašumu inspektoru, un jūs redzēsit nosaukumu, kā arī daudzus DIV īpašumus.
Ja CSS stilu panelis nav atvērts, izvēlieties Logs→CSS stili, lai to atvērtu; zem paneļa Visi noklikšķiniet pa kreisi no stila lapas (
Noklikšķiniet jaunajā lodziņā, lai ierakstītu, ielīmētu vai ievietotu jaunu saturu.
Uzzīmējot lapā AP Div, Dreamweaver ievieto tagu, lai izveidotu lodziņu, un izveido ID atlasītāju, kas saglabā DIV pozīciju, platumu, augstumu un citus rekvizītus. Kad esat izveidojis AP Div, varat ierakstīt, ielīmēt vai ievietot saturu tieši tajā. Varat arī piešķirt klases kārtulu jebkurai DIV no Īpašuma inspektora.
Katrs uzzīmētais AP sadalījums tiek automātiski uzskaitīts panelī AP elementi (lai to parādītu, izvēlieties Logs → AP Elements. AP elementu panelis var palīdzēt atlasīt, paslēpt un parādīt visus lapā esošos AP Divus.
Izmantojiet paneli AP Elements, lai atlasītu, paslēptu un pārkārtotu AP Divus savā 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 […]
