Krijimi i AP Divs në Adobe CS5 Dreamweaver

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver përdor kontejnerë ose kuti virtuale të pozicionuara në CSS , të krijuara nga etiketa DIV për të pozicionuar lirisht përmbajtjen në një faqe. DIV tag është një tag themelore përdorur për të krijuar zonat për përmbajtjen në faqen tuaj. Çdo etiketë DIV mund të ketë një stil unik ID të caktuar për të kontrolluar pozicionin, pamjen dhe madhësinë e tij.

Procesi i vendosjes së përmbajtjes shpesh kërkon dy hapa: krijimin e etiketës DIV dhe më pas krijimin e stilit të tij përkatës. Mjeti AP Div ju mundëson të vizatoni lirisht kuti në faqe dhe të vendosni përmbajtje brenda.

AP Div është shkurtim për DIV me pozicion absolut; një artikull me një pozicion absolut është fiksuar në një vend të caktuar në faqe. Kur vizatoni një AP Div, pozicioni i tij zakonisht vendoset duke përdorur vetitë e sipërme dhe të majta të CSS, me këndin e sipërm majtas të faqes si pikë referimi.

CSS trajton çdo element në një faqe si një kuti që mban përmbajtje; referuar si modeli CSS Box. Edhe pse CSS mund ta konsiderojë një kuti si më së shumti çdo element që përmban në një faqe (të tilla si një tabelë ose një listë), etiketat DIV përdoren më së shpeshti për të krijuar kuti virtuale që mund t'i përdorni për të pozicionuar tekstin, imazhet dhe madje edhe kutitë e tjera.

Çdo kuti mund të ketë gjerësinë, lartësinë, pozicionin e vet (nëpërmjet vetive të sipërme dhe majtas), kufirin, kufijtë dhe mbushjen; secila është vendosur duke përdorur rregullat CSS.

Në panelin Insert, zgjidhni kategorinë Layout.

Zgjidhni mjetin Draw AP Div.

Kursori shfaqet si një qime kryq kur e zhvendosni përsëri mbi faqe.

Klikoni kudo në faqe dhe tërhiqeni për të vizatuar një AP Div të ri; lëshoni butonin e mausit.

Krijimi i AP Divs në Adobe CS5 Dreamweaver

Klikoni dhe tërhiqni faqen me mjetin Draw AP Div për të krijuar një kuti.

Lëvizni treguesin e miut mbi skajin e kutisë derisa të kthehet në një dorë; klikoni një herë dhe dorezat shfaqen në të gjitha anët.

Klikoni dhe tërhiqni ndonjë nga këto doreza për të ndryshuar madhësinë e kutisë vertikalisht ose horizontalisht.

Për të lëvizur kutinë, klikoni dhe tërhiqeni atë nga skeda që ndodhet në skajin e saj lart majtas dhe vendoseni kutinë aty ku dëshironi në faqe.

Hidhini një sy inspektorit të pronës dhe do të shihni emrin, si dhe shumë prona DIV të listuara.

Nëse paneli CSS Styles nuk është i hapur, zgjidhni Dritare→ Stilet CSS për ta hapur atë; nën panelin Të gjitha, klikoni në të majtë të fletës së stilit (

Klikoni brenda kutisë së re për të shtypur, ngjitur ose futur përmbajtje të re.

Kur vizatoni një AP Div në faqe, Dreamweaver fut një etiketë për të krijuar kutinë dhe krijon një përzgjedhës ID që ruan pozicionin, gjerësinë, lartësinë dhe vetitë e tjera të DIV. Pasi të krijoni një AP Div, mund të shkruani, ngjitni ose futni përmbajtje direkt brenda tij. Ju gjithashtu mund t'i caktoni një rregull klase çdo DIV nga inspektori i pronës.

Çdo AP Div që vizatoni renditet automatikisht në panelin e Elementeve AP (zgjidhni Dritare→ AP Elements për ta shfaqur. Paneli i AP Elements mund t'ju ndihmojë të zgjidhni, fshehni dhe shfaqni çdo Div AP në faqe.

Krijimi i AP Divs në Adobe CS5 Dreamweaver

Përdorni panelin AP Elements për të zgjedhur, fshehur dhe riorganizuar Divs AP në faqen tuaj.


Si të aplikoni transparencën në SVG

Si të aplikoni transparencën në SVG

Mësoni se si të aplikoni transparencën në grafikat SVG në Illustrator. Eksploroni se si të nxirrni SVG me sfond transparent dhe të aplikoni efekte transparence.

Puna me imazhe në Adobe XD

Puna me imazhe në Adobe XD

Pasi të keni importuar imazhet tuaja në Adobe XD, nuk keni shumë kontroll të redaktimit, por mund t'i ndryshoni madhësinë dhe t'i rrotulloni imazhet ashtu si do të bëni çdo formë tjetër. Ju gjithashtu mund të rrumbullakosni me lehtësi qoshet e një imazhi të importuar duke përdorur miniaplikacionet e qosheve. Maskimi i imazheve tuaja Duke përcaktuar një formë të mbyllur […]

Si të rregulloni vetitë e tekstit në Adobe XD

Si të rregulloni vetitë e tekstit në Adobe XD

Kur keni tekst në projektin tuaj Adobe XD, mund të filloni të ndryshoni vetitë e tekstit. Këto veçori përfshijnë familjen e shkronjave, madhësinë e shkronjave, peshën e shkronjave, shtrirjen, ndarjen e karaktereve (përcaktimi dhe gjurmimi), Hapësira e rreshtave (udhëheqëse), mbushja, kufiri (goditja), hija (hija me rënie) dhe turbullimi i sfondit. Pra, le të shqyrtojmë se si zbatohen ato prona. Rreth lexueshmërisë dhe fontit […]

Puna me Artboards në Photoshop CC

Puna me Artboards në Photoshop CC

Ashtu si në Adobe Illustrator, tabelat artistike të Photoshop ofrojnë aftësinë për të ndërtuar faqe ose ekrane të veçanta brenda një dokumenti. Kjo mund të jetë veçanërisht e dobishme nëse po ndërtoni ekrane për një aplikacion celular ose broshurë të vogël. Ju mund të mendoni për një tabelë artistike si një lloj të veçantë grupi shtresash të krijuar duke përdorur panelin Layers. Është […]

Forma dhe shumëkëndësha në InDesign

Forma dhe shumëkëndësha në InDesign

Shumë nga mjetet që gjeni në panelin e InDesign Tools përdoren për të vizatuar linja dhe forma në një faqe, kështu që ju keni disa mënyra të ndryshme për të krijuar vizatime interesante për botimet tuaja. Mund të krijoni çdo gjë, nga format bazë deri te vizatimet e ndërlikuara brenda InDesign, në vend që të përdorni një program vizatimi të tillë […]

Përfundoni tekstin në Adobe Illustrator CC

Përfundoni tekstin në Adobe Illustrator CC

Mbështjellja e tekstit në Adobe Illustrator CC nuk është e njëjtë me mbështjelljen e një dhurate - është më e lehtë! Një mbështjellje teksti detyron tekstin të mbështillet rreth një grafike, siç tregohet në këtë figurë. Kjo veçori mund të shtojë pak kreativitet në çdo pjesë. Grafika po e detyron tekstin të mbështillet rreth tij. Së pari, krijoni […]

Si të ndryshoni madhësinë e formave në Illustrator

Si të ndryshoni madhësinë e formave në Illustrator

Kur dizajnoni në Adobe Illustrator CC, shpesh ju nevojitet një formë që të jetë një madhësi e saktë (për shembull, 2 x 3 inç). Pasi të krijoni një formë, mënyra më e mirë për të ndryshuar madhësinë e saj në matje të sakta është të përdorni panelin Transform, të paraqitur në këtë figurë. Zgjidhni objektin dhe më pas zgjidhni Dritarja → Transformo në […]

Si të krijoni kode QR në InDesign CC

Si të krijoni kode QR në InDesign CC

Ju mund të përdorni InDesign për të krijuar dhe modifikuar grafikë të kodit QR. Kodet QR janë një formë barkodi që mund të ruajë informacione të tilla si fjalë, numra, URL ose forma të tjera të dhënash. Përdoruesi skanon kodin QR duke përdorur kamerën dhe softuerin e saj në një pajisje, siç është një smartphone, dhe softueri përdor […]

Si ta bëni një fotografi të re të duket e vjetër në Photoshop CS6

Si ta bëni një fotografi të re të duket e vjetër në Photoshop CS6

Mund të ketë një moment kur ju duhet një foto e re për t'u dukur e vjetër. Photoshop CS6 ju ka mbuluar. Fotografia bardh e zi është një fenomen më i ri nga sa mund të mendoni. Daguerreotipet dhe fotografitë e tjera të hershme shpesh kishin një ton kafe ose kaltërosh. Ju mund të krijoni kryeveprat tuaja me tone sepie. Fotografitë e tonifikuara mund të krijojnë […]

Veçoria Live Paint në Adobe CS5 Illustrator

Veçoria Live Paint në Adobe CS5 Illustrator

Duke përdorur veçorinë Live Paint në Adobe Creative Suite 5 (Adobe CS5) Illustrator, mund të krijoni imazhin që dëshironi dhe të plotësoni rajonet me ngjyra. Kova Live Paint zbulon automatikisht rajonet e përbëra nga shtigje të pavarura kryqëzuese dhe i mbush ato në përputhje me rrethanat. Bojë brenda një rajoni të caktuar mbetet e gjallë dhe rrjedh automatikisht nëse ka […]