- PDF Free Download

Maat: px

Weergave met pagina beginnen:

Download "http://www.zeelandtotaal.nl/les_gevorderd/les_1/index_les_1_gev.php"

Karen de Winter
8 jaren geleden
Aantal bezoeken:

1 1 van :36 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.

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.

2 2 van :36 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.

3 3 van :36 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.

dwt.html. Bij pijl 2 zie dat er een map automatisch is aangemaakt en de template daar in staat.

4 4 van :36 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.

5 5 van :36 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

website bij pijl 2, in jouw geval de naam mijn website.

6 6 van :36 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.

andere naam geven. Klik met de rechter muisknop op de naam van de pagina en klik daarna op Save as.

7 7 van :36 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

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.

Vergelijkbare documenten

1 van 12 28-4-2010 12:20 We gaan weer van de volgende situatie uit. En ja, het wordt weer een lange les. Om de links te maken naar andere pagina's gebruiken we een nieuwe tabel die we in de bestaande tabel