Fletë mashtrimi Dreamweaver CS6 Për LuckyTemplates

Nëse jeni i ri në dizajnimin e uebit ose keni krijuar faqe HTML prej vitesh, Adobe Dreamweaver CS6 është mjeti ideal për ndërtimin e faqes tuaj të internetit. Në versionin CS6, ju gjeni një ekran të ri mirëseardhjeje dhe mbështetje për më të fundit në Fletët e stilit Cascading (CSS3) dhe HTML5. Dreamweaver është një program i njohur në mesin e stilistëve profesionistë të uebit, si dhe njerëzve që duan të ndërtojnë faqe për hobi, klube, familje dhe biznese të vogla.

Ekrani i mirëseardhjes i Adobe Dreamweaver CS6

Ndërfaqja grafike e lehtë për t'u përdorur dhe lista e fuqishme e veçorive të Dreamweaver e bëjnë atë një zgjedhje popullore midis dizajnerëve profesionistë të uebit, si dhe hobiistëve. Me çdo version të ri, Dreamweaver CS6 ofron veçori të reja, por ju ende do të gjeni ekranin e njohur të mirëseardhjes për t'ju ndihmuar të filloni.

Fletë mashtrimi Dreamweaver CS6 Për LuckyTemplates

Dreamweaver CS6: Shtimi i hijeve të tekstit me CSS3

Në Dreamweaver CS6, ju mund të përmirësoni dizajnet tuaja dhe t'u jepni faqeve tuaja një thellësi më të madhe duke shtuar hije teksti me rregullat CSS3, më të fundit në teknologjinë e uebit. Shtimi i hijeve të tekstit i bën fjalët tuaja më të lehta për t'u lexuar, veçanërisht nëse dizajni juaj ka një sfond kompleks ose nëse ngjyrat e sfondit dhe tekstit nuk kanë kontrast.

Fletë mashtrimi Dreamweaver CS6 Për LuckyTemplates

Kredia: Paul Gual, istockphoto.com

Dreamweaver CS6 përfshin mbështetje për hijet e tekstit CSS3 kur përdorni panelin e Veçorive në panelin CSS Styles. Ju mund të krijoni stile të klasës ose ID me hije teksti dhe mund të shtoni hije teksti në elementët ekzistues HTML duke përcaktuar një stil tag, siç është stili i titullit 1 i përdorur në imazh.

Kodi CSS3 që krijon atë hije teksti është

h1 {text-hije: 2px 2px 3px #000;}

Numrat në kod specifikojnë se hija e tekstit duhet të shtrihet 2 pikselë në të djathtë dhe 2 pikselë poshtë tekstit me një turbullim prej 3 pikselësh. Përveç kësaj, hija krijohet me ngjyrën e zezë, të specifikuar nga kodi i shkurtuar i ngjyrave heksadecimal #000.

Kur krijoni rregulla për hijet e tekstit, mund të specifikoni deri në katër vlera:

  • Horizontale dhe vertikale: Kërkohen dy vlerat e para të numrave dhe përcaktojnë zhvendosjet horizontale dhe vertikale - distanca që shtrihet nën tekst (horizontal) dhe në të djathtë të tekstit (vertikal).

  • Rrezja e turbullimit: Vlera e tretë specifikon sasinë e turbullimit në hije. Nëse nuk përfshini rrezen e turbullimit, parazgjedhja është 0, gjë që e bën hijen të shfaqet si një ngjyrë e fortë.

  • Ngjyra: Vlera e katërt specifikon ngjyrën e hijes dhe mund të përcaktohet duke përdorur një kod heksadecimal ngjyrash ose një kod ngjyre RGBa.

Mund të shtoni një hije teksti duke përdorur panelin Property në fund të panelit CSS Styles, siç tregohet në imazh. Për ta bërë këtë, ndiqni këto hapa:

Klikoni lidhjen "Shto prona" në anën e majtë të panelit "Property Styles CSS".

Futni emrin e rregullit të stilit CSS3, hijen e tekstit ose zgjidhni rregullin e stilit nga lista rënëse.

Pasi emri të shfaqet në anën e majtë, një shigjetë e vogël shfaqet në të djathtë.

Klikoni për të zgjedhur shigjetën në të djathtë të hijes së tekstit.

Shfaqet një kuti.

Futni zhvendosjet X dhe Y, rrezen e turbullimit dhe ngjyrën.

Faqet e internetit dhe burimet për dizajnerët e uebit

Dizajnerët me përvojë të uebit - pavarësisht nëse përdorin Adobe Dreamweaver ose softuer të tjerë të dizajnit të uebit - shpesh u referohen burimeve në internet për të vazhduar me aftësitë e tyre dhe për të shtuar veçori të veçanta në faqet e tyre të internetit. Kjo listë e bën të lehtë për ju gjetjen e disa faqeve të internetit dhe burimeve në internet që mund t'ju ndihmojnë me projektet tuaja të dizajnit të uebit.


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 […]