MENU
 
Home
Nieuwsbrief
GC in de media
SiteMap
 
Tips en Tricks
Excel
Word
Photoshop
PowerPoint
Surf Tips
Gmail
Android
iPad
Excel ClipTips
 
cursus Office 2016
Access
Excel
Outlook
PowerPoint
Word
 
cursus Office 2013
Excel
PowerPoint
Word
Nieuw in Excel 2013
Nieuw in Word 2013
Nieuw in PowerPoint 2013
 
cursus Office 2010
Access
Nieuw in Excel 2010
Excel automatiseren
Excel
OneNote
Outlook
PowerPoint
Word
 
cursus Office 2007
Access
Excel
Outlook
PowerPoint
Publisher
Visio
Word
 
cursus Office
2000-2002-2003-XP
Access
Excel
PowerPoint
Outlook
Word
 
cursus Photoshop
CC -3D
Animatie
CS6
CS5
CS4
CS2 - CS3
Lightroom 3
Elements 6
Mask Pro
Nik Collection
 
cursus Dreamweaver
CS3
 
cursus Illustrator
CS4
 
cursus Flash
CS4
 
cursus Fireworks
CS4
 
cursus Paint Shop Pro
X en X2
 
cursus Premiere
Elements 7-8
 
cursus Joomla
Joomla 1.5
 
Sociale Netwerk sites
Facebook
LinkedIn
Twitter
 
iPad
Apps
 
Diversen
Celtx
CSS
DropBox
Firefox 3.6
GIMP
Internet Explorer 9
LIME
Linux
OpenSUZE
PREZI
ProShow Producer
YouTube
 
cursus Google
Agenda
Analytics
Gmail
Zoeken
Picasa 3
SketchUp
Chrome
Street View
 
cursus Windows
Live Movie Maker
Windows 10
Windows 8
Windows 7
XP
Vista
 
cursus Office '97
Word
Excel
 
 
>

 

Cursus Dreamweaver   Index - vorige - volgende
       
Les 48 Sjablonen (3)  
     
Sjabloon toepassen op bestaande pagina
Om een sjabloon toe te passen op een pagina die reeds is voorzien van lay-out, moeten we op een andere manier te werk gaan.

Bijvoorbeeld, ik heb mijn indexpagina die reeds volledig is opgemaakt, maar niet is gekoppeld aan een sjabloon. Mocht ik op dezelfde manier te werk gaan dan krijg ik tweemaal mijn logo, menu's en titel, dus dat werkt niet.

 
Hebben we zulke pagina('s) moeten we op een andere manier te werk gaan.
Omdat ik niet graag alles 2 maal typ, gaan we de inhoud van deze pagina kopiëren en plakken.
Selecteer eerst de inhoud die je wenst te behouden, of beter gezegd te kopiëren.
Klik Ctrl + C op je toetsenbord om deze te kopiëren.
 
Selecteer de body-tag in de tag-kiezer, en klik de Deleteknop op je toetsenbord.
Dit verwijdert alles in je pagina.
 
Klik Ctrl+V op je toetsenbord.
Dit plakt de inhoud die we daarjuist hadden gekopiëerd terug in de lege pagina.
 
Nu we enkel nog de inhoud hebben is het makkelijk deze pagina van een sjabloon te voorzien.
Klik hiervoor de knop "Wijzigen" in de menubalk.
Kies "Sjablonen" en klik "Sjabloon toepassen op deze pagina".
Kies het sjabloon in het dialoogvenster dat verschijnt, en klik de knop "Selecteren".
Mocht het selectievakje voor de tekst "Pagina bijwerken wanneer sjabloon wordt gewijzigd" niet zijn aangevinkt, vink je dit aan. Want dit is tenslotte de bedoeling van een sjabloon.
 
In het dialoogvenster "Inconsistente gebiedsnamen" moeten we Dreamweaver een handje toesteken.
Dreamweaver kan namelijk niet weten wat er juist waar hoort.
Selecteer dus eerst de regel "Document body", klik het naar benedenwijzend pijltje, en kies het bewerkbare gebied in het lijstje waar je deze wil plaatsen, in dit geval is dit dus het gebied "inhoud".
Met andere woorden, alles wat in de body-tag staat van ons document wordt in het bewerkbare gebied "inhoud" geplaatst.

De tweede regel "Koptekst document" is een beetje dubbelzinnig
Deze heeft namelijk niks te maken met koptekst zoals h1 of h2, maar alles met de HEAD-tag in de broncode. En dit moet je dus enkel kiezen wanneer er reeds een JavaScriptje staat of iets dergelijks in de HEAD-tag van je document dat zeker moet worden "overgedragen".
Ik heb niks belangrijks in de HEAD-tag van deze pagina, dus kies ik hiervoor "Nergens" in het lijstje, en klik de knop OK.

style="display:inline-block;width:120px;height:90px" >

 

 
Onze pagina index.html is nu gebaseerd op het sjabloon "basis".
Dit kan je zien in de rechterbovenhoek van onze pagina.
 
 
Index - vorige - volgende

copyright © 2012 - gratiscursus.be

>