Video: CSS: Je website vormgeven / Tekst vormgeven 2024
In Dreamweaver kunt u de achtergrond en de beschikbare tekstkleuren wijzigen in de categorieën Uiterlijk. Merk op dat de CSS-opties worden aanbevolen voor HTML-opties. Wanneer u de Vormgeving (CSS) -opties gebruikt, maakt Dreamweaver automatisch overeenkomstige stijlen voor de body-tag. Wanneer u CSS-opties in het dialoogvenster Pagina-eigenschappen gebruikt, maakt Dreamweaver automatisch overeenkomstige stijlen en geeft deze weer in het deelvenster CSS-stijlen.
Hoewel u algemene instellingen, zoals tekstgrootte en kleur, kunt toepassen in het dialoogvenster Pagina-eigenschappen, kunt u die instellingen in bepaalde gevallen overschrijven met andere opmaakopties. U kunt bijvoorbeeld al uw tekst instellen op Helvetica in Pagina-eigenschappen en vervolgens het lettertype voor koppen wijzigen in Arial met behulp van CSS.
Volg deze stappen om de lettertype-instellingen, achtergrondkleur, tekstkleur en paginamarges voor een hele pagina te wijzigen:
-
Kies Wijzigen → Pagina-eigenschappen.
De Appearance (CSS) -categorie van het dialoogvenster Pagina-eigenschappen verschijnt.
-
Geef in de vervolgkeuzelijst Paginatype de gewenste lettertypen op voor de tekst op uw pagina.
In dit voorbeeld is het lettertype ingesteld op de verzameling die begint met het lettertype Cambria. Als u geen lettertype opgeeft, wordt uw tekst weergegeven in het lettertype dat is opgegeven in de browser van uw gebruiker, meestal Times.
-
Als u wilt dat alle tekst op uw pagina vet of cursief wordt weergegeven, kiest u de bijbehorende lettertype-opties in de vervolgkeuzelijsten rechts van de opties voor Page Font.
Als u een van deze opties selecteert, wordt al uw tekst vet of cursief weergegeven op de pagina. De meeste ontwerpers laten deze twee velden leeg omdat ze het gebruik van vet of cursief willen beperken tot speciale aandacht voor een woord of woorden.
-
Geef in de vervolgkeuzelijst Grootte de gewenste tekengrootte op voor de tekst op uw pagina.
Ook hier kunt u deze instellingen overschrijven voor specifieke tekst op de pagina, zoals koppen.
-
Klik op het tekstvak Tekstkleur om het kleurenpalet weer te geven. Kies elke gewenste kleur.
De kleur die u selecteert, vult het vak voor kleurmonsters, maar verandert de tekstkleur op uw pagina niet totdat u op de knop Toepassen of OK klikt.
-
Klik op het staalvak Achtergrondkleur om het kleurenpalet weer te geven. Kies elke gewenste kleur.
De kleur die u selecteert, vult het vak voor kleurstalen, maar de kleur vult de achtergrond niet totdat u op de knop Toepassen of OK klikt.
-
Als u een afbeelding of foto op de achtergrond van uw pagina wilt invoegen, klikt u op de knop Bladeren naast het vak Achtergrondafbeelding en selecteert u de afbeelding in het dialoogvenster Afbeelding selecteren.
Wanneer u een achtergrondafbeelding invoegt, wordt deze automatisch herhaald, of tegels, over en langs de pagina, tenzij u een optie kiest in de vervolgkeuzelijst Herhalen. No-Repeat voorkomt dat de achtergrondafbeelding helemaal wordt herhaald. Repeat-X en Repeat-Y herhalen de afbeelding verticaal (x-as) of horizontaal (y-as) op de pagina.
-
Gebruik de opties voor marge onder aan het dialoogvenster om de linker-, rechter-, boven- of ondermarges van uw pagina te wijzigen.
De meeste webbrowsers voegen een beetje ruimte toe aan de linker- en bovenkant van het browservenster rond elke webpagina. Als u 0 invoert in alle vier deze velden, wordt elke standaardruimte voor de marge verwijderd, zodat u ontwerpen kunt maken die gelijk met de rand van een browser beginnen.
-
Klik op de knop Toepassen om te zien hoe de kleuren eruitzien op uw pagina.
-
Klik op OK om te voltooien en het dialoogvenster Pagina-eigenschappen te sluiten.