Hoe u een nieuwe Dreamweaver-sjabloon maakt - dummies

U maakt een nieuwe sjabloon in Dreamweaver door hetzelfde dialoogvenster Nieuw document te gebruiken dat u gebruikt om een ​​ander type pagina te maken. Ga als volgt te werk om een ​​Dreamweaver-sjabloon te maken:

1. Kies Bestand → Nieuw.

   Het dialoogvenster Nieuw document wordt geopend.

2. Klik in de lijst aan de linkerkant op de optie Blanco pagina.

   

3. Kies HTML-sjabloon in de lijst Paginatype.

4. Kies in het gebied Lay-out om een ​​lege pagina te maken of een vooraf gedefinieerde CSS-lay-out te selecteren.

   De vele CSS-lay-outopties van Dreamweaver bieden een geweldige voorsprong bij het maken van een nieuw paginaontwerp.

5. Klik op de knop Maken.

   Er wordt een nieuwe lege sjabloon gemaakt en geopend in het hoofdwerkgebied en het dialoogvenster Nieuw document wordt gesloten.

6. Kies Bestand → Opslaan.

   U krijgt een waarschuwing (als u deze niet hebt uitgeschakeld) en geeft aan dat de sjabloon geen bewerkbare regio's heeft en vraagt ​​of u deze echt wilt opslaan. Klik op OK om het waarschuwingsvenster te sluiten en door te gaan. Dreamweaver geeft u deze waarschuwing omdat een sjabloon zonder bewerkbare regio's niet nuttig is. U vindt instructies voor het maken van bewerkbare gebieden in stap 9.

7. Klik op OK om de pagina op te slaan zoals voorlopig.

   Het venster Opslaan als sjabloon verschijnt met de map Sjablonen geopend. Als u nog geen map met de naam Sjablonen in uw lokale sitemap heeft, maakt Dreamweaver er een voor u wanneer u uw eerste sjabloon maakt en opslaat.

   Om goed te werken, moeten Dreamweaver-sjablonen worden opgeslagen in een map met de naam Sjablonen (met een hoofdletter T ) in uw lokale sitemap, die zichtbaar is in het paneel Bestanden. Als u de mapnaam wijzigt of de map Sjablonen verplaatst naar een submap, werken uw sjablonen niet meer correct.

8. Maak een ontwerp voor de pagina door afbeeldingen, tekst en andere elementen toe te voegen zoals in elk ander Dreamweaver-bestand.

   Houd er rekening mee dat u een paginaontwerp in een sjabloon maakt, net zoals u op een andere webpagina zou doen. Of u afbeeldingen en tekst opneemt die worden vervangen in pagina's die zijn gemaakt met de sjabloon of u maakt gewoon het skelet van een pagina, is aan u.

9. Een bewerkbaar gebied maken:

   1. Selecteer een afbeelding, tekstblok of inhoudsgebied.

      Vaak is de beste optie om een ​​volledig gedeelte van een pagina te selecteren, zodat alles in die sectie bewerkbaar wordt. Als u uw pagina's met tags en CSS hebt ontworpen, is het een goede optie om de tag voor een hele sectie te selecteren, zoals de tag die is opgemaakt met de stijl van de hoofdinhoudstent.

      Een handige manier om een ​​sectie te selecteren die wordt omringd door een tag, is door uw cursor ergens in dat gedeelte van de pagina te plaatsen en vervolgens de tagselector onder aan de werkruimte te gebruiken om de tag te selecteren.

   2. Kies Invoegen → Sjabloon → Bewerkbare regio.

      Het dialoogvenster Nieuwe bewerkbare regio wordt geopend.

      

   3. Geef het nieuwe bewerkbare gebied een naam.

      Kies een item dat het type inhoud aangeeft, zoals headline of hoofdinhoud. De regio die u als bewerkbaar definieert, wordt een gebied dat op elke pagina die met de sjabloon is gemaakt, kan worden gewijzigd. U kunt meerdere bewerkbare regio's in één sjabloon hebben. Elke bewerkbare regio moet een andere naam hebben; namen mogen geen spaties of speciale tekens gebruiken, maar onderstrepingstekens en koppeltekens zijn in orde.

   4. Klik op OK.

      Een aqua-blauwe doos (met een aqua-blauwe tab links bovenaan de doos) omgeeft het bewerkbare gebied. De naam die u hebt ingevoerd in het dialoogvenster Nieuwe bewerkbare regio verschijnt op het tabblad.

10. Wanneer u klaar bent met het ontwerpen van de pagina en alle bewerkbare gebieden die u wilt toevoegen, kiest u Bestand → Opslaan om uw sjabloon op te slaan.

    Wanneer u een nieuwe sjabloonpagina opslaat of als u een bestaande pagina als een sjabloon opslaat, voegt Dreamweaver het automatisch toe. dwt extensie en slaat het bestand op in de map Sjablonen.

Als u een sjabloon opslaat voordat u bewerkbare gebieden opgeeft, geeft Dreamweaver u een waarschuwing omdat sjablonen niet nuttig zijn zonder bewerkbare regio's. U hoeft geen bewerkbare gebieden te maken voordat u een sjabloon opslaat, maar u kunt geen wijzigingen aanbrengen in pagina's die met een sjabloon zijn gemaakt, totdat u een of meer bewerkbare gebieden hebt gemaakt. Je kunt altijd teruggaan en later bewerkbare gebieden toevoegen.

Adobe heeft een nieuw paneel Sjablonen invoegen toegevoegd in Dreamweaver CC. U kunt dit nieuwe paneel gebruiken in plaats van de menu-items bij het werken met sjablonen. De functies werken hetzelfde: klik op het overeenkomstige pictogram in het deelvenster Sjablonen invoegen, zoals het pictogram Bewerkbare regio.