Video: HTML5 structuur aanbrengen 2024
Dreamweaver bevat twee CSS-lay-outs ontworpen met HTML5-tags die u kunt aanpassen om een schijnbaar oneindige verscheidenheid aan pagina-ontwerpen te maken. Deze lay-outs geven u een voorsprong wanneer u een nieuwe pagina maakt en ze zijn ontworpen om goed te werken in verschillende webbrowsers, zodat ze u kunnen helpen veelvoorkomende problemen te voorkomen die worden veroorzaakt door de verschillende manieren waarop webbrowsers HTML5 en CSS weergeven.
Om al deze redenen moet u uw ontwerp in Dreamweaver beginnen met een CSS-lay-out die is gekozen in het venster Nieuw document, vooral als u HTML5 wilt gebruiken.
Volg deze instructies om een nieuwe pagina te maken met behulp van een van de CSS-lay-outs van Dreamweaver:
-
Kies Bestand → Nieuw.
Het dialoogvenster Nieuw document verschijnt.
-
Kies Lege pagina in de linkerkolom en HTML uit de kolom Paginatype in het midden.
U kunt ook een optie kiezen in het onderste gedeelte van het gedeelte Paginatype dat overeenkomt met de programmeertaal die op uw site wordt gebruikt, zoals ASP. NET, PHP of ColdFusion en ga verder met stap 3. (Als u niet bekend bent met deze programmeeropties, blijf dan bij HTML.)
-
Selecteer in de sectie Lay-out CSS-lay-out.
Houd er rekening mee dat wanneer u een CSS-lay-out selecteert, er een voorbeeld van de lay-out rechtsboven in het dialoogvenster wordt weergegeven.
-
Kies in de vervolgkeuzelijst Layout CSS het type stijlpagina dat u wilt maken terwijl u de pagina ontwerpt:
-
Toevoegen aan kop maakt een interne stijlpagina en bevat alle stijlen voor de lay-out in het kopgedeelte van het nieuwe document.
-
Nieuw bestand maken maakt een nieuw extern stijlblad met alle paginastijlen terwijl u het nieuwe document met het ontwerp maakt.
-
Koppeling naar bestaand bestand voegt de stijlpagina-informatie voor het nieuwe document toe aan een bestaand extern stijlblad.
Opmerking : U kunt de stijlpagina later altijd wijzigen door stijlen van een interne stijlpagina naar een externe stijl of van een externe stijlpagina naar een andere te verplaatsen.
-
-
Klik op Maken.
De nieuwe pagina wordt gemaakt en geopend in de hoofdwerkruimte.
-
Kies Bestand → Opslaan om de pagina en stijlen op te slaan.
Als u de stijlen in een externe stijlpagina hebt opgeslagen, wordt u in een tweede venster gevraagd om de stijlpagina afzonderlijk op te slaan. Als de stijlen zich in een intern stijlblad bevinden, worden ze automatisch opgeslagen wanneer u de pagina opslaat.