Hvordan lage tekst Wrap Around et bilde i Dreamweaver

Lag websider som ser ut som profesjonelle avis- og magasinlayout ved å gjøre teksten brytes rundt bildene dine. Bilder er Cascading Style Sheet blokkobjekter, som har en CSS egenskap kalt "flyte". Ved hjelp av denne eiendommen, kan du fortelle nettlesere der du vil at teksten skal vises på en webside når den er i nærheten av et bilde. I Adobe Dreamweaver, kan du bryte tekst rundt bilder ved å lære hvordan du setter et bildes CSS flyte.

Bruksanvisning

1 Start Dreamweaver og klikk på HTML-knappen som vises på oppstartsiden. En ny HTML-dokumentet vises i redigeringsprogrammet.

2 Klikk på "Sett inn". Klikk deretter på "Image" for å vise Select Image Source-vindu som viser filer på datamaskinen din. Dobbeltklikk på en av disse filene for å legge det til redaktøren.

3 Skriv inn et navn som "wrapImage" i "Selector Name" tekstboksen og klikk "OK." Dreamweaver viser et nytt vindu som lar deg definere den nye stilen regel attributter.

4 Klikk på "Box" attributt. Deretter klikker du på "Float" drop-down pilen for å vise en liste med alternativer. Valgene er "venstre", "høyre" og "ingen". Klikk "venstre" hvis du vil at teksten skal flyte rundt på høyre side av bildet. Klikk "venstre" for å gjøre tekstflyt rundt bildets høyre side.