Video: een pagina met Dreamweaver stap 1: basisstructuur 2024
Nadat u een externe stijlpagina hebt gemaakt in Dreamweaver, kunt u deze toevoegen aan elke webpagina. In de stapsgewijze instructies die volgen, kunt u elk van de vooraf gedefinieerde stijlbladen gebruiken die zijn opgenomen in Dreamweaver, of u kunt deze instructies gebruiken om elk stijlblad aan te koppelen dat u maakt met behulp van de stappen in de vorige oefening.
Open eerst de pagina waaraan u de stijlpagina wilt koppelen en voer vervolgens de volgende stappen uit:
-
Klik op het plusteken (+) in het deelvenster Bronnen bovenaan in het deelvenster CSS-ontwerp en kies Bestaand CSS-bestand bijvoegen in de vervolgkeuzelijst.
Het dialoogvenster Bestand bijvoegen bestaande CSS-bestand wordt geopend.
-
Klik op de knop Bladeren en zoek het CSS-bestand op in uw lokale sitemap.
U kunt ook een URL invoeren als u een extern CSS-bestand op een andere website wilt gebruiken, maar het meest gebruikelijke is om een opmaakprofiel te gebruiken dat op de website staat waar u aan werkt.
-
Selecteer de optie Koppelen of importeren.
Als u een opmaakpagina aan een HTML-bestand koppelt, kiest u bijna altijd voor Koppeling, de standaardinstelling. Kies Importeren als u één hoofd externe stijlpagina wilt maken met verwijzingen naar andere stijlpagina's, een geavanceerde optie waarmee één stijlpagina naar een andere stijlpagina kan verwijzen.
-
(Optioneel) Kies opties in het gedeelte Voorwaardelijk gebruik.
Gebruik de functies Voorwaardelijk gebruik om een mediaquery te definiëren terwijl u uw stylesheet toevoegt.
-
Klik op OK.
Het dialoogvenster wordt gesloten en Dreamweaver stelt de koppeling naar het stijlblad in door een regel met code toe te voegen aan de bovenkant van het HTML-bestand. Nadat u een externe stijlpagina hebt gekoppeld, worden alle toepasselijke stijlen automatisch toegepast op de inhoud op de pagina in Dreamweaver en worden de selectornamen van de stijlen die zijn gedefinieerd in de stijlpagina zichtbaar in het deelvenster Selectors van het deelvenster CSS-ontwerp.
U kunt meerdere stijlpagina's aan dezelfde HTML-pagina koppelen en u kunt interne en externe stijlpagina's in hetzelfde document gebruiken. U kunt bijvoorbeeld uw tekststijlen opslaan op één stijlpagina, uw lay-outstijlen opslaan in een andere stijlstijl en vervolgens beide aan hetzelfde document koppelen - waarmee alle gedefinieerde stijlen beschikbaar zijn voor de pagina.
Op dezelfde manier maakt u verschillende stijlpagina's voor verschillende doeleinden, zoals een voor het afdrukken van het bestand en een ander voor het weergeven van de browser.