Welkom op de Nederland Computer Kennisnetwerk!  
 
Zoeken computer kennis
Home Hardware Netwerken Programmering Software Computerstoring Besturingssysteem
Computer Kennis >> Software >> Desktop Publishing >> Content
Tutorial voor CSS in Dreamweaver
Cascading Style Sheets ( CSS ) is een geavanceerde vorm van HTML- webpagina codering die verhoogde design en opmaakopties biedt . In plaats van het toepassen van individuele stukjes HTML-code in elk tekstblok of sectie op de pagina , CSS kunt u de " stijl " regels en klassen , vergelijkbaar met stijl sets in tekstverwerking en pagina-indeling software definiëren . U kunt dan de stijlen toe te passen op elementen op uw pagina's --- maken opmaak sneller en eenvoudiger , evenals het waarborgen van uniformiteit in de hele pagina of een hele website . Dreamweaver 's ingebouwde CSS -functie lijkt in eerste instantie ingewikkeld , maar niet nadat u het hebt geprobeerd een paar keer . Wat je nodig hebt
Adobe Dreamweaver CS1 of hoger
Toon Meer Aanwijzingen
gebruik van CSS in Dreamweaver
1

Start een nieuwe Dreamweaver HTML-document of een bestaand document openen waar u CSS- regels maken . kopen van 2

Ga naar het venster Eigenschappen en klik op de " CSS " knop aan de linkerkant van het paneel . Dit zet Dreamweaver in CSS -modus .
3

Klik op de " Gerichte Rule " drop-down in het paneel Properties en kies " " .
4

Klik op de "Edit Rule" knop in het venster Eigenschappen. Dit opent de nieuwe CSS- regel dialoogvenster waarin u de naam van uw nieuwe stijl regel en te definiëren zijn gedrag .
5

Klik op de " Selection Type " drop -down . Er zijn vier opties op deze drop- drop, die beschrijvende namen te leggen wat ze hebben . Bijvoorbeeld , " Klasse ( kan van toepassing op elk HTML-element ) " kunt u een klasse stijl die u kunt toepassen op alle tekst in het document te maken . " Compound ( op basis van uw keuze ) " laat u een stijl klasse op basis van de tekst die u voordat u op selecteren te creëren " Regel bewerken . "
6

Klik in het veld " Selector Name" en typ de naam van uw stijl . Afhankelijk van wat Selectietype u in de vorige stap gekozen , bepaalde vormen van stijlregels vereisen specifieke naamgeving . Bijvoorbeeld , " Klasse ( kan van toepassing op elk HTML-element ) " vereist dat de naam van de stijl beginnen met een punt (. ) . Dus , als je het definiëren van een kop stijl , bijvoorbeeld , kon je de naam van de eerste level kop " . H1 . " Je zou kunnen noemen body tekst " . Lichaam " . Dreamweaver vraagt ​​u als uw naamgeving is verkeerd , en u voorzien van een uitleg van hoe je de stijl noemen .
7

Klik op de " regeldefinitie " drop-down en kiezen hoe u wilt dat Dreamweaver de stijl toepassen . Er zijn twee opties : " Alleen dit document " schept de stijl van tags in de HTML- sectie hoofd van de huidige pagina . De stijlen zijn beschikbaar voor alleen deze pagina . " ( New Style Sheet File ) " creëert een externe CSS ( . Css -bestand) .

De kracht van CSS is dat je meerdere pagina's kunt opmaken --- een hele site --- gebaseerd op dezelfde set van CSS-regels . Dit wordt bereikt met externe CSS bestanden . Als u kiest voor " ( New Style Sheet File ) , ' wanneer u klikt op " OK " in dit dialoogvenster , Dreamweaver wordt u gevraagd om het CSS- bestand een naam . Als u slechts een CSS-bestand voor het gehele terrein , de standaard naamgeving is " styles.css . " Toch kan een site hebben veel stijl sheets --- een voor kopteksten , voetteksten andere voor , sidebars . Geef uw CSS-bestanden betekenisvolle namen .

Nadat je je eerste CSS extern bestand , de volgende keer dat u New CSS Rule opent creëren , het bestand wordt weergegeven in de regeldefinitie drop-down . Als u een andere stijl te creëren , zorg ervoor dat u het toevoegen aan de juiste externe CSS-bestand .
8

Klik op " OK " om het scherm " CSS regeldefinitie voor ... " dialoogvenster . Dit is waar je het formaat van uw stijl , zoals lettertype , grootte, stijl ( vet, cursief ) , kleur . De opties hier zijn uitgebreid , waardoor nogal ingewikkelde opmaak , waaronder tekstvakken , achtergronden en vele andere opmaak keuzes . Stel alle gewenste opmaak voor deze stijl , en klik op ' OK '.
9

Herhaal deze procedure om extra stijlregels creëren . Om een stijl toepassen op een blok tekst , klikt u in de paragraaf , en kies vervolgens de gewenste stijl van de " Gerichte Rule " drop-down in het venster Eigenschappen.
< Br >

Previous: Next:
  Desktop Publishing
·Acrobat 9 Upgrade -instructies…
·Hoe maak je een Photoshop CS4 …
·Tutorial over hoe je een Word-…
·Problemen met Microsoft Works …
·Hoe te Wenskaarten Met Print S…
·Hoe maak je een Screen Saver d…
·Hoe Ontwerp uw eigen Calling C…
·Tekst wordt niet vullen van de…
·Pijlen toevoegen in InDesign 
  Related Articles
Hoe kan ik zoeken naar een veld in Word 
Hoe te Default Nummering Formaat wijzige…
Hoe maak je een locatie voor Automatisch…
Hoe maak je een sjabloon voor een pagina…
Hoe u Microsoft Works Download for Free 
Hoe maak je een voorblad voor een Colleg…
Hoe te Etiketten maken voor DVD's 
Hoe om speciale tekens en symbolen ( ! I…
Hoe te Turn On Automatisch opslaan voor …
  Software Articles
·Hoe te wijzigen Naam van een karakter in…
·Hoe de Poison Ivy verwijderen Trojan 
·Hoe de back-up batterij verwijderen uit …
·Hoe te Thunderbird configureren voor Red…
·Hoe om te leren Basic Microsoft Excel 
·Photoshop Tutorial voor Transparant Glas…
·Een back-up een iMac 
·Hoe Word Graphics Creëren 
·Hoe AVG 8 Uninstall 
Copyright © Computer Kennis http://www.nldit.com