Video: Dreamweaver CC - Tutorial for Beginners [COMPLETE] 2024
De eigenschappencontrole, die toegankelijk is vanaf de onderkant van de Dreamweaver-werkruimte, geeft de eigenschappen weer die beschikbaar zijn voor elk geselecteerd element op de pagina. De opties in de eigenschappencontrole zijn dus anders wanneer een afbeelding wordt geselecteerd dan wanneer bijvoorbeeld tekst wordt geselecteerd.
Wanneer niets is geselecteerd of wanneer u tekst op een pagina selecteert, wordt de eigenschappencontrole opgesplitst in twee secties: HTML en CSS.
Houd er rekening mee dat met de knoppen aan de linkerkant van de eigenschappencontrole eenvoudig kan worden geschakeld tussen deze twee modi.
Als CSS en HTML nieuw zijn, is het een beetje verwarrend om de verschillen tussen deze twee modi te begrijpen. Als u in de HTML-modus een opmaakpictogram zoals vetgedrukt gebruikt, voegt u in wezen de HTML -tag toe, waardoor tekst vet wordt weergegeven in de meeste webbrowsers. Als u hetzelfde pictogram gebruikt in de CSS-modus, maakt Dreamweaver automatisch een stijlinegel die de vetgedrukte opmaakoptie bevat.
In de CSS-modus kunt u er ook voor kiezen om bestaande stijlen te bewerken om nieuwe opmaakopties toe te voegen aan stijlen die al zijn toegepast op tekst, afbeeldingen of andere elementen op een pagina. U kunt een bestaande stijl bewerken door eenvoudig de stijl in de vervolgkeuzelijst Doelregel te selecteren en vervolgens de velden Lettertype, Grootte en andere in Eigenschapcontrole te gebruiken om wijzigingen of toevoegingen aan te brengen.
Telkens wanneer u een bestaande stijl bewerkt die al is toegepast op elementen op een pagina, worden de wijzigingen die u in de stijl aanbrengt, automatisch toegepast overal waar de stijl wordt gebruikt. Deze functie is geweldig als je meerdere dingen tegelijkertijd wilt veranderen, maar het kan een probleem zijn als je een element (zoals een kop) op een manier op de ene pagina en op een andere manier ergens anders wilt laten verschijnen.
Wanneer u een stijl wilt maken of bewerken, gebruikt u de eigenschappencontrole in de CSS-modus. Aan de andere kant, om een bestaande stijl toe te passen op een element op de pagina, moet u ervoor zorgen dat u zich in de HTML-modus bevindt. Als u bijvoorbeeld een afbeelding wilt uitlijnen met een klassestijl of een ID-stijl wilt toepassen op een tag, moet u zich in de HTML-modus bevinden.
Als u een stijl wilt toepassen in de HTML-modus, selecteert u de afbeelding, tekst of ander element op de pagina waarop u de stijl wilt toepassen en gebruikt u de vervolgkeuzelijsten Klas of ID om de stijl te selecteren. Dreamweaver past het automatisch toe.
Om een HTML-tag toe te passen, zoals de tag
, moet u zich ook in de HTML-modus bevinden. Maar u maakt of bewerkt een CSS-regel voor de
-tag in de CSS-modus. Natuurlijk hoeft u met de eigenschappencontrole geen stijlen te maken of te bewerken.Beschouw dit als een sneltoetsmethode; misschien wilt u nog steeds het CSS-ontwerpvenster gebruiken om belangrijke wijzigingen in een stijl aan te brengen.
