Video: Dreamweaver CC - Tutorial for Beginners [COMPLETE] 2024
Wilt u het uiterlijk van een tabel op uw site wijzigen? Wanneer u in Dreamweaver een tabel selecteert, geeft de eigenschappencontrole u toegang tot de volgende opties voor het aanpassen van het uiterlijk van uw tabel:
-
Tabel: Biedt een tekstgebied waarin u een naam voor een tabel kunt invoeren. Deze naam of ID is handig voor het targeten van de tabel in scripts.
-
Rijen: Geeft het aantal rijen in de tabel weer. U kunt de grootte van de tabel wijzigen door het nummer te wijzigen. Let op: als u een getal invoert dat kleiner is dan het aantal rijen in uw tabel, verwijdert Dreamweaver de onderste rijen - inhoud en alles.
-
Cols: Geeft het aantal kolommen in de tabel weer. U kunt de grootte van de tabel wijzigen door het nummer te wijzigen. Nogmaals, als u een getal invoert dat kleiner is dan het aantal kolommen in uw tabel, verwijdert Dreamweaver de kolommen aan de rechterkant van de tabel - inhoud en alles.
-
W (breedte): Geeft de breedte van de tabel weer. U kunt de breedte wijzigen door het aantal te wijzigen. U kunt de breedte opgeven als een percentage of een waarde in pixels. Waarden uitgedrukt als een percentage vergroten of verkleinen de tabel in verhouding tot de grootte van het browservenster van de gebruiker of een omhullende container, zoals een andere tabel of een tag.
Met tabelafmetingen uitgedrukt als een percentage kunt u tabellen maken die in grootte veranderen wanneer het formaat van het browservenster wordt gewijzigd. Als u wilt dat een tabel altijd 75 procent van het venster beslaat, ongeacht het weergavegebied van de gebruiker, stelt u de grootte in als een percentage. Als u wilt dat een tabel altijd dezelfde grootte heeft, ongeacht de grootte van het browservenster, kiest u pixels voor uw tabelbreedte.
Als een tabel wordt ingevoegd in een andere container, zoals een tag of een tabel met een vaste breedte, wordt de grootte van de tabel niet op basis van het browservenster, maar op de container bepaald.
Opmerking: Vanaf Dreamweaver CS4 vindt u niet langer een veld H (hoogte). Als best practice specificeren de meeste ontwerpers de tabelhoogte niet omdat de inhoud van de tabel kan veranderen van de ene bezoeker naar de andere. De lettergrootte van tekst is bijvoorbeeld afhankelijk van het systeem en de instellingen van een gebruiker.
-
CellPad: Specificeert de ruimte tussen de inhoud van een cel en de rand ervan.
-
CellSpace: Specificeert de ruimte tussen tabelcellen.
-
Uitlijnen: Hiermee bepaalt u de uitlijning van de tabel op de webpagina. De opties zijn Standaard, Links, Midden en Rechts. Als algemene regel lijnt de standaardinstelling de tabel uit vanaf de linkerzijde van het browservenster of een andere container.
-
Rand: Regelt de grootte van de rand rond de tafel.Hoe groter het getal, hoe dikker de rand. Als u wilt dat de rand onzichtbaar is, stelt u deze in op 0.
-
Klasse: Biedt gemakkelijke toegang tot stijlbladopties.
-
Wissen en converteren: De pictogrammen in het gebied linksonder in de eigenschappencontrole (klik op de expanderpijl in de rechterbenedenhoek om ze te bekijken) bieden deze opmaakopties:
-
Wissen van rijhoogtes > en Wissen van kolombreedten stellen u in staat om alle hoogte- en breedtewaarden in één keer te verwijderen. Tabelbreedten converteren naar pixels
-
en Tabelbreedten converteren naar percentage stellen u in staat automatisch de breedte-instellingen van percentages in pixels te wijzigen. Pixels geven een vaste breedte aan; een procentuele instelling betekent dat de browser automatisch het aangegeven percentage van het weergavegebied van de browser aanpast. U kunt ook opmaakopties toepassen en de kenmerken van elk element wijzigen - zoals tekst, een afbeelding of een multimediabestand - in een tabelcel. Hiertoe selecteert u het element en gebruikt u de opties in de CSS- of HTML-eigenschappencontrole om de gewenste wijzigingen aan te brengen, net zoals u zou doen als het element zich niet in een tabelcel bevond.
-