Hvordan bruke Dreamweaver maler

Malen funksjonen i Macromedia Dreamweaver er et svært nyttig nettsted programmering verktøy, spesielt for store områder. Maler tillater et nettsted programmerer å endre et helt sett av web-sider ved å redigere bare én fil. For eksempel si at du har en del av virksomheten din nettside som heter "Om vår Company" som består av sider for hver av dine ansatte, en web-versjon av hver av bedriftens nyhetsbrev fra i fjor, en liste over bedriftens overbevisninger, gjenoppta , referanser, etc. Det delen alene kan inneholde 15 eller 20 enkeltsider. Nå har du bestemt deg for å legge til en ny underkategori som krever å legge til en ny link til alle sidene i denne delen. Hvis alle de "Om vår bedrift" sider styres av en Dreamweaver mal så trenger du ikke å åpne og endre koden på 20 sider. Du kan rett og slett gjøre en endring i malen filen, og den er filtrert i hele området. Malen funksjonen er også nyttig i å opprettholde et konsekvent utseende for nettstedet ditt når innhold blir lagt til eller vedlikeholdt av flere people.The grunnleggende forutsetningen for mal funksjon er at visse områder av en side er definert som redigerbar, mens andre områder forblir konsekvent gjennom hele hele sett med sider som malen er brukt. Her er hvordan du kan implementere malen funksjonen når du programmerer et nettsted med Dreamweaver:

Bruksanvisning

Skritt for bruk av Dreamweaver Templates

1 Start Dreamweaver og skape det nye nettstedet. Da er det nyttig å gå foran og sette opp en "dummy" mappe / filstruktur. Når du ser på "Files" -vinduet, klikk på ikonet i øvre høyre hjørne av lokale filer side. Marker "Files" undermenyen. Du kan opprette nye mapper og filer der og skriver i sine respektive navn. For eksempel, hvis du ønsker å skape den ovennevnte "Om vår Company" delen, kan du først opprette en mappe som heter "About_Our_Company", og deretter opprette filer i denne mappen som heter "profile.html", "newsletter.html," ansatte .html "og" affiliations.html. "Når filstrukturen er på plass, vil du være i stand til å koble menyelementer som du designe din mal.

2 Opprett en ny HTML-fil ved å velge Fil> Ny fra hoved Dreamweaver menyen. Når dialogboksen vises, velg "Basic Page" og "HTML" fra de to undermenyer. Deretter klikker du på "Create". Din nye filen åpnes. Du kan gå videre og lagre filen umiddelbart som en mal fil. Bare velg Fil> Lagre som mal fra hoved Dreamweaver menyen og navngi filen i den påfølgende dialogboksen. Velg et intuitivt navn som "about_company" for våre arbeider eksempel. Dreamweaver vil automatisk opprette en katalog som heter "Maler" som inneholder den nye malen filen.

3 Nå er det på tide å lage malen sideoppsettet i henhold til den generelle layout skisse eller ide, sette inn bilder, etc for å lage en ferdig side. Siden du opprettet din filstruktur med "dummy" sider i trinn 1, kan du gå videre og knytte menyelementene til de aktuelle sidene.

4 Etter sideoppsettet er fullført, kan du angi din malens redigerbare områder. Du kan velge så mange redigerbare områder som du trenger. Se på malen og bestemme hvilke områder som vil være unikt for hvert område siden. Områder for siden din bestemt tekst, overskrift, selv foto steder er gode kandidater. Ideelt sett noen områder av layouten som vil forbli konsekvent gjennom området sidene som denne malen skal styre bør være uneditable.To utpeke en redigerbar region, klikker innenfor den valgte siden og velg riktig HTML-koden i det grå feltet nederst sidevinduet. Dette vil markere den valgte regionen. For eksempel, hvis du ønsker for en bestemt tabellcelle for å være redigerbar, klikker du inne i cellen, og klikk deretter på <td> tag i det grå feltet. Velg Sett inn> Mal gjenstander> redigerbare området fra hovedmenyen Dreamweaver. En dialogboks vises hvor du kan kalle regionen. Klikk OK og din første redigerbare området har vært designated.Remember som vanligvis den spesifikke HTML-koden attributter samt din generelle sideattributtene vil bli styrt av malen. Så i vårt tabellcelle eksempel, må du huske å stille inn vertikal og horisontal oppretting attributter i malen som du vil de skal vises gjennom sidene på webområdet ditt. Du vil imidlertid være i stand til å gi hver side en unik tittel uavhengig av malen application.When du er ferdig med å sette inn alle dine redigerbare områder, lagre malen filen og lukke den.

5 Nå er du klar til å bruke malen til de aktuelle sidene. Fra "filer" vinduet, dobbeltklikker du på HTML-siden som du ønsker å søke malen. En tom side skal åpnes. Velg Endre> Maler> Bruk mal til side fra hovedmenyen Dreamweaver. Navnet på malen skal vises i dialogboksen. Marker den og klikk "Velg". Dreamweaver vil deretter importere malen layout. Dine redigerbare områder vil bli tabbed hele siden, og markøren vil vise en "nei" tegn når du musen over redigerbart areas.You kan oppdatere redigerbare områder med konkret innhold for den aktuelle siden og lagre.

6 Hvis du trenger å endre redigeres deler av malen i hele området - som å legge til en ny link som i vår innledende eksempel - start ved å dobbeltklikke på malen filen i "Files" -vinduet. Når siden åpnes, kan du gjøre de nødvendige endringene i redigerbart regions.To bruke endringene i hele området, lagre mal. Deretter velger du Endre> Maler> Oppdater Pages. Velg "Hele Site" fra rullegardinmenyen i dialogboksen, og kontroller at boksen ved siden av "Maler" er sjekket. Deretter klikker du på Start. Dreamweaver vil oppdatere de nødvendige filene og vise dem i listen. Deretter lukke dialogboksen og endringene er fullført!

Hint

• Det er enklest å sette opp maler først før noen av de andre sidene er programmert. Du kan alltid bruke en mal til eksisterende sider, men det vil kreve noe sletting, kopiere og lime inn i eksisterende innhold for å få det i riktig redigerbare områder.