How to Create Table, Afbeelding invoegen en Change Font Color in Dreamweaver

13 november

Geplaatst door boey zoals Adobe Dreamweaver, Design Tips, HTML Editors, Website Tips

Voor degenen die niet vertrouwd zijn met Adobe Dreamweaver, maar willen hebben over een keer te proberen, kunt u volg deze fundamentele Dreamweaver tutorial.

Voor deze tutorial start, maakt u een map naam "tutorial-01" op je desktop computer. Binnen de "tutorial-01"-map, maak dan een map naam "beelden". Leg 1 foto in de "images" map.

1) Ga naar Bestand> Nieuw> Leeg> HTML

2) Onder Design view mode. Ga naar boven menu Invoegen> Tabel. Volg de instelling zoals hieronder beeld.

3) Finish instelling, klik op OK Zij zal die eruitzien.

4) Sla het bestand op in de "tutorial-01"-map, noem het wat je ooit wilt, bijvoorbeeld. "Table.html"

5) Klik op de linker kolom, ga naar boven menu Invoegen> Afbeelding. Dubbelklik op het "images" map en selecteert u de foto binnen. Klik op OK.

6) Als de versie die je met behulp van Dreamweaver hebben deze stap, maar maken een andere pop-up venster vragen in te vullen Image Tag, over de "Alternatieve tekst"-veld, typt u in enkele woorden kunnen vertegenwoordigen het beeld. Als uw Dreamweaver geen pop-up dit venster, maar deze stap overslaan.

7) Het zal lijken op dat in dreamweaver.

8) U kunt de middelste lijn voor de aanpassing van de breedte voor het linker en rechter kolommen.

9) Klik op de rechter kolom, typt u in enkele woorden.

10) Om vet en veranderen van de letterkleur, selecteert u de woorden die u wilt wijzigen. Ga naar de onderkant van de Dreamweaver, Properties panel. Volg de instelling hieronder.

11) Maak de kleur en lettertype.

12) De woorden kijken midden op de tafel nu. Als je het aan de top, selecteert u de rechter kolom weer, ga naar het venster Eigenschappen, verander het "Vert" in "Top".

13) Hier is de uiteindelijke look.

14) Als u in uw browser en ga naar boven menu "Bestand"> "Voorbeeld in browser '> selecteer de browser die u wilt bekijken inch of korte cut-toets, klik op" F12 "in uw toetsenbord.

Hope krijg je een idee over hoe Dreamweaver werken vanuit deze basis-tutorial.

Bookmark en Share: