Inhoudsopgave:
Video: 300k Q&A + HUGE giveaway (Closed)! 2024
Veel webontwerpprogramma's zijn trots op hun HTML-sjablonen. Wat ze echt bedoelen is dat ze een aantal kant-en-klare paginaontwerpen met het programma bevatten. Dreamweaver neemt dit concept enkele stappen verder door functies voor sjabloonontwerp te bieden waarmee u het basisontwerp van een pagina kunt maken en vervolgens kunt bepalen welke secties wel en niet kunnen worden gewijzigd. Dit is een waardevolle functie als u werkt met een team van ontwikkelaars met verschillende vaardigheidsniveaus. Als u bijvoorbeeld een site voor een onroerendgoedbedrijf bouwt en u de werknemers de verkoopvermeldingen wilt laten bijwerken zonder het paginaontwerp te verknoeien, kan een sjabloon de perfecte oplossing zijn.
Sjablonen kunnen het beste worden gebruikt wanneer u een aantal pagina's maakt met bepaalde kenmerken, zoals achtergrondkleur of navigatie-elementen. In plaats van de juiste eigenschappen in te stellen voor elke nieuwe pagina of dezelfde wijzigingen op pagina na pagina weer te geven, kunt u een sjabloon gebruiken om meerdere pagina's in één keer te wijzigen.
Trouw blijven aan uw sjabloon
Een van de grote voordelen van het gebruik van de Dreamweaver-sjabloonfunctie is dat u kunt specificeren welke delen van de sjabloon kunnen worden gewijzigd. Dit is vooral handig als u werkt met mensen met verschillende vaardigheidsniveaus in HTML en u wilt dat een meer geavanceerde ontwerper een pagina maakt die een minder ervaren persoon later niet kan verknoeien. Met dat doel in gedachten heeft een sjabloon bewerkbare regio's en vergrendelde (niet-bewerkbare) regio's. Gebruik bewerkbare regio's voor inhoud die wordt gewijzigd, zoals een productbeschrijving. Gebruik vergrendelde gebieden voor statische, onveranderlijke inhoud, zoals een logo of sitenavigatie-elementen.
U kunt een sjabloon wijzigen, zelfs nadat u het hebt gebruikt om documenten te maken. Wanneer u vervolgens documenten bijwerkt die de sjabloon gebruiken, worden de niet-bewerkbare gedeelten van die documenten bijgewerkt om overeen te komen met de wijzigingen die u in de sjabloon hebt aangebracht.
Terwijl u de sjabloon zelf bewerkt, kunt u wijzigingen aanbrengen in elk deel van het bestand, of het nu de bewerkbare of vergrendelde gebieden zijn. Tijdens het bewerken van een document dat is gemaakt van een sjabloon, kunt u echter alleen wijzigingen aanbrengen in de bewerkbare gebieden van het document. Als u teruggaat en een sjabloon wijzigt nadat deze is gemaakt, geeft Dreamweaver u de mogelijkheid om die wijzigingen weer te geven op alle pagina's die u met die sjabloon hebt gemaakt of alleen op de pagina die u momenteel bewerkt.
Sjablonen maken
Een sjabloon maken is net zo eenvoudig als het maken van een ander bestand in Dreamweaver, zoals u in de volgende stappen kunt zien. U kunt beginnen met een bestaand HTML-document en het aanpassen aan uw behoeften, of u kunt een volledig nieuw document maken.Wanneer u een bestand opslaat als sjabloon, wordt het bestand automatisch opgeslagen in de map Sjablonen van de hoofdmap van de website. Sjablonen moeten in deze gemeenschappelijke map worden opgeslagen om de automatische functies in Dreamweaver goed te laten werken. Als u nog geen map Sjablonen op uw website hebt, maakt Dreamweaver er automatisch een wanneer u uw eerste sjabloon opslaat.
De sjabloonfuncties werken alleen als u uw website hebt gedefinieerd in Dreamweaver
Alle elementen in een sjabloon zijn standaard vergrendeld, behalve de documenttitelsectie die wordt aangegeven door de tags. (Het gedeelte met de documenttitel dat niet is vergrendeld, is een verbetering in Dreamweaver 4 - in Dreamweaver 3 kon het titelgebied niet worden bewerkt.). Om ervoor te zorgen dat de sjabloon van nut is voor het maken van nieuwe pagina's, moet u ook andere delen van de pagina bewerkbaar maken. Vergeet niet dat u altijd naar de sjabloon kunt terugkeren en meer gebieden bewerkbaar kunt maken of de mogelijkheid kunt verwijderen om bepaalde gebieden later te bewerken.
Ga als volgt te werk om een sjabloon met bewerkbare regio's te maken:
1. Kies Venster -> Sjablonen.
2. Klik in het deelvenster Sjablonen op de pijl in de rechterbovenhoek en kies Nieuwe sjabloon in het vervolgkeuzemenu dat wordt geopend.
Een nieuwe, naamloze sjabloon wordt toegevoegd aan de lijst met sjablonen in het paneel.
3. Terwijl de sjabloon nog steeds is geselecteerd, typt u een naam voor de sjabloon net zoals u een bestand in de Finder op een Mac of de Verkenner op een pc een naam zou geven.
De nieuwe sjabloon wordt toegevoegd aan de lijst Sjablonen voor site.
4. Nadat u de nieuwe sjabloon een naam hebt gegeven, dubbelklikt u op de naam om deze te openen.
De sjabloonpagina wordt in Dreamweaver geopend zoals elke andere HTML-pagina, behalve dat de bestandsnaam eindigt met de extensie. dwt.
U kunt deze pagina nu bewerken zoals elke andere HTML-pagina, waarbij u afbeeldingen, tekst, tabellen, enzovoort invoegt.
5. Kies Wijzigen -> Pagina-eigenschappen om achtergrond-, tekst- en koppelingskleuren op te geven.
Vervolgens plaats je tekst of afbeeldingen op de pagina als tijdelijke aanduiding voor informatie die je mogelijk in de toekomst wilt wijzigen.
6. Als u een afbeelding of tekstgebied bewerkbaar wilt maken, selecteert u de afbeelding of tekst en kiest u vervolgens Modify -> Templates -> New Editable Region. (De afbeelding of tekst die u als bewerkbaar selecteert, wordt een gebied dat op elke pagina kan worden gewijzigd die met de sjabloon is gemaakt Gebieden die u niet markeert als bewerkbaar, worden hersteld en kunnen alleen worden gewijzigd als u de sjabloon zelf wijzigt.)
Het dialoogvenster Nieuwe bewerkbare regio wordt geopend.
7. Typ in het tekstvak Naam een naam voor de bewerkbare regio.
De tekst of afbeelding wordt gemarkeerd in de sjabloon om aan te geven dat deze bewerkbaar is. Je kunt de regio een naam geven die je maar wilt, maar als je iets kiest dat overeenkomt met het type informatie dat je in de buurt wilt zetten, kun je het gemakkelijker onthouden.
8. Herhaal stap 6 en 7 om andere afbeeldingen of tekstgebieden bewerkbaar te maken.
9. Sla je sjabloon op en sluit het bestand als je klaar bent.
U kunt een hele tabel of een afzonderlijke tabelcel bewerkbaar maken, maar u kunt niet meerdere cellen in één keer bewerkbaar maken, tenzij u ze eerst hebt samengevoegd.U moet elke cel één voor één selecteren als u een aantal cellen in een tabel bewerkbaar wilt maken, maar andere niet. Lagen en laaginhoud worden ook behandeld als afzonderlijke elementen, maar beide kunnen worden gemarkeerd als bewerkbaar. Door een laag bewerkbaar te maken, kunt u de positie van die laag wijzigen. Het bewerkbaar maken van laaginhoud betekent dat u de inhoud van de laag, zoals de tekst of afbeelding in de laag, kunt wijzigen.