Inhoudsopgave:
Video: Website maken - Links - Les 5 2024
Wanneer u nieuwe stijlen in Dreamweaver maakt, moet u beslissen of u de stijl wilt opslaan in een interne of externe stijlpagina. In een interne stijlpagina wordt de stijlregel bovenaan het HTML-document opgeslagen waar u de stijl wilt toepassen. In een externe stijlpagina worden nieuwe stijlen opgeslagen in een afzonderlijk document dat kan worden toegevoegd aan elk bestand in uw website.
Externe stylesheets bieden de grootste voordelen omdat het gebruik van één set stijlen op veel pagina's efficiënter is dan het maken van stijlen voor elke pagina in uw site. Dat gezegd hebbende, zijn interne stijlbladen soms een goede keuze, bijvoorbeeld wanneer u een stijl maakt die alleen van toepassing is op elementen op één pagina.
Een interne stijlpagina maken in Dreamweaver
Interne stijlbladen worden opgeslagen in hetzelfde HTML-bestand als waarin ze worden toegepast. U maakt dus geen bestand wanneer u een intern stijlblad maakt, zoals u doet wanneer u een extern blad maakt.
In plaats daarvan voegt u eenvoudigweg tags toe binnen de tags bovenaan het HTML-bestand dat u in Dreamweaver hebt geopend, wanneer u een intern stijlblad maakt. Wanneer u stijlen maakt, slaat u de nieuwe stijlregeldefinities op in de tags in uw bestand.
Het maken van een nieuwe interne stijl in Dreamweaver vereist slechts twee stappen. Klik eerst op het plusteken (+) in het deelvenster Bronnen bovenaan in het deelvenster CSS-ontwerp. Selecteer vervolgens Define in Page in de vervolgkeuzelijst. Je bent klaar. Dreamweaver voegt de tags in de code in uw bestand in en geeft de interne stijlpagina weer in het deelvenster Bronnen met de tag.
Een externe stijlpagina maken in Dreamweaver
Helemaal boven aan het paneel CSS Designer vindt u het deelvenster Bronnen. Dit paneel geeft de naam of namen weer van elk stijlblad dat beschikbaar is voor de open pagina. Ditzelfde paneel wordt gebruikt om stijlbladen te maken of ernaar te linken terwijl u stijlen maakt of toepast.
Als u een externe stijlpagina wilt maken, maakt u eerst een nieuw HTML-bestand en slaat u dit op of opent u een bestaand bestand in Dreamweaver en volgt u deze instructies:
-
Klik op het plusteken (+) in het deelvenster Bronnen bovenaan. het CSS Designer-paneel.
Een vervolgkeuzelijst wordt geopend met drie opties: een nieuw CSS-bestand maken, Bestaand CSS-bestand bijvoegen en Definiëren in pagina.
-
Kies de optie Een nieuw CSS-bestand maken in de vervolgkeuzelijst.
Het dialoogvenster Een nieuw CSS-bestand maken wordt geopend.
-
Voer een naam in voor uw nieuwe stijlbladbestand.
U kunt style sheets een naam geven die u maar wilt, zolang u geen spaties of speciale tekens opneemt behalve het koppelteken (-) of onderstrepingsteken (_).
-
Selecteer de optie Koppelen.
Link wordt in de meeste gevallen beschouwd als de beste methode en wordt standaard in Dreamweaver geselecteerd.
De optie Importeren wordt grotendeels alleen gebruikt als u meerdere externe stijlpagina's op de pagina wilt toepassen, maar alleen naar één stijlpagina wilt linken. In dat geval zou u de Import-optie kunnen gebruiken om meerdere stijlbladen aan één te koppelen.
-
Klik op de pijl naast Voorwaardelijk gebruik om aanvullende instellingen te bekijken.
De instellingen voor Voorwaardelijk gebruik worden gebruikt om mediaquery's voor stijlpagina's in te stellen.
-
Klik op OK.
Het typogram wordt opgeslagen en gekoppeld aan de HTML-pagina die u in Dreamweaver hebt geopend. Opmerking: Als u aan een nieuwe HTML-pagina werkt, moet u ervoor zorgen dat u de pagina hebt opgeslagen; anders kunt u geen nieuw CSS-bestand maken en koppelen.
Nadat u een externe stijlpagina hebt gemaakt, kunt u diezelfde stijlpagina koppelen aan zoveel pagina's als u wilt door de stappen in de oefening te volgen die onmiddellijk volgt. Je kunt ook zoveel stijlregels toevoegen als je wilt aan een externe stijlpagina, die wordt behandeld in verschillende oefeningen die volgen op het maken van lesgroepen, labels en andere soorten stijlen.