Een schuifbalk toevoegen in Dreamweaver CS5

Adobe Dreamweaver CS5 biedt HTML5-ondersteuning, een voorbeeldpaneel met meerdere pagina's en real-time weergave waarmee ontwerpers de wijzigingen die ze op websites maken onmiddellijk kunnen bekijken. Dreamweaver ondersteunt ook alle belangrijke CSS-eigenschappen, inclusief schuifbalken voor pagina's. Hoewel de meeste webbrowsers automatisch schuifbalken voor webpagina's bevatten, kunnen gebruikers met behulp van een CSS-schuifbalktag de grootte van het object aanpassen.

1.

Open Dreamweaver op uw computer. Klik op het menu "Bestand" en selecteer vervolgens "Project openen". Navigeer door het browservenster om het Dreamweaver-project te selecteren dat u wilt openen.

2.

Klik direct onder de tag "" in de HTML-code voor uw webpagina. Druk op de "Enter" knop om een ​​paar lege regels te maken. Type "" op deze regel.

3.

Verplaats de cursor naar de lege regel direct onder de tag "". Type "div.scroll" op deze regel en druk vervolgens op de "Enter" knop. Type "{" op deze nieuwe regel en druk vervolgens twee keer op de "Enter" knop. Type "}" op deze regel. Verplaats de cursor naar de lege regel tussen de twee haakjes.

4.

Typ 'Breedte:' en druk op de knop 'Enter' om een ​​nieuwe regel te maken. Typ 'Hoogte:' op deze nieuwe regel. Voer de gewenste breedte en hoogte van de schuifbalk in op hun respectievelijke lijnen. Druk opnieuw op de knop "Enter" om een ​​nieuwe lege regel te maken onder "width" en "height". Typ "Overloop: Auto;"