Video: Basic HTML Tutorial Part 1 From Beginner To Advanced - What You Need To Start! 2024
Adobe Creative Suite 5 (Adobe CS5) Dreamweaver gebruikt Cascading Style Sheets (CSS) om webpagina-tekst op te maken en biedt zelfs startpagina's die hebben model CSS-lay-outs en styling-hints.
Cascading Style Sheets (CSS) is een standaardmethode voor het stylen van tekst en andere elementen op webpagina's. Met het krachtige ontwerpprogramma voor stijlpagina's kunt u snel eigenschappen aan het type en andere pagina-elementen toewijzen en alle exemplaren in enkele eenvoudige stappen bijwerken. De naam Cascading Style Sheets verwijst naar de trapsgewijze regels die van toepassing zijn wanneer meerdere stijlen (en stijlbladen) tegelijkertijd worden gebruikt.
Als u veel verschillende stijlen toepast op een pagina, of deze nu intern op de pagina zijn gebouwd of zijn gekoppeld aan externe stijlpagina's, zijn er mogelijk conflicten. Conflicten treden op wanneer twee (of meer) stijlen verschillende eigenschappen aan hetzelfde element toewijzen.
Als u bijvoorbeeld in een intern stijlblad opgeeft dat elk vetgedrukt element blauw is, maar een extern stijlblad instrueert de browser om elk vetgedrukt element als rood weer te geven, welke stijl wint dan? De blauwe instructie van de interne stylesheet wint. Standaard heft de stijlpagina van de webpagina voorrang op de standaardwaarden van de browser.
Stijlpagina's zijn consistent in de meeste moderne browserversies, maar sommige oudere browsers bieden mogelijk geen consistente (indien aanwezig) ondersteuning voor CSS. Altijd een voorvertoning van pagina's in meerdere browsers of gebruik de knop Compatibiliteit van browsers controleren (te vinden onder de lijst Compatibiliteit controleren van browser op de werkbalk Document) om CSS-eigenschappen te testen die u tegen verschillende browsers en versies hebt gebruikt.
Dreamweaver CS5 gebruikt alleen Cascading Styles Sheets (CSS) om tekst op te maken en biedt geen directe ondersteuning voor tags. Je kunt nog steeds labels toevoegen als je dat echt nodig hebt door Invoegen → Tag te kiezen.
Dreamweaver biedt CSS-startpagina's die CSS-lay-outs beschikbaar hebben en die CSS-hints bevatten die alleen zichtbaar zijn in de codeweergave. Zoek de CSS-startpagina's door Bestand → Nieuw → Lege pagina → HTML-sjabloon te kiezen.
Nuttige CSS-tips zijn ingebouwd in de CSS-startpagina's.