Modele të folur në Dreamweaver

Shumë programe të dizajnit të uebit mburren me shabllonet e tyre HTML. Ajo që ata në të vërtetë nënkuptojnë është se ato përfshijnë disa dizajne të gatshme faqesh me programin. Dreamweaver e çon këtë koncept disa hapa më tej duke ofruar veçori të dizajnit të shabllonit që ju mundësojnë të krijoni dizajnin bazë të një faqeje dhe më pas të kontrolloni se cilat seksione mund dhe nuk mund të ndryshohen. Ky është një veçori e vlefshme nëse jeni duke punuar me një ekip zhvilluesish me nivele të ndryshme aftësish. Për shembull, nëse po ndërtoni një faqe për një kompani të pasurive të paluajtshme dhe dëshironi t'i lini punonjësit të përditësojnë listat e shitjeve pa qenë në gjendje të prishin dizajnin e faqes, një shabllon mund të jetë zgjidhja perfekte.

Modelet përdoren më së miri kur krijoni një numër faqesh që ndajnë karakteristika të caktuara, të tilla si ngjyra e sfondit ose elementët e lundrimit. Në vend që të vendosni vetitë e sakta për çdo faqe të re ose të bëni të njëjtat ndryshime faqe pas faqeje, mund të përdorni një shabllon për të bërë ndryshime në disa faqe menjëherë.

Qëndrimi i vërtetë ndaj shabllonit tuaj

Një nga avantazhet e mëdha në përdorimin e veçorisë së shabllonit Dreamweaver është se ju mund të specifikoni se cilat zona të shabllonit mund të ndryshohen. Kjo është veçanërisht e dobishme nëse jeni duke punuar me njerëz që kanë nivele të ndryshme aftësish në HTML dhe dëshironi që një projektues më i avancuar të krijojë një faqe që një person me më pak përvojë nuk mund ta ngatërrojë më vonë. Me këtë qëllim në mendje, një shabllon ka rajone të redaktueshme dhe rajone të kyçura (jo të redaktueshme). Përdorni rajone të redaktueshme për përmbajtjen që ndryshon, si p.sh. një përshkrim produkti. Përdorni rajone të kyçura për përmbajtje statike, të pandryshueshme, të tilla si një logo ose elemente të navigimit të sajtit.

Mund të modifikoni një shabllon edhe pasi ta keni përdorur për të krijuar dokumente. Më pas, kur përditësoni dokumentet që përdorin shabllonin, seksionet e pa-redaktueshme të atyre dokumenteve përditësohen për t'u përshtatur me ndryshimet që keni bërë në shabllon.

Ndërsa jeni duke redaktuar vetë shabllonin, mund të bëni ndryshime në çdo pjesë të skedarit, qofshin ato rajone të redaktueshme ose të kyçura. Megjithatë, gjatë redaktimit të një dokumenti të bërë nga një shabllon, mund të bëni ndryshime vetëm në rajonet e redaktueshme të dokumentit. Nëse ktheheni dhe ndryshoni një shabllon pasi të krijohet, Dreamweaver ju jep mundësinë që ato ndryshime të pasqyrohen në të gjitha faqet që keni krijuar me atë shabllon ose vetëm në faqen që po redaktoni aktualisht.

Krijimi i shablloneve

Krijimi i një shablloni është po aq i lehtë sa krijimi i çdo skedari tjetër në Dreamweaver, siç mund ta shihni në hapat e mëposhtëm. Mund të filloni me një dokument ekzistues HTML dhe ta modifikoni për t'iu përshtatur nevojave tuaja, ose mund të krijoni një dokument krejtësisht të ri. Kur ruani një skedar si shabllon, skedari ruhet automatikisht në dosjen Templates të dosjes kryesore për faqen e internetit. Modelet duhet të ruhen në këtë dosje të zakonshme që veçoritë e automatizuara në Dreamweaver të funksionojnë siç duhet. Nëse nuk keni tashmë një dosje Templates në faqen tuaj të internetit, Dreamweaver e krijon automatikisht një të tillë kur ruani shabllonin tuaj të parë.

Veçoritë e shabllonit funksionojnë vetëm nëse e keni përcaktuar faqen tuaj të internetit në Dreamweaver

Të gjithë elementët në një shabllon janë të kyçur si parazgjedhje, përveç seksionit të titullit të dokumentit, i cili tregohet nga

etiketat. (Seksioni i titullit të dokumentit që nuk është i kyçur është një përmirësim në Dreamweaver 4 - në Dreamweaver 3, ju nuk mund ta bëni zonën e titullit të redaktueshme.). Që shablloni të jetë i dobishëm për ndërtimin e faqeve të reja, duhet të bëni edhe zona të tjera të faqes të redaktueshme. Mos harroni se gjithmonë mund të ktheheni te shablloni dhe të bëni më shumë zona të redaktueshme ose të hiqni aftësinë për të modifikuar disa zona më vonë.

Për të krijuar një shabllon me rajone të redaktueshme, ndiqni këto hapa:

1. Zgjidhni Dritarja –> Modelet.

2. Në panelin Modelet, klikoni shigjetën në këndin e sipërm djathtas dhe zgjidhni Modelin e ri nga menyja rënëse që hapet.

Një shabllon i ri pa titull i shtohet listës së shablloneve në panel.

3. Me shabllonin ende të zgjedhur, shkruani një emër për shabllonin ashtu siç do të emërtoni çdo skedar në Finder në Mac ose Explorer në një PC.

Shablloni i ri shtohet në listën e Modeleve për Site.

4. Pasi të emërtoni shabllonin e ri, klikoni dy herë mbi emrin për ta hapur.

Faqja e shabllonit hapet në Dreamweaver si çdo faqe tjetër HTML, përveç që emri i skedarit përfundon me shtesën .dwt.

Tani mund ta modifikoni këtë faqe si çdo faqe tjetër HTML, duke futur imazhe, tekst, tabela, e kështu me radhë.

5. Zgjidhni Modify –> Page Properties për të specifikuar ngjyrat e sfondit, tekstit dhe lidhjes.

Më pas, vendosni disa tekste ose imazhe në faqe si mbajtëse vendesh për informacion që mund të dëshironi të ndryshoni në të ardhmen.

6. Për ta bërë një imazh ose zonë teksti të redaktueshme, zgjidhni imazhin ose tekstin dhe më pas zgjidhni Modify –> Templates –> New Editable Region. (Imazhi ose teksti që zgjidhni si të modifikueshme bëhet një zonë që mund të ndryshohet në çdo faqe të krijuar me shabllon. Zonat që nuk i shënoni si të modifikueshme do të rregullohen dhe mund të ndryshohen vetëm nëse modifikoni vetë shabllonin.)

Hapet kutia e dialogut Rajoni i ri i modifikueshëm.

7. Në kutinë e tekstit Emri, shkruani një emër për rajonin e modifikueshëm.

Teksti ose imazhi theksohet në shabllon, duke treguar se është i modifikueshëm. Ju mund ta emërtoni rajonin çdo gjë që dëshironi, por zgjedhja e diçkaje që korrespondon me llojin e informacionit që do të vendosni në zonë e bën më të lehtë për ju që të mbani mend.

8. Për të bërë imazhe ose zona të tjera teksti të redaktueshme, përsëritni hapat 6 dhe 7.

9. Ruani shabllonin tuaj dhe mbylleni skedarin kur të keni mbaruar.

Ju mund të bëni një tabelë të tërë ose një qelizë tabele individuale të redaktueshme, por nuk mund të bëni disa qeliza të redaktueshme menjëherë, përveç nëse i keni bashkuar ato më parë. Ju duhet të zgjidhni secilën qelizë një nga një nëse dëshironi të bëni disa nga qelizat në një tabelë të redaktueshme, por jo të tjerat. Shtresat dhe përmbajtja e shtresave trajtohen gjithashtu si elementë të veçantë, por secili prej tyre mund të shënohet si i modifikueshëm. Bërja e një shtrese të redaktueshme ju mundëson të ndryshoni pozicionin e asaj shtrese. Të bësh përmbajtjen e shtresës të redaktueshme do të thotë që mund të ndryshosh përmbajtjen e shtresës, siç është teksti ose imazhi në shtresë.


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