Talking Templates v Dreamweaverju

Številni programi za spletno oblikovanje se ponašajo s svojimi predlogami HTML. V resnici mislijo, da v program vključujejo nekaj že pripravljenih zasnov strani. Dreamweaver ta koncept popelje še nekaj korakov naprej z zagotavljanjem funkcij oblikovanja predlog, ki vam omogočajo, da ustvarite osnovno zasnovo strani in nato nadzirate, katere razdelke je mogoče spreminjati in katere ne. To je dragocena funkcija, če delate z ekipo razvijalcev različnih ravni znanja. Na primer, če gradite spletno mesto za nepremičninsko podjetje in želite dovoliti zaposlenim, da posodabljajo prodajne sezname, ne da bi lahko pokvarili zasnovo strani, je predloga lahko odlična rešitev.

Predloge je najbolje uporabiti, ko ustvarjate več strani, ki imajo skupne značilnosti, kot so barva ozadja ali elementi za krmarjenje. Namesto da nastavite pravilne lastnosti za vsako novo stran ali naredite enake spremembe na strani za stranjo, lahko uporabite predlogo za spreminjanje več strani hkrati.

Ostanite zvesti svoji predlogi

Ena od velikih prednosti pri uporabi funkcije predloge Dreamweaver je, da lahko določite, katera področja predloge je mogoče spremeniti. To je še posebej uporabno, če delate z ljudmi, ki imajo različne ravni znanja v HTML-ju in želite, da naprednejši oblikovalec ustvari stran, ki je manj izkušena oseba kasneje ne more pokvariti. S tem ciljem v mislih ima predloga regije, ki jih je mogoče urejati, in zaklenjena (neuredljiva) območja. Uporabite območja, ki jih je mogoče urejati, za vsebino, ki se spreminja, kot je opis izdelka. Uporabite zaklenjena območja za statično, nespremenljivo vsebino, kot je logotip ali elementi za krmarjenje po spletnem mestu.

Predlogo lahko spremenite tudi po tem, ko ste jo uporabili za ustvarjanje dokumentov. Ko nato posodobite dokumente, ki uporabljajo predlogo, se razdelki teh dokumentov, ki jih ni mogoče urejati, posodobijo tako, da ustrezajo spremembam, ki ste jih naredili v predlogi.

Medtem ko urejate samo predlogo, lahko spremenite kateri koli del datoteke, pa naj bo to urejana ali zaklenjena območja. Med urejanjem dokumenta, narejenega iz predloge, pa lahko spreminjate le območja dokumenta, ki jih je mogoče urejati. Če se vrnete in spremenite predlogo, potem ko je bila ustvarjena, vam Dreamweaver ponuja možnost, da se te spremembe odražajo na vseh straneh, ki ste jih ustvarili s to predlogo, ali samo na strani, ki jo trenutno urejate.

Ustvarjanje predlog

Ustvarjanje predloge je tako preprosto kot ustvarjanje katere koli druge datoteke v Dreamweaverju, kot lahko vidite v naslednjih korakih. Začnete lahko z obstoječim dokumentom HTML in ga spremenite tako, da ustreza vašim potrebam, ali pa ustvarite popolnoma nov dokument. Ko datoteko shranite kot predlogo, se datoteka samodejno shrani v mapo Predloge glavne mape spletnega mesta. Predloge morajo biti shranjene v to skupno mapo, da avtomatizirane funkcije v Dreamweaverju pravilno delujejo. Če na svojem spletnem mestu še nimate mape Predloge, jo Dreamweaver samodejno ustvari, ko shranite svojo prvo predlogo.

Funkcije predloge delujejo samo, če ste svoje spletno mesto definirali v Dreamweaverju

Vsi elementi v predlogi so privzeto zaklenjeni, razen razdelka z naslovom dokumenta, ki je označen z

oznake. (Oddelek z naslovom dokumenta, ki ni zaklenjen, je izboljšava v Dreamweaverju 4 — v Dreamweaverju 3 niste mogli urediti področja naslova.). Da bo predloga uporabna za gradnjo novih strani, morate urediti tudi druga področja strani. Ne pozabite, da se lahko vedno vrnete na predlogo in omogočite urejanje več območij ali odstranite možnost pozneje urejanja določenih območij.

Če želite ustvariti predlogo z območji, ki jih je mogoče urejati, sledite tem korakom:

1. Izberite Okno –> Predloge.

2. Na plošči Predloge kliknite puščico v zgornjem desnem kotu in v spustnem meniju, ki se odpre, izberite Nova predloga.

Na seznam predlog na plošči je dodana nova, neimenovana predloga.

3. Ko je predloga še vedno izbrana, vnesite ime za predlogo tako, kot bi poimenovali katero koli datoteko v Finderju v računalniku Mac ali Raziskovalcu v računalniku.

Nova predloga je dodana na seznam Predloge za spletno mesto.

4. Ko poimenujete novo predlogo, dvokliknite ime, da jo odprete.

Stran s predlogo se v Dreamweaverju odpre kot katera koli druga stran HTML, le da se ime datoteke konča s pripono .dwt.

Zdaj lahko to stran urejate tako kot katero koli drugo stran HTML, z vstavljanjem slik, besedila, tabel itd.

5. Izberite Spremeni –> Lastnosti strani, da določite barve ozadja, besedila in povezave.

Nato na stran postavite nekaj besedila ali slik kot rezerve za informacije, ki jih boste morda želeli spremeniti v prihodnosti.

6. Če želite sliko ali besedilno območje urediti, izberite sliko ali besedilo in nato izberite Spremeni –> Predloge –> Novo območje za urejanje. (Slika ali besedilo, ki ga izberete kot možnost urejanja, postane območje, ki ga je mogoče spremeniti na kateri koli strani, ustvarjeni s predlogo. Območja, ki jih ne označite kot možnost urejanja, bodo fiksna in jih je mogoče spremeniti samo, če spremenite samo predlogo.)

Odpre se pogovorno okno Nova regija, ki jo je mogoče urejati.

7. V besedilno polje Ime vnesite ime regije, ki jo je mogoče urejati.

Besedilo ali slika je v predlogi označeno, kar pomeni, da ga je mogoče urejati. Regijo lahko poimenujete kar koli želite, a če izberete nekaj, kar ustreza vrsti informacij, ki jih boste vnesli na območje, si boste lažje zapomnili.

8. Če želite urediti druge slike ali področja besedila, ponovite 6. in 7. korak.

9. Shranite predlogo in zaprite datoteko, ko končate.

Celotno tabelo ali posamezno celico tabele lahko uredite, vendar ne morete urediti več celic hkrati, razen če jih najprej združite. Vsako celico morate izbrati eno po eno, če želite nekatere celice v tabeli omogočiti urejati, druge pa ne. Plasti in vsebina slojev se prav tako obravnavajo kot ločeni elementi, vendar jih je mogoče označiti kot možnost urejanja. Če naredite plast za urejanje, lahko spremenite položaj te plasti. Če omogočite urejanje vsebine plasti, lahko spremenite vsebino plasti, na primer besedilo ali sliko v sloju.


Kako uporabiti preglednost za SVG

Kako uporabiti preglednost za SVG

Naučite se uporabiti prosojnost za grafiko SVG v Illustratorju. Raziščite, kako iznesti SVG s prozornimi ozadji in uporabiti učinke preglednosti.

Delo s slikami v Adobe XD

Delo s slikami v Adobe XD

Ko uvozite svoje slike v Adobe XD, nimate velikega nadzora nad urejanjem, lahko pa spremenite velikost in zasukate slike tako kot pri kateri koli drugi obliki. Prav tako lahko preprosto zaokrožite vogale uvožene slike z uporabo vogalnih pripomočkov. Prikrivanje slik Z definiranjem zaprte oblike […]

Kako prilagoditi lastnosti besedila v Adobe XD

Kako prilagoditi lastnosti besedila v Adobe XD

Ko imate besedilo v projektu Adobe XD, lahko začnete spreminjati lastnosti besedila. Te lastnosti vključujejo družino pisav, velikost pisave, težo pisave, poravnavo, razmik med znaki (kerning in sledenje), razmik med vrsticami (vodilni del), polnjenje, obrobo (poteza), senco (senca) in zameglitev ozadja. Poglejmo torej, kako se te lastnosti uporabljajo. O berljivosti in pisavi […]

Delo z umetniškimi ploščami v Photoshopu CC

Delo z umetniškimi ploščami v Photoshopu CC

Tako kot v Adobe Illustratorju, umetniške plošče Photoshopa omogočajo izdelavo ločenih strani ali zaslonov znotraj enega dokumenta. To je lahko še posebej koristno, če gradite zaslone za mobilno aplikacijo ali majhno brošuro. Umetniško ploščo si lahko predstavljate kot posebno vrsto skupine plasti, ustvarjeno s ploščo Sloji. Njegova […]

Oblike in poligoni v InDesignu

Oblike in poligoni v InDesignu

Številna orodja, ki jih najdete na plošči Orodja InDesign, se uporabljajo za risanje črt in oblik na strani, tako da imate na voljo več različnih načinov za ustvarjanje zanimivih risb za svoje publikacije. V InDesignu lahko ustvarite kar koli, od osnovnih oblik do zapletenih risb, namesto da bi morali uporabljati program za risanje, kot je […]

Zavijte besedilo v Adobe Illustrator CC

Zavijte besedilo v Adobe Illustrator CC

Zavijanje besedila v Adobe Illustrator CC ni čisto enako kot zavijanje darila – lažje je! Prelom besedila prisili, da se besedilo ovije okoli grafike, kot je prikazano na tej sliki. Ta funkcija lahko vsakemu kosu doda malo ustvarjalnosti. Grafika sili, da se besedilo ovije okoli njega. Najprej ustvarite […]

Kako spremeniti velikost oblik v Illustratorju

Kako spremeniti velikost oblik v Illustratorju

Ko načrtujete v programu Adobe Illustrator CC, pogosto potrebujete obliko, ki je natančna (na primer 2 x 3 palca). Ko ustvarite obliko, je najboljši način, da jo spremenite v natančne meritve, da uporabite ploščo Transform, prikazano na tej sliki. Izberi predmet in nato izberite Okno→ Pretvori v […]

Kako ustvariti QR kode v InDesign CC

Kako ustvariti QR kode v InDesign CC

InDesign lahko uporabite za ustvarjanje in spreminjanje grafike QR kode. QR kode so oblika črtne kode, ki lahko shrani informacije, kot so besede, številke, URL-ji ali druge oblike podatkov. Uporabnik skenira QR kodo s svojo kamero in programsko opremo na napravi, kot je pametni telefon, in programska oprema uporablja […]

Kako narediti novo fotografijo staro v Photoshopu CS6

Kako narediti novo fotografijo staro v Photoshopu CS6

Morda bo čas, ko boste potrebovali novo fotografijo, da bi izgledali staro. Photoshop CS6 vas pokriva. Črno-bela fotografija je novejši pojav, kot si morda mislite. Dagerotipi in druge zgodnje fotografije so pogosto imele rjavkast ali modrikast ton. Lahko ustvarite lastne mojstrovine v odtenkih sepije. Tonirane slike lahko ustvarijo […]

Funkcija Live Paint v programu Adobe CS5 Illustrator

Funkcija Live Paint v programu Adobe CS5 Illustrator

S funkcijo Live Paint v programu Adobe Creative Suite 5 (Adobe CS5) Illustrator lahko ustvarite želeno sliko in zapolnite regije z barvo. Vedro Live Paint samodejno zazna regije, sestavljene iz neodvisnih sekajočih se poti, in jih ustrezno zapolni. Barva v danem območju ostane živa in samodejno teče, če obstaja […]