Talandi sniðmát í Dreamweaver

Mörg vefhönnunarforrit státa af HTML sniðmátunum sínum. Það sem þeir meina í raun er að þeir innihalda tilbúna síðuhönnun með forritinu. Dreamweaver tekur þetta hugtak nokkrum stökkum lengra með því að bjóða upp á sniðmátshönnunareiginleika sem gera þér kleift að búa til grunnhönnun síðu og stjórna síðan hvaða köflum er hægt að breyta og ekki. Þetta er dýrmætur eiginleiki ef þú ert að vinna með teymi þróunaraðila á mismunandi hæfileikastigi. Til dæmis, ef þú ert að byggja síðu fyrir fasteignafyrirtæki og þú vilt láta starfsmenn uppfæra söluskrárnar án þess að geta klúðrað síðuhönnuninni, getur sniðmát verið hin fullkomna lausn.

Sniðmát eru best notuð þegar þú ert að búa til fjölda síðna sem deila ákveðnum eiginleikum, svo sem bakgrunnslit eða flakk. Í stað þess að setja réttar eiginleika fyrir hverja nýja síðu eða gera sömu breytingar á síðu eftir síðu geturðu notað sniðmát til að gera breytingar á nokkrum síðum í einu.

Vertu trúr sniðmátinu þínu

Einn af stóru kostunum við að nota Dreamweaver sniðmátseiginleikann er að þú getur tilgreint hvaða svæði sniðmátsins er hægt að breyta. Þetta er sérstaklega gagnlegt ef þú ert að vinna með fólki sem hefur ýmis færnistig í HTML og þú vilt fá lengra komna hönnuð til að búa til síðu sem minna reyndur einstaklingur getur ekki klúðrað síðar. Með það markmið í huga hefur sniðmát breytanleg svæði og læst (óbreytanleg) svæði. Notaðu breytanleg svæði fyrir efni sem breytist, svo sem vörulýsingu. Notaðu læst svæði fyrir kyrrstætt, óbreytanlegt efni, eins og lógó eða svæðisleiðsögn.

Þú getur breytt sniðmáti jafnvel eftir að þú hefur notað það til að búa til skjöl. Síðan þegar þú uppfærir skjöl sem nota sniðmátið eru óbreytanlegir hlutar þessara skjala uppfærðir til að passa við breytingarnar sem þú gerðir á sniðmátinu.

Á meðan þú ert að breyta sniðmátinu sjálfu geturðu gert breytingar á hvaða hluta sem er í skránni, hvort sem það er breytanlegum eða læstum svæðum. Meðan þú breytir skjali sem er búið til úr sniðmáti geturðu hins vegar gert breytingar aðeins á breytanlegum svæðum skjalsins. Ef þú ferð til baka og breytir sniðmáti eftir að það er búið til, gefur Dreamweaver þér möguleika á að láta þessar breytingar endurspeglast á öllum síðum sem þú hefur búið til með því sniðmáti eða aðeins síðunni sem þú ert að breyta.

Að búa til sniðmát

Að búa til sniðmát er eins auðvelt og að búa til allar aðrar skrár í Dreamweaver, eins og þú sérð í eftirfarandi skrefum. Þú getur byrjað með fyrirliggjandi HTML skjal og breytt því til að henta þínum þörfum, eða þú getur búið til alveg nýtt skjal. Þegar þú vistar skrá sem sniðmát er skráin geymd sjálfkrafa í möppunni Sniðmát í aðalmöppunni fyrir vefsíðuna. Sniðmát verður að vista í þessari algengu möppu til að sjálfvirku eiginleikarnir í Dreamweaver virki rétt. Ef þú ert ekki nú þegar með sniðmátmöppu á vefsíðunni þinni, býr Dreamweaver sjálfkrafa til slíkt þegar þú geymir fyrsta sniðmátið þitt.

Sniðmátareiginleikarnir virka aðeins ef þú hefur skilgreint vefsíðuna þína í Dreamweaver

Allir þættir í sniðmáti eru sjálfgefið læstir, nema skjalatitilhlutinn, sem er auðkenndur með

merki. (Skjalstitilhlutinn sem er ekki læstur er framför í Dreamweaver 4 — í Dreamweaver 3 var ekki hægt að breyta titilsvæðinu.). Til þess að sniðmátið geti verið að einhverju gagni til að byggja nýjar síður verður þú að gera önnur svæði síðunnar einnig breytanleg. Mundu að þú getur alltaf farið aftur í sniðmátið og gert fleiri svæði breytanleg eða fjarlægt möguleikann til að breyta ákveðnum svæðum síðar.

Til að búa til sniðmát með breytanlegum svæðum skaltu fylgja þessum skrefum:

1. Veldu Gluggi –> Sniðmát.

2. Í Sniðmát spjaldið, smelltu á örina efst í hægra horninu og veldu Nýtt sniðmát úr fellivalmyndinni sem opnast.

Nýju nafnlausu sniðmáti er bætt við listann yfir sniðmát á spjaldinu.

3. Með sniðmátið enn valið skaltu slá inn nafn fyrir sniðmátið alveg eins og þú myndir nefna hvaða skrá sem er í Finder á Mac eða Explorer á PC.

Nýja sniðmátinu er bætt við listann Sniðmát fyrir vefsvæði.

4. Eftir að þú nefnir nýja sniðmátið skaltu tvísmella á nafnið til að opna það.

Sniðmátssíðan opnast í Dreamweaver eins og hver önnur HTML síða, nema að skráarnafnið endar á endingunni .dwt.

Þú getur nú breytt þessari síðu eins og hverja aðra HTML síðu, sett inn myndir, texta, töflur og svo framvegis.

5. Veldu Breyta –> Eiginleikar síðu til að tilgreina bakgrunn, texta og tenglalit.

Næst seturðu texta eða myndir á síðuna sem staðgengla fyrir upplýsingar sem þú gætir viljað breyta í framtíðinni.

6. Til að gera mynd eða textasvæði breytanlegt skaltu velja myndina eða textann og velja svo Breyta –> Sniðmát –> Nýtt breytanlegt svæði. (Myndin eða textinn sem þú velur sem breytanlegur verður svæði sem hægt er að breyta á hvaða síðu sem er búin til með sniðmátinu. Svæði sem þú merkir ekki sem breytanlegt verða fast og er aðeins hægt að breyta ef þú breytir sniðmátinu sjálfu.)

Nýtt breytanlegt svæði opnast.

7. Í Nafn textareitnum, sláðu inn heiti fyrir svæðið sem hægt er að breyta.

Textinn eða myndin er auðkennd í sniðmátinu, sem gefur til kynna að hægt sé að breyta honum. Þú getur nefnt svæðið hvað sem þú vilt, en ef þú velur eitthvað sem samsvarar tegund upplýsinga sem þú ætlar að setja á svæðið auðveldar þér að muna það.

8. Til að gera aðrar myndir eða textasvæði breytanleg skaltu endurtaka skref 6 og 7.

9. Vistaðu sniðmátið þitt og lokaðu skránni þegar þú ert búinn.

Þú getur gert heila töflu eða einstaka töflureit breytanlega, en þú getur ekki gert margar reiti breytanlegar allar í einu, nema þú hafir sameinað þær fyrst. Þú verður að velja hvern reit í einu ef þú vilt gera suma hólfa í töflu breytanlegum, en ekki öðrum. Lög og innihald lag eru einnig meðhöndluð sem aðskildir þættir, en annað hvort er hægt að merkja sem breytanlegt. Að gera lag breytanlegt gerir þér kleift að breyta staðsetningu þess lags. Að gera innihald lags breytanlegt þýðir að þú getur breytt innihaldi lagsins, eins og texta eða mynd í laginu.


Hvernig á að beita gagnsæi á SVG

Hvernig á að beita gagnsæi á SVG

Lærðu hvernig á að beita gagnsæi á SVG grafík í Illustrator. Kannaðu hvernig á að gefa út SVG með gagnsæjum bakgrunni og beita gagnsæisáhrifum.

Vinna með myndir í Adobe XD

Vinna með myndir í Adobe XD

Eftir að þú hefur flutt myndirnar þínar inn í Adobe XD hefurðu ekki mikla stjórn á klippingum, en þú getur breytt stærð og snúið myndum alveg eins og þú myndir gera í öðrum formum. Þú getur líka auðveldlega snúið hornin á innfluttri mynd með því að nota horngræjurnar. Maskaðu myndirnar þínar með því að skilgreina lokað form […]

Hvernig á að stilla textaeiginleika í Adobe XD

Hvernig á að stilla textaeiginleika í Adobe XD

Þegar þú ert með texta í Adobe XD verkefninu þínu geturðu byrjað að breyta textaeiginleikum. Þessir eiginleikar fela í sér leturfjölskyldu, leturstærð, leturþyngd, jöfnun, stafabil (kering og rakning), línubil (frama), Fylling, Border (strok), Skuggi (fallskuggi) og Bakgrunnsþoka. Svo skulum endurskoða hvernig þessar eignir eru notaðar. Um læsileika og leturgerð […]

Vinna með teikniborð í Photoshop CC

Vinna með teikniborð í Photoshop CC

Rétt eins og í Adobe Illustrator, bjóða Photoshop teikniborð möguleika á að byggja upp aðskildar síður eða skjái í einu skjali. Þetta getur verið sérstaklega gagnlegt ef þú ert að smíða skjái fyrir farsímaforrit eða lítinn bækling. Þú getur hugsað um listaborð sem sérstaka tegund af lagahópi sem búin er til með því að nota Layers spjaldið. Það er […]

Form og marghyrningar í InDesign

Form og marghyrningar í InDesign

Mörg verkfæranna sem þú finnur á InDesign Tools spjaldinu eru notuð til að teikna línur og form á síðu, svo þú hefur nokkrar mismunandi leiðir til að búa til áhugaverðar teikningar fyrir ritin þín. Þú getur búið til allt frá grunnformum til flókinna teikninga inni í InDesign, í stað þess að þurfa að nota teikniforrit eins og […]

Vefja texta í Adobe Illustrator CC

Vefja texta í Adobe Illustrator CC

Að pakka inn texta í Adobe Illustrator CC er ekki alveg það sama og að pakka inn gjöf – það er auðveldara! Textabrot þvingar texta til að vefja utan um grafík, eins og sýnt er á þessari mynd. Þessi eiginleiki getur bætt smá sköpunargáfu við hvaða verk sem er. Myndin neyðir textann til að vefja utan um hann. Fyrst skaltu búa til […]

Hvernig á að breyta stærð forms í Illustrator

Hvernig á að breyta stærð forms í Illustrator

Þegar þú hannar í Adobe Illustrator CC þarftu oft að lögun sé í nákvæmri stærð (til dæmis 2 x 3 tommur). Eftir að þú hefur búið til form er besta leiðin til að breyta stærð þess í nákvæmar mælingar að nota Transform spjaldið, sýnt á þessari mynd. Láttu hlutinn velja og veldu síðan Gluggi→ Umbreyta í […]

Hvernig á að búa til QR kóða í InDesign CC

Hvernig á að búa til QR kóða í InDesign CC

Þú getur notað InDesign til að búa til og breyta grafík QR kóða. QR kóðar eru strikamerki sem geta geymt upplýsingar eins og orð, tölur, vefslóðir eða annars konar gögn. Notandinn skannar QR kóðann með myndavélinni sinni og hugbúnaði á tæki, svo sem snjallsíma, og hugbúnaðurinn notar […]

Hvernig á að láta nýja mynd líta gömul út í Photoshop CS6

Hvernig á að láta nýja mynd líta gömul út í Photoshop CS6

Það gæti verið tími þegar þú þarft nýja mynd til að líta gömul út. Photoshop CS6 hefur þú fjallað. Svart-hvít ljósmyndun er nýrra fyrirbæri en þú gætir haldið. Daguerreotypes og aðrar fyrstu ljósmyndir höfðu oft brúnleitan eða bláleitan blæ. Þú getur búið til sepia-tóna meistaraverk á eigin spýtur. Tónaðar myndir geta búið til […]

Live Paint eiginleiki í Adobe CS5 Illustrator

Live Paint eiginleiki í Adobe CS5 Illustrator

Með því að nota Live Paint eiginleikann í Adobe Creative Suite 5 (Adobe CS5) Illustrator geturðu búið til myndina sem þú vilt og fyllt út svæði með lit. Live Paint fötuna greinir sjálfkrafa svæði sem samanstanda af sjálfstæðum skurðstígum og fyllir þau í samræmi við það. Málningin innan tiltekins svæðis helst lifandi og flæðir sjálfkrafa ef einhver […]