Untitled Document
1 van 7
http://www.zeelandtotaal.nl/Les_gevorderd/les_1/index_les_1_gev.php
We hebben deze situatie voor ons. Misschien met wat andere kleuren maar dat maakt niet uit. Het belangrijkste is dat de linken op de pagina staan en het logo. Het kan zijn dat je deze les al eerder hebt gemaakt maar ik was tot de conclusie gekomen dat deze les onvolkomenheden bevatte en had hem uit de lessen pagina verwijderd. We beginnen hierbij opnieuw. Ik wil zeggen dat deze les niet eenvoudig is en meer handelingen inhoud.
In les 17 hebben we een aantal pagina's gemaakt. we hebben de pagina hetwetenwaard.html en de pagiana hobby.html gemaakt. Deze pagina's gaan we nu verwijderen. Klik op de naam van hetwetenwaard.html aan de rechtse kant in de file explorer en druk op delete. Klik op ja of ok in het venster dat verschijnt en de pagina wordt verwijderd. Doe het zelfde met de hobby.html pagina. Dit soort handelingen is nu wel bekend naar ik aanneem. We gaan nu wat verder in de mogelijkheden van Dreamweaver. We gaan van de indexpagina een template, ook wel in het Nederlands sjabloon genoemd, maken. Een template kun je steeds hergebruiken om pagina's in 1 keer dezelfde Lay-out te geven zonder de pagina's steeds opnieuw te hoeven maken. Maar eerst moeten we een template maken en dat doen we van de index.html pagina die nog open staat. Dit is heel eenvoudig.
28-5-2010 12:36
Untitled Document
2 van 7
http://www.zeelandtotaal.nl/Les_gevorderd/les_1/index_les_1_gev.php
We kliken bij pijl 1 op File en daarna bij pijl 2 op Save as Template. Dan kan je de template een naam geven, zie volgende afbeelding.
28-5-2010 12:36
Untitled Document
3 van 7
http://www.zeelandtotaal.nl/Les_gevorderd/les_1/index_les_1_gev.php
Dan vul je bij pijl 1 de naaam mijntemplate in en klik dan op save bij pijl 2.
Je ziet nu dat bij pijl 1 de naam van de pagina veranderd is in mijntemplate.dwt.html, bij mij staat er mijntemplate.dwt.php maar bij jouw staat er mijntemplate.dwt.html. Bij pijl 2 zie dat er een map automatisch is aangemaakt en de template daar in staat. Ik had al eerder uitgelegd dat ik met PHP werk maar bij jouw zal het steeds HTML zijn achter de pagina naam als je een nieuwe pagina maakt. Ik ga om verwarring te voorkomen de lessen voortaan in HTML pagina's maken. Sluit nu de pagina mijntemplate.dwt.html en je ziet het volgende scherm.
28-5-2010 12:36
Untitled Document
4 van 7
http://www.zeelandtotaal.nl/Les_gevorderd/les_1/index_les_1_gev.php
Klik hier op ok. Er komt later nog meer uitleg over templates.
Dan heb je nu een scherm voor je zoals bovenstaande afbeeldng. Wat je hier ziet is de snelstart omgeving. We gaan nu een nieuwe pagina maken die gebaseerd is op de template.
28-5-2010 12:36
Untitled Document
5 van 7
http://www.zeelandtotaal.nl/Les_gevorderd/les_1/index_les_1_gev.php
Klik op File bij pijl 1 en dan op New bij pijl 2, zie bovenstaande afbeelding
Klik nu bij pijl 1 op Templates en dan op de naam van je website bij pijl 2, in jouw geval de naam mijn website. Klik dan op de naam mijntemplate bij pijl 3 en daarna op Create bij pijl 4. Onderstaand is dan het resultaat
28-5-2010 12:36
Untitled Document
6 van 7
http://www.zeelandtotaal.nl/Les_gevorderd/les_1/index_les_1_gev.php
Je ziet bij de pijl dat de naam van de pagina Untitle-4 is maar bij jouw kan er een ander cijfer staan, dit cijfer is niet zo belangrijk want we gaan de pagina opslaan en tegelijkertijd een andere naam geven. Klik met de rechter muisknop op de naam van de pagina en klik daarna op Save as. Het scherm om te bewaren opend zich. zie onderstaande afbeelding. Vul bij de pijl de naam hobby.html in en klijk op opslaan.
28-5-2010 12:36
Untitled Document
7 van 7
http://www.zeelandtotaal.nl/Les_gevorderd/les_1/index_les_1_gev.php
Dan zie je onderstaande afbeelding
Bij pijl 1 zie je dat de naam nu hobby.html is en de pagina is ook in de verkenner aanwezig, zie pijl 2. Maak op dezelfde manier de pagina hetwetenwaard.html Verwijder de pagina index.html. Maak een nieuwe pagina op basis van de template en bewaar deze pagina als index.html en open de pagina index.html in je brouwser om te kijken of alles in orde is. Ik hoop dat het duidelijk was hoe je een template maakt van een bestaande pagina en dan een nieuwe pagina maakt op basis van die template. Voor alle nieuwe pagina's die je wilt maken kun je nu dus de template gebruiken zodat alle pagina's dezelfde basis Lay-out hebben. In de volgende les gaan we verder met de template en leer ik je hoe je die aanpast zodat alle pagina's die gebaseerd zijn op de template automatisch aangepast worden, want dat is de kracht van templates. Als je vragen hebt mail mij dan
28-5-2010 12:36
