Abode Creative Suite 5 (Adobe CS5) Dreamweaver biedt meerdere manieren om een pagina-indeling van Cascading Style Sheets te wijzigen. Een CSS-lay-out wordt volledig beheerst door stijlbladregels, zodat u het uiterlijk van de pagina rechtstreeks vanuit het paneel CSS-stijlen en de eigenschappencontrole kunt wijzigen.
Elke kolom, elk vak en elke spatie op uw nieuwe pagina wordt gepositioneerd en bemeten met behulp van CSS-regels en eigenschappen, die u allemaal kunt aanpassen vanuit Eigenschapcontrole (in het deelvenster CSS-stijlen) of het deelvenster CSS-regeldefinitie.
-
Als het deelvenster CSS-stijlen nog niet is geopend, kiest u Venster → CSS-stijlen om het te openen.
-
Selecteer het tabblad Alle om de stijlpagina en de bijbehorende regels weer te geven.
Het interne stijlblad wordt bovenaan weergegeven. Klik op de pijl links om deze uit te vouwen en alle regels te tonen die deze bevat. Lay-outs met een bijgevoegd (extern) stijlblad geven de stijlbladnaam (zoals stijlen. Css) weer in plaats van het label.
-
Selecteer de body-regel.
Deze op tags gebaseerde stijl bepaalt de algemene opmaak van de hele pagina (alles binnen de tag).
-
Klik op het veld naast de achtergrondregel om het te bewerken; in plaats van de instelling # 4E5869 (middelgrijs) te behouden, typt u een hexadecimale kleur (zoals # CC0000 voor rood) om de achtergrondkleur van de pagina te wijzigen.
-
Klik op het staal naast de kleurregel om het deelvenster Stalen te openen. kies een nieuwe standaard type kleur voor de tekst op uw pagina.
-
Selecteer een andere stijl boven in het deelvenster CSS-stijlen (bijvoorbeeld de stijl twoColElstHdr #container) om de eigenschappen ervan te bekijken.
The. twoColHybLtHdr #container ID-stijl bepaalt de grootte en het uiterlijk van de hoofdlay-outcontainer op de pagina.
-
Bewerk de eigenschappen in de eigenschappencontrole om het uiterlijk van de stijl te wijzigen.
U kunt bijvoorbeeld de breedte van de regel wijzigen door een nieuw nummer in het tekstvak Breedteregel in te voeren. Als u bijvoorbeeld 95% invoert, maakt u de volledige lay-out breder.
Elke kolom en sectie met uw lay-out wordt bestuurd door een van de ID-stijlen die worden weergegeven in het deelvenster CSS-stijlen. Bijna elke ID-stijl heeft een eigenschap width die u kunt gebruiken om de grootte van de verschillende gebieden op de pagina te wijzigen.
Ga door met het wijzigen van verschillende stijlen in het deelvenster CSS-stijlen en zie hoe deze van invloed zijn op de verschillende elementen op uw pagina. Probeer de typekleur, lettertypefamilie en andere eigenschappen, zoals opvulling en achtergrondkleur, te wijzigen.
Om erachter te komen welke ID-besturingselementen welke kolom of sectie gebruiken, klikt u binnen het paginagebied en kijkt u naar de tagselector onder aan het documentvenster.De laatste tag aan het einde van de keten geeft aan in welke container u zich bevindt en de bijbehorende ID in het deelvenster CSS-stijlen (bijvoorbeeld).