Template aanmaken binnen Dreamweaver
Eerst even uitleggen wat een template binnen Dreamweaver betekent. Stel, je hebt een website gemaakt voor je vereniging en deze bestaat uit 30 pagina’s. Website is volledig af en na een paar dagen moet je een onderdeel aan je menu toevoegen. Hetgeen je dan moet doen is alle 30 pagina’s afgaan om dit aan te passen, een massa werk… Een template binnen Dreamweaver kan dit probleem oplossen. Indien je van je lay out op voorhand een template had aangemaakt moest je éénmaal dit onderdeel aan je menu toevoegen en alle pagina’s van je website werden automatisch aangepast. Handig toch of niet?
We gaan dit proces een overlopen. We downloaden even een gratis CSS lay out van styleshout.com, bijvoorbeeld de Marketplace 1.0 lay out. We gaan deze gebruiken om aan te tonen hoe we een template aanmaken. Eventueel kan jij deze ook downloaden en op deze manier deze tutorial mee volgen.
Eens we de lay out hebben gedownload definiëren we onze site binnen Dreamweaver en openen de index.html van de gedownloade lay out. Op voorhand moet je even voor jezelf uitmaken welk gedeelte van de pagina voor de gehele website onveranderd blijft en welk gedeelte van de pagina steeds veranderlijk is. Van het gedeelte dat voor elke pagina anders is gaan we een ‘editable region’ aanmaken. Elke pagina die achteraf aangemaakt wordt op basis van deze template zal uit 2 delen bestaan, het gedeelte dat je steeds kan aanpassen en het gedeelte dat je niet kan veranderen( enkel nog in je hoofd template).
Je index.html staat nu open binnen Dreamweaver en we gaan naar File -> Save as Template en krijgen deze melding :
Het enige dat je hier best kan veranderen is de naam achter ‘Save as’. Ikzelf gebruik hier altijd ‘basis’ voor. We klikken op Save en Dreamweaver stelt de volgende vraag :
We klikken hier op ‘Ja’ en zien dat Dreamweaver een map ‘Templates’ heeft aangemaakt in de directory met daarin een pagina basis.dwt. Dwt betekent Dreamweaver Template. Zie je deze map niet, refresh dan even.
In deze basis.dwt die nu open staat selecteren we het main gedeelte, hier gaan we een editable region van maken. Dit kan ook een tabel zijn. Het selecteren van dite gedeelte doe je door op de rand van de div of tabel te klikken :
Eens we deze div of tabel hebben geselecteerd gaan we via het Dreamweaver menu naar Insert -> Template objects -> Editable region. We krijgen volgende melding te zien :
Achter ‘Name’ geven we deze editable region een naam, we kiezen hier voor ‘data’. Uiteraard kan je hier ook een naam naar eigen voorkeur ingeven. We klikken op OK, saven de basis.dwt file en zien een omranding rond de div of tabel met links vanboven een tab genaamd ‘data’ :
Uiteraard kan je meerdere editable regions aanmaken binnen één template. Geef ze dan telkens een andere naam.
De volgende stap is een belangrijke stap. Nu onze template klaar en aangemaakt is moeten we de index.html file deleten!
Nu je originele index.html file is gedelete gaan we deze opnieuw aanmaken maar via de aangemaakte template. Ga naar File -> New -> Page from Template en selecteer daar je lay out via de naam en klik op ‘Create’. Save deze pagina als index.html en maak zo alle pagina’s aan die je nodig hebt. Je zal zien dat je op deze pagina’s enkel een verandering kan aanbrengen op de plaats waar je een editable region hebt aangemaakt.
Hoe verander je nu iets aan deze template zodat dit effect heeft op alle aangemaakte pagina’s? In je directory heb je nog steeds de map ‘Templates’ staan met daarin de file basis.dwt. Open deze en breng een verandering aan in het menu. Ik verander bijvoorbeeld het woord 2-COLUMNS naar het woord CONTACT en save daarna deze basis.dwt file. Volgende melding krijg je te zien :
Hierin vraagt Dreamweaver of hij de verandering moet doorvoeren in de vernoemde files aangemaakt op basis van deze template. We klikken op Update en zien volgende melding verschijnen :
Als je veel pagina’s hebt aangemaakt zie dit venster ze allemaal overlopen, we wachten tot we ‘Close’ aanklikbaar zien worden. We klikken hierop en alle veranderingen zijn nu doorgevoerd.
Het is mogelijk om meerdere templates aan te maken binnen één site. Let dan wel goed op dat je ze een verschillende benaming geeft. Een volgend aangemaakte template binnen dezelfde site zal zich eveneens bevinden in de map ‘Templates’. Ook is het heel belangrijk dat je de map ‘Templates’ NIET mee uploadt naar je server.
Toch handig zo’n template, niet?
Nog vragen? Bezoek het forum...
:
Indien je het nuttig vond mag je altijd een bericht achterlaten of u inschrijven op onze nieuwsbrief om altijd op de hoogte te blijven.
Comments
[...] van elke pagina dien je deze overal in te copiëren. Voor degene die gebruik gemaakt hebben van een template binnen Dreamweaver moeten deze code enkel éénmaal plakken in hun .dwt file, alle andere pagina’s worden dan [...]
Dit is echt een super tip, DANKJEWEL, heb alleen een probleempje, ik heb een vak aan de rechter kant wat mijn index is, ik wil graag dat deze meegroeit met de site en aan de footer blijft plakken als het ware. Want als ik meer tekst in mijn tekstvak met de hoofdinhoud doe, dan word dat vak groten alleen de index niet. Nu moet ik dus telkens enter drukken in die index zodat ie weer vast zit aan de footer… als je snapt wat ik bedoel mail me dan alsjeblieft op BlastedS at hotmail dot com
Dankjewel alvast =)
Hallo Marvin,
Kan je even een link achterlaten zodat ik het kan zien? Zo begrijp ik het niet helemaal… 
Indien je de link liever niet achterlaat of het nog niet online staat kan je me een mailtje sturen met de link of het bestand in bijlage.
Je kan me mailen op info at webtutorials dot be.
Ps : Heb even je mail adres aangepast hierboven. Anders heb je binnen de kortste keren een hoop spam in je mailbox.
Oke ik ben nu gewoon met een nieuwe template begonnen, hoe krijg ik alleen een tekstvak, ik heb namenlijk zegmaar een zwarte achtergrond, wil hier een wit tekstvak in plaatsen met updates en info en datum enzo, met andere woorden, gewoon met tekst 
Ik ben (voor mn opleiding) bezig met een website waarbij elke pagina een andere lay-out heeft op de menubalk aan de bovenkant van de site en de achtegrond na, deze blijven wel steeds hetzelfde.
Ik moet ook met tabbellen en genestetabellen werken. Een tabel als basis met geneste tabbellen (waarschijnlijk) voor het menu.
Mijn vraag is of je in een template een blanco bewerkbaargebied kan aanmaken dat je elke keer opnieuw kan opdelen (in tabel vorm) om teksten en foto’s te kunnen plaatsen?
p.s. mocht het helpen om de lay-out van de site te zien kan ik een foto online plaatsen.
Alvast bedankt!
Hallo Jorebo,
Ja, dat is inderdaad mogelijk. Het blanco bewerkbaar gebied, dat jij vermeldt, is dan een editable region. Daarin kan je doen wat je wil. Tekst schrijven, opnieuw tabellen plaatsen, enz…
Ook is het mogelijk om meerdere editable regions te maken op 1 pagina.
Zoals ik je uitleg begrijp is je opzet mogelijk.
Als je nog vragen hebt hoor ik het wel.
Groetjes
Cicco
Dag Cicco,
Bedankt voor je snelle reactie!
Ik kan nu weer verder met mn website. Mocht ik nog iets tegen komen dan hoor je het wel.
Groetjes van Jorebo.
Hallo!
Ik heb een vraag over het maken van de template.
Ik zou graag willen dat bij het klikken van de een naar de ander pagina binnen de site dat de randen (boven en rechts) blijven staan, en dat alleen het bewerkbare gebied
veranderd. Doe je zoiets ook via het maken van een template?
Verder is de tekst die ik in het bewerkbaargebied plaats te oomvangrijk, hoe kan ik mensen hierdoor heen laten scrollen?
Alvast bedankt!!
hj
Hallo Hessie,
Vraag 1 : Ja dat is mogelijk. Als je je layout opslaat als template kan je een editable region maken. De editable region is veranderlijk, al de rest niet. Voor jou vraag moet je dus alles behalve boven en rechts editable maken.
Vraag 2 : Hiervoor vind je de oplossing in deze topic op’t forum -> http://forum.webtutorials.be/index.php/topic,3.0.html
Kan je hier verder mee?
Groetjes
Cicco
Dag,
Ik heb in dreamweaver een template van een template gemaakt maar hij wil de pagina’s niet aanpassen die ik op deze laatste heb gemaakt. Dus als ik de template van de template wijzig, volgen de pagina’s die hierop gemaakt zijn niet?
Wel als ik de oorspronkelijke template wijzig.
Hoe zou dat komen?
vr gr
i claes
Hallo ilse,
Mag ik vragen wat de bedoeling is van een template te maken van een andere template?
Als je een tweede template wil maken omdat deze een andere layout heeft binnen dezelfde website maak je gewoon een tweede template aan van een losse pagina, niet van een template.
Een template maak je enkel van een losse pagina, zoveel verschillende als je wil en deze komen allemaal terecht in de map ‘Templates’. Geef ze allemaal een verschillende naam, dit is heel belangrijk.
Groetjes
Cicco
Ik heb een index template met een navigatie.
Zie hier onder
Voorbeeld Navigatie:
Home | 1 | 2 | 3
Als ik bijvoorbeeld naar 1 ga, dan heeft die een subnavigatie.
dus ik wil voor 1 ook een template aanmaken.
maar dan heb ik een probleem dat template 1 niet meer naar template home luistert
Hoe kan ik dit oplossen?
Groetjes Suzanne
Sorry ik weet het al,
Je moet een template aanmaken via index.dwt
en ik had via idex.html gedaan
Groetjes Suzanne
Suzanne,
Even voor de zekerheid…
Een pagina aanmaken op basis van een Template doe je via : File -> New -> Page from Template.
Groetjes
Cicco
SORRY het lukt toch niet.
Kan iemand me helpen??
Ik heb nu via index.dwt een andere template gemaakt, en als ik daar iets verander gebeurt er niks met de subnavigatie, waarbij ik een html bestand heb gemaakt.
Suzanne,
Even overlopen…
Je maakt een layout aan. Als deze af is doe je het volgende :
- Save as template
- Editable region(s) aanmaken
- Originele index.html verwijderen
- Indien je meerdere templates wil overloop je telkens weer bovenstaand proces. Geef ze telkens een andere naam!
- Pagina’s aanmaken via File -> New -> Page from Template.
- Template aanpassen doe je via de .dwt file. Dreamweaver vraagt om te bevestigen, doe dat.
Als je bovenstaande correct overloopt werkt het. Laat even weten vanaf waar het misloopt…
Groetjes
Cicco
Ja dat lukt me allemaal wel, want ik heb dan een index.dtw gemaakt en de daarbij horende html pagina’s.
ik heb dus een index.dtw
de pagina’s die alles opvolgen wat ik in idex.dwt wijzig zijn:
1.html
2.html
3.html
bij bv 3.html heb ik een subnavigatie.
3.1html
3.2html
3.3html
Ik wil dus bij 3.html ook een template aanmaken, zodat
3.1 / 3.2 / 3.3 naar 3.dwt luisteren en niet naar index.dwt
Snap je het nog een beetje? ik weet niet hoe ik het anders moet uitleggen!!
Groetjes Suzanne
Suzanne,
Als je van 3.html een template wil maken mag je dat niet doen van een pagina die aangemaakt is op basis van een andere template.
Het beste dat je dan kan doen is :
- Open 3.html(degene die je nu hebt).
- Ga naar Modify -> Templates -> Detach from template(hiermee koppel je de pagina los van de template.
- Nu 3.html is losgekoppeld kan je hier een nieuwe template van maken. Volgens het normale proces.
- Vergeet niet 3.html te verwijderen en opnieuw aan te maken via de nieuwe template.
Geef de nieuwe template een andere naam dan je eerste template. Je zal zien dat je nu 2 .dwt files hebt in de map ‘Templates’.
Is dit een oplossing voor je probleem?
Groetjes
Cicco
Ja, ook voor mij is dit een gedeeltelijke oplossing. Met template van een template bedoel ik inderdaad een subtemplate of een subnavigatie zoals Suzanne zegt.
Maar ik zou willen dat 3.html zowel luistert naar index.dwt en naar 3.dwt? Hoe doe je dat
Ik heb bijvoorbeeld de basistemplate (basis.dwt) met daarop links naar 3 hoofdcategorieën.
Elk van de 3 hoofdcategoriën (cat01, cat02 en cat03) heeft op zich verschillende links naar een stuk of 10 subcategorieën en ik wil dat alles aan alles hangt. Dus als ik de basis.dwt verander moet alles mee veranderen, maar als ik bijvoorbeeld alleen cat01.dwt verander moeten alleen die pagina’s veranderen die met cat01.dwt gemaakt zijn.
Gaat dat in dreamweaver?
vr gr
Ilse Claes
Hallo ilse,
Dit is niet mogelijk… Een pagina is aangemaakt op basis van 1 template en luistert ook maar naar 1 template.
Groetjes
Cicco
He,
Alles leuk en aardig die templates en ik werk er al een poosje mee. Nu heb ik er een gemaakt, maar als ik andere pagina’s uit deze template maak heb ik in die pagina’s ineens geen achtergrond en missen er meer plaatjes.
Weet iemand hier een oplossing voor?
bedankt.
Hallo Bart,
Dit kan meerdere oorzaken hebben.
- De Template is verkeerd aangemaakt.
- De paden naar de plaatjes zijn niet goed gelinkt.
- De site is verkeerd gedifinieerd
- …
Heb je de url al eens nagekeken naar de beteffende plaatjes?
Groetjes
Cicco
Ik heb in dreamweaver een website gemaakt met layers die op het scherm gecentreerd worden weergegeven.
Geen probleem in firefox en internet_explorer_7 maar wel in internet_explorer_6. Daar verspringt de hele boel en lijkt het een zootje ongeregeld.
Is hier een oplossing voor? betreft de website : http://www.ka-mol.be
Hallo ilse,
Ik zie dat je dubbele CSS hebt staan… Zowel in de head van je pagina als in je syle sheet opmaak.css
Kan je deze eerst eens op 1 plaats samen brengen en de dubbele eruit halen? Niet dat dit dadelijk het probleem gaat oplossen maar dit werkt makkelijker, ook om het probleem op te lossen.
Groetjes
Cicco
Dag Cicco,
en wat doe ik dan best?
alles in de head?
of alles in de style-sheet opmaak.css?
Wat ik persoonlijk zou doen?
Ik zou de lichtgrijze tekst uit de head (html-code) gewoon deleten. En enkel met opmaak.css verder werken. Kan dat zomaar?
vr gr
ilse
ps : bedankt alvast voor je hulp
Ja inderdaad dat lijkt me ook de beste oplossing. Gewoon alles in opmaak.css zetten. En de dubbele eruit halen.
Groetjes
Cicco
Hoi Cicco, ik heb een hersenbreker (voor mij althans)… Heb een template aangemaakt, en daar de site mee gebouwd. Nu denk ik dat ik in de eerste instantie de height van de template te hoog heb gezet, waardoor de pagina’s met minder informatie een heel leeg vlak onder vertonen. Het lukt mij niet om het via de template te veranderen, en zoals het hoort, kan ik het ook niet via de desbetreffende pagina’s veranderen, want dat mag niet volgens mijn template. Ik zou graag zien dat bv de hoogte op 100% wordt gezet, of dit probleem via een ander oplossing wordt opgelost. Heb jij enig idee hoe ik dit moet doen?
Groetjes Sabrina.
Hallo Sabrina,
Lijkt me dat je gewoon de height van de betreffende tabel moet verwijderen. En dat doe je in de .dwt file.
Dit lijkt me de meest logische oplossing voor zover ik je uitleg begrijp en niet kan zien
Groetjes
Cicco
Beste Cicco,
Ik wou dat ik deze tutorial een maand eerder had gevonden! Dat had me toch een pak werk gescheeld… Maar goed, beter laat dan nooit Ik heb wel een vraagje: ik heb de index.html van een website gebruikt om een sjabloon op te baseren. De foto linksboven en een tekstveld kan ik nu wijzigen. Als ik echter een veel kleinere (lees smallere) tekst wil plaatsen, verandert de grootte van het tekstveld en schuift alles naar links, terwijl ik het over de hele breedte wil hebben. Heb ik het verkeerde deel bewerkbaar gemaakt? Het was oorspronkelijk een td-element.
Hartelijke groet,
Kiki Baaijens
Hallo Kiki,
Het één heeft niks met het andere te maken volgens mij… Een editable region gaat niets aan de structuur van je tabel veranderen.
Zoals ik je begrijp moet je de oorzaak gaan zoeken bij de opmaak van de genoemde tabel of cel. Waarschijnlijk heeft deze geen breedte? Of een variabele breedte?
Moest je de oorzaak niet vinden kan je altijd een link achterlaten hier naar de pagina.
Groetjes
Cicco
Beste Cicco,
Wat ben jij snel! Fijn Ik kom er toch niet uit, ik wil een sjabloon maken op basis van deze pagina: http://www.campingdestins.nl/ Als ik vervolgens de inhoud van de pagina Contact in het gemaakte sjabloon plak, verschuift alles. Zo te zien heeft de cel geen hoogte, maar ik kom er niet helemaal uit waar ik dat precies moet aanpassen… Een beginner, jawel!
Groetjes,
Kiki
Kiki,
Als ik jou pagina niet zie weet ik ook niet wat er misloopt
Kan je uw pagina ook online zetten? Zo kan ik zien wat er mis is…
Groetjes
Cicco
Ik heb hetzelfde probleem als Bart, alleen is daar nooit meer een reactie op gekomen.
Ik heb in m’n template 2 achtergrondplaatjes en dat werkt in eerste instantie prima, maar als ik de pagina’s bekijk op internet doet alleen de pagina waar ik mee open het incl plaatjes, als ik doorklik naar de andere pagina’s hebben die de plaatjes niet meer. Soms doen die doorklikpagina’s het zelfs helemaal niet meer.
Ben ook een beginnende Dreamweaver, hopelijk kan iemand me helpen?
Groetjes Josien
Beste Cicco,
Ik heb de pagina’s nu staan onder http://www.campingdestins.nl/test. Alleen de pagina’s Home, Omgeving en Contact werken, de rest niet. Dat het plaatje linksboven niet werkt, is geen ramp, het gaat me nu alleen om de breedte van de tekst bij Contact, die ik graag even breed wil hebben als bij Home.
Groetjes,
Kiki
Kiki,
De contactgegevens staan links uitgelijnd… Dat kan je zien in de code : align=”left”
Verander deze naar align=”center” en het zal dezelfde uitlijning krijgen als de originele contactpagina.
Groetjes
Cicco
Hallo Josien,
Zonder een voorbeeld te zien kan ik niet weten wat er mis kan zijn. Kan hierbij enkel dezelfde opmerkingen geven als bij Bart :
- De Template is verkeerd aangemaakt.
- De paden naar de plaatjes zijn niet goed gelinkt.
- De site is verkeerd gedifinieerd
- …
Ik hoop dat je geen template van een template hebt gemaakt? Want dan loopt het inderdaad compleet mis.
Laat maar een linkje achter als het online staat, dat werkt beter om het probleem te zien.
Groetjes
Cicco
Hoi Cicco,
Als ik de align-tag binnen het editable deel plaats, krijg ik een goed eindresultaat, maar kan ik helemaal niets meer zien in de Ontwerp-look in Dreamweaver. Vreemd… Zou je nog een blik willen werpen op de Contact-pagina?
Dank,
groetjes,
Kiki
Kiki,
Vreemde kronkelingen Hoezo je ziet niets meer in Dreamweaver? Alles helemaal verdwenen??
Best dat je de site even inpakt en mij door mailt… Denk dat het dan rapper in orde komt. Vanavond stuur ik het je dan terug.
Groetjes
Cicco
Hoi Cicco,
bedankt voor je snelle reactie.
De site staat helaas nog niet online. Kan dat ook nog iets uitmaken?
Ik heb een bestaande template gedownload en die dan aangepast. Vervolgens pagina’s aangemaakt New from Template. Dus dat is volgens mij goed. Heb je er iets aan als ik een deel van de codering doorstuur?
Paden naar de plaatjes staan bij ‘Relative to:’ op ‘Document’, ik heb al geprobeerd of het iets uitmaakt om die op ‘Site root’ te zetten maar dat maakt niks uit.
Soms doen ze het overigens wel allemaal opeens, heb ik dat. Maar het klopt dan toch niet dat ze het soms wel en soms niet allemaal doen.
Groetjes Josien
Nee dat kan nog niet, maak m namelijk voor een bedrijf en hij mag pas online als alles klaar en goedgekeurd is…
Gr Josien
Josien,
Stuur alles maar eens door… Vanavond bekijk ik het eens en laat ik je wat weten.
Groetjes
Cicco
Cicco, waar zal ik het naar toe sturen?
Alvast bedankt he! Ik krijg overigens ook opeens weer streepjes onder m’n links terwijl dat eerst niet was. Zal wel iets goed fout zitten…
Gr Josien
Hoi Cicco,
Interessant artikel! Het werkt bij mij. Zit nu alleen met het volgend probleem: de achtergrond van de geselecteerde navigatielink wil ik rood hebben. Dit is gedefinieerd in de css en het wordt aangeroepen via in het html bestand. Maar..die bevindt zich in de editable region en verandert dus weer terug als ik de template aanpas. Hoe kan ik ervoor zorgen dat dit niet gebeurt?
Groeten Jaap
vorige is niet compleet..
Hoi Cicco,
Interessant artikel! Het werkt bij mij. Zit nu alleen met het volgend probleem: de achtergrond van de geselecteerde navigatielink wil ik rood hebben. Dit is gedefinieerd in de css en het wordt aangeroepen via li id=”huidig” in het html bestand. Maar..die bevindt zich in de editable region en verandert dus weer terug als ik de template aanpas. Hoe kan ik ervoor zorgen dat dit niet gebeurt?
Groeten Jaap
Hallo Jaap,
Als hij in een editable region staat update deze normaal gezien niet. Zeker dat het menu in een editable region staat?
Groetjes
Cicco
Onee geintje,
Het menu staat juist niet in een editable region. Anders veranderd het menu idd niet. Hoe kan ik ervoor zorgen dat die id=”huidig” voor elke pagina anders is? En dat dit niet weer terug veranderd als ik de template aanpas?
Groeten,
Jaap
Hallo Jaap,
Dat zal inderdaad niet lukken als je menu vast ligt in een none-editable region.
De enige oplossing hiervoor is om met PHP te werken en een ‘if else’ loop te gebruiken. Maar dit is al meer gevorderd…
Zal in de loop van de dag eens opzoeken of hier geen andere oplossing voor is.
Groetjes
Cicco
Oke, wel vreemd dat dreamweaver dit niet ondersteunt. Het moet logisch zijn dat op elke regel een uitzondering geldt..
maar het zou fijn zijn als er nog een andere oplossing is, en anders maar via PHP.
Hoi,
Hoe zou je zoiets in PHP kunnen maken dat als de homepage geladen is de navigatielink: ‘home’ gemarkeerd wordt?
Gr Jaap
Hallo jaap,
Sorry voor het late antwoord maar het zijn drukke tijden…
Was jou probleem niet vergeten en heb wat rondgezocht om dit via DW op te lossen maar niks gevonden op het internet. Tot ik een ingeving kreeg… Eigenlijk heel simpel en logisch.
Heb het zelf in DW uitgeprobeerd en bij mij werkt het goed. Zal het stapsgewijs uitleggen :
- Geef alle menu items een lege class bv. class=”"
- Zet daarna in de code elk menu item in een editable region
- Geef elke editable region een andere naam
- Op de pagina waar je nu een class wil op toepassen kan je gewoon de lege class invullen en deze vormgeven in je CSS.
Works like a charm…
Laat me weten of het lukt!
Groetjes
Cicco
Jaap… Was te snel. Na verder experimenteren zie ik dat het menu niet meer goed werkt bij deze toepassing. Jammer!
Voor de PHP oplossing moet je de pagina in een GET opvangen en daarna met een if else lus werken. Ken je iets van PHP?
Groetjes
Cicco
Ja ik heb wel basiskennis van PHP, heb nu de header,navigatie en de footer extern in een php bestand gezet. Dit werkt nog sneller dan een dreamweaver template (mijn ervaring althans). Maar ik ben er nog niet uit hoe ik een pagina moet opvangen in een GET en vervolgens hier een actie mee uit te voeren via een if else lus.. heb je hier een voorbeeld van?
Groeten Jaap
Ok… nu je niet meer met een Dreamweaver Template werk is de mogelijk om dit te verwezenlijken groter. Er zijn 2 mogelijkheden om nu met classes te werken in je menu. Lees deze topic eens door :
http://css-tricks.com/id-your-body-for-greater-css-control-and-specificity/
De tweede optie wordt helemaal onderaan de post vermeld.
Groetjes
Cicco
Hi Cicco,
daar ben ik weer eens…
Ik heb weer een vraag dus hopelijk kun je me weer helpen. Ik heb dus een site op basis van templates. Nu heb ik een nieuwe computer dus het hele mapje met de site daar naar toe gekopieerd. Het probleem is nu, dat de templates sindsdien niet meer gekoppeld zijn aan de afzonderlijke pagina’s. Terwijl in de codering van de pagina’s nog wel wordt verwezen naar de template. Verder is alles wel goed.
Weet je de oplossing hiervoor?
Groeten Josien
Hallo Josien,
Als je de volledige map kopieert, je behoudt dezelfde map namen en je site is op dezelfde manier gedefinieerd moet het werken.
Ergens heb je bij één van deze stappen iets over het hoofd gezien of verkeerd gedaan.
Groetjes
Cicco
Ik heb een navigatie ingevoegd in een sjabloon (op tabellen gebaseerd, en niet in frames). Binnen die navigatie aangegeven dat er verschillende knoppen getoond moeten worden bij omhoog, boven, omlaag/boventerwijlomlaag. Omhoog en boven werkt prima. Omlaag toont heel kort en zodra de betreffende pagina geopend is dan staan alle knoppen weer omhoog. Lijkt mij een gevolg ervan dat ik de navigatie in het sjabloon heb opgenomen.
Maar… hoe kan ik het nu opzetten dat ik niet op iedere pagina opnieuw een navigatiebalk (in een leeg bewerkbaar gedeelte van het sjabloon) moet invoegen? Ik wil dus gewoon 1x een navigatie opzetten en kunnen bewerken zonder iedere pagina handmatig te hoeven wijzigen, en die moet op iedere pagina correct werken, dus ook bij omlaag/boventerwijlomlaag?
Hallo Caroline,
Je moet enkel het menu NIET in een editable region zetten. Editable regions aanmaken verandert niets aan de layout van je pagina.
Als je dus je menu niet in een editable region zet moet je deze maar 1 maal aanpassen in de .dwt file en alle bijbehorende pagina’s worden automatisch aangepast.
Groetjes
Cicco
Hallo Cicco,
Allereerst: dank voor de snelle reactie!
Het menu staat niet in een editable region, doch eenvoudigweg in het sjabloon. Ik moet zeggen dat ik, omdat ik het bovenvermelde probleem tegenkwam, heb ik het later in een editable region gezet om te zien of dat het probleem oploste: nee dus.
Het menu werkt prima, alleen niet bij boventerwijlomlaag. Met andere woorden: als de pagina waarna een knop verwijst actief is (aangeklikt is en in de browser getoond wordt), dan staat daar niet de knop boventerwijlomlaag van de betreffende pagina maar gewoon de knop die hoort bij omhoog. Ik heb aparte .jpg bestandjes voor de verschillende knoppen van de navigatiebalkelementen, e.e.a. is ook correct aangegeven en werkt ook bij alles behalve bij boventerwijlomlaag.
Ook kwam ik het volgende tegen: als ik aangeef dat de knop van de indexpagina bij het openen van deze website als eerste “afbeelding omlaag” getoond moet worden, dan blijft dat zo ook na het openen van andere pagina’s in dat web.
Het lijkt er een beetje op dat een dergelijk navigatiemenu m.b.t. het tonen boventerwijlomlaag alleen goed werkt in frames (of apart ingevoegd in iedere pagina) en niet in een sjabloon? Ik zou het toch graag willen oplossen zonder dat ik bij iedere pagina apart een navigatiemenu moet invoegen, zou toch moeten kunnen lijkt mij?
Hallo,
Kan iemand mij helpen met het doorvoeren van de wijzigingen naar de bestanden?
Ik krijg netjes een lijst met bewerken, maar hij zegt 0 bestanden bijgewerkt. Wel 12 onderzocht. Je ziet ook de lijst verschijnen in het kader. Ik heb ook netjes 2 menu’s als sjabloon opgeslagen(editable regions)die ten tijde wel eens aangevuld moeten worden met linkjes van klanten, en alles 3 keer stap voor stap zoals hierboven beschreven opgebouwd. Gek dat hij de bestanden (html) wel ziet, maar de tekst veranderd niet…Basis heb ik het genoemd, net als in het voorbeeld.
Groetjes,
Max
C:\Documents and Settings\Max\Mijn documenten\Mijn websites\mijn site2\
bijwerkenGereed.
bestanden onderzocht: 3
bestanden bijgewerkt: 0
bestanden die niet konden worden bijgewerkt: 0
totale tijd: (0:00:00)
Eerste keer wel bijgewerkt, maar zag niks doorgevoerd, nu werkt hij niet bij. Alles 5 keer stap voor stap gedaan volgens boven 
Help!
Max,
Ik lees dat je zegt : “Ik heb ook netjes 2 menu’s als sjabloon opgeslagen(editable regions)die ten tijde wel eens aangevuld moeten worden met linkjes van klanten”
Je weet toch dat hetgeen dat moet geupdate worden NIET in een editable region moet staan?
Groetjes
Cicco
Erg handig dit, heb er veel aan gehad en waardeer het erg. Ga vooral zo door mensen en mijn complimenten! 
Ik ben een template aan het maken waarin het navigiatie-menu niet editable moet zijn want ik moet regelmatig knoppen verwijderen/toevoegen.
Echter…ik wil per pagina de button markeren met een:
class=selected. Die staan dus bij de menu-items en díe kan ik dus niet veranderen omdat dat gedeelte niet editable is.
Iemand een idee hoe ik dat op kan lossen;
bron:
Historie
css: .arrowgreen li a.selected
eigenschappen css: 100% -64px.
Het enige wat ik dus wil is van iedere pagina die aan de template hangt…de class veranderen in het navmenu..
Hoop op een antwoord!!
Tuurlijk krijg je een antwoord…
Je redenering is verkeerd. Je menu moet editable zijn, dus plaats je het in een editable region. Jou menu staat in een niet-editable gedeelte… Aan je omschrijving te lezen.
Groetjes
Cicco
Cicco,dank voor je reactie!
heb ik ook al eens geprobeerd(dacht ik) maar dan voert
de .dwt de veranderingen toch niet door als ik
menu-knoppen toevoeg of verwijder?
Pieter,
Ja inderdaad… Dit is ook de bedoeling van een template.
Editable regions : Een bewerkbaar deel in je template welke je per aangemaakte pagina anders kan indelen. En dus bijgevolg NIET update na een verandering
Niet-editable region : Een deel in je template welke op alle pagina’s hetzelfde blijft en welke WEL upgedate wordt na een verandering in de .dwt file.
Groetjes
Cicco
Cicco,
duidelijk en ik was er al bang voor.
Heb jij een andere oplossing hiervoor?
dus dat ik per pagina in het “niet editable” (menu)
gedeelte toch
een “class= selected” per knop toe kan voegen.
Dus wanneer iemand de contactpagina heeft, dat dat ook
nog een bij de knoppen zichtbaar is??
css??…zo ja hoe?
hoop dat je begrijpt wat ik bedoel…
alvast dank, Pieter
Ik vrees ervoor dat dit gaat met een Dreamweaver Template. Je kan dit oplossen door je menu in een apart bestand te zetten en in te voegen met een PHP include. Daarna met de juiste CSS en classes deze wensen toepassen.
Als je iets naar boven scrollt zie je een communicatie tussen mij en Jaap waar dit ook aangehaald wordt. Er staat ook een link bij met een duidelijke uitleg hierover.
Hopelijk ben je er iets mee…
Groetjes
Cicco
Die vrees had ik ook, ik ga het php incl zeker eens bestuderen en kan ik later nog altijd toeoegen. Het is niet zo belangrijk maar als er iets in mijn hoofd zit, wil ik dat ook op het scherm zien:-)))
Dank en groeten,
Pieter
Ik heb een vreemd probleem (denk ik), waarschijnlijk maak ik een denkfout maar wellicht dat iemand me uit de droom kan helpen. Ik heb een website waarvan de pagina’s grotendeels afhankelijk zijn van een sjabloon (template). Ik ga er nu van uit dat als ik iets wijzig in de sjabloon en vervolgens de sjabloon upload alle afhankelijke pagina’s zijn aangepast, ander foto’tje in de sjabloon, alle pagina’s dus ander foto’tje. Maar dat gebeurt dus niet! Wel op de lokale PC maar niet op de server. Het is nog vreemder: als ik de sjabloon verwijder (in de map templates) verandert er helemaal niets aan de pagina’s op de server. Dat kan toch niet de bedoeling zijn…….
Volgens mij moet je de afzonderlijke pagina’s uploaden na de verandering en niet de template..
Want de veranderingen zijn uiteindelijk in de afzonderlijke pagina’s veranderd.
succes, pieter
Hallo
Is het mogelijk om van een hele cel een editeerbare zone te maken of kan dit enkel op losse elementen zijnde foto’s en tekst?
Ik wil een cel op sommige pagina’s een andere kleur geven, maar blijkbaar kan ik deze in mijn template niet geheel editeerbaar maken.
Kan iemand mij helpen?
groeten
Katrijn
Hallo Katrijn,
Dit is perfect mogelijk… Klik gewoon de gewenste cel aan welke je editable wil hebben. Moest dit niet lukken om deze aangeklikt te krijgen kan je ook gewoon de desbetreffende code selecteren in ‘Code View’.
Groetjes
Cicco
Hallo
Ik heb een template gemaakt, maar ik heb overal editable regions toegepast omdat ik toen niet wist voor wat dit diende. Nu ik dit gelezen heb weet ik het wel. Bedankt hiervoor!
Maar ik heb nu mijn template en onderaan staat mijn © en het jaartal 2008. Nu wil ik dat graag veranderen zodat het op al mijn pagina’s verandert. Maar wat moet ik nu doen om te veranderen naar een niet-editable region? Lukt dit nog? En wat kiezen we als niet-editable region (optional region, repeating region,…)?
Bedankt!
Je moet de “Tag” Editable Region verwijderen. Volgens mij doe je dat door met je rechter muisknop het kleine tabje aan te klikken(in de “.dwt”) van “editable region” en dan zie je ergens dat je die tag kan verwijderen…ff uit mijn hoofd.
succes pieter
Bedankt Pieter!
Het is nu wel gelukt! Maar ik heb nu een ander probleem gemaakt :s
Ik heb die editable region verwijderd en ik heb mijn template bewaard en geüpdatet, maar toen vroeg hij om die editable region ergens anders te plaatsen en ik moet waarschijnlijk aangeduid hebben dat die bovenaan moest staan, maar zonder dat ik dat beseft heb. Nu staat die op al mijn pagina’s bovenaan en ik krijg die niet meer weg. Kan iemand mij helpen ?
Nog even terugkomend op het upload probleem. Het is toch erg jammer dat DW niet de gewijzigde pagina’s upload zoals bij een “gewone” pagina. Daar kun je kiezen voor afhankelijke pagina’s (en afbeeldingen etc) ook uploaden. Dat gaat netjes. Maar als je de template wijzigt worden alleen de lokale files aangepast en lokaal opgeslagen. Bij mij zijn er plm 800 pagina’s gelinkt aan die ene template. Synchroniseren is geen optie.
Groeten en een voorspoedig 2009 gewenst,
Ger
nog een reactie op Jens, een .dwt kun je dacht ik altijd wijzigen, ik zou ff alle “editable” regions verwijderen en daarna weer met een schone lei beginnen en regions toevoegen.
succes
Pieter
Dus Pieter, als ik het goed begrijp zou jij alles verwijderen, incluis alle aangemaakte pagina’s en de template en helemaal opnieuw beginnen?
Je hoeft(moet) alleen het .dwt bestan te veranderen. Alle daaraan gekoppelde pagina’s werkt ie dan automatisch bij.
Ik zou, als ik je zo hoor, even alle “regions” in de .dwt verwijderen. Daarna de goede weer aanbrengen en die werken automatisch door op alle daaraan gekoppelde pagina’s.
succes,
Pieter
Hallo Cicco
Ik heb vorig jaar aan de hand van jouw tutorial mijn website vernieuwd.
Dit ging perfect en geen problemen ondervonden.
Nu wil ik wat in de basis.dwt veranderen en krijg ik foutmeldingen en op mijn htm pagina’s worden de achtergronden wit.
Fout op regel 130, kolom 8 (absolute positie 8223)in
“B:\…….” ongebalanceerde tag body
En dit staat aan het einde
Ik kan daar geen fouten in vinden
In een oudere backup stond dit ook en toen had ik geen fouten.
Heb je enig idee waar ik het zoeken moet?
Hallo.. ik heb sinds kort het beheer van de website van onze kerk op me gekregen. http://www.cgdewingerd.nl
De site is gemaakt met dreamweaver, en het is nu een behoorlijk saaie simpele site.
Ik wil dolgraag het layout veranderen, maar ik weet simpel weg niet hoe, en ik kan er ergens online ook niet achter komen.
Ik zou graag zo’n layout willen als te vinden is op de site die hierboven genoemd word (styleshout)
Maar hier word gesproken over templates en zaken en ik weet niet wat het is.. de instructie hierboven heb ik meerdere malen uitgevoerd maar er veranderd niks.
Ik weet dus ook niet echt wat ik uberhaupt doe.
kortom: ik wil graag een compleet nieuwe layout, maar hoe zet ik deze online en zo dat het toegepast op elke pagina??
Zou graag hulp ontvangen.
Groetjes!
Hallo Erika,
Heb de site bekeken.
Een nieuwe site maken kan ik in deze reactie uiteraard niet helemaal kwijt.
Ik zou als ik jou was het volgende stappen doen…
-De huidige site bestuderen zodat je wat kennis opdoet en kijkt hoe de site in elkaar zit.
-Je opent de site in Dreamweaver en je gaat stapsgewijs een wat veranderen, wel wetende wat je wil.
-online zetten gaat met een ftp programma en dat zit in Dreamweaver.
-inloggegevens van je host moet je wel weten.
als je iets wil weten mail me maar en ik kan je proberen te helpen…spderks@zonnet.nl
[...] is er pas een tutorial geweest over het aanmaken van een Template binnen Dreamweaver en denk je waarschijnlijk, is dit niet hetzelfde? Ja en neen, stel je hebt een template aangemaakt [...]