For dem, der ikke er fortrolige med Adobe Dreamweaver, men vil gerne have en prøve på det, kan du følge dette Dreamweaver grundlæggende tutorial.

Før start denne tutorial, oprette en mappe med navnet "tutorial-01" i computerens skrivebord. Inde i "tutorial-01" mappe, oprette en mappe med navnet "billeder". Sæt 1 billede inde i "billeder" mappe.

1) Gå til Filer> Ny> Blank Page> HTML

2) I henhold til designvisning mode. Gå til top menu, Indsæt> Tabel. Følg den indstilling, som nedenstående billede.

How to Create Table, Insert Image and Change Font Color in Dreamweaver dreamweaver-table-001

3) Udfør indstilling, klikke på OK Det vil se ud som dette.

dreamweaver tutorial

4) Gem filen i "tutorial-01" mappe, navn den hvad du ønsker, f.eks. "Table.html"

5) Klik på venstre kolonne, skal du gå til top menu, Indsæt> Billede. Dobbeltklik på "billeder" mappe og vælge det foto indeni. Klik på OK.

6) Hvis Dreamweaver version du bruger har dette skridt, og det gør dukker op et andet vindue anmode om at udfylde billedtag'en på "Alternativ tekst", skriv i nogle ord kan repræsentere billedet. Hvis din Dreamweaver ikke pop up vinduet, blot springe dette trin over.

7) Det vil se ud, at der i Dreamweaver.

How to Create Table, Insert Image and Change Font Color in Dreamweaver dreamweaver-table-003

8) Du kan trække den midterste linje for at justere bredden for venstre og højre kolonne.

How to Create Table, Insert Image and Change Font Color in Dreamweaver dreamweaver-table-004

9) Klik på den højre kolonne, type i nogle ord.

How to Create Table, Insert Image and Change Font Color in Dreamweaver dreamweaver-table-005

10) Til fed og ændre skriftfarve ved at vælge de ord, du vil ændre. Gå til bunden af Dreamweaver, Properties panel. Følg indstilling nedenfor.

How to Create Table, Insert Image and Change Font Color in Dreamweaver dreamweaver-table-006

11) Udfør ændre farven & skriftstørrelse.

How to Create Table, Insert Image and Change Font Color in Dreamweaver dreamweaver-table-007

12) Ordene ser midt på bordet nu. Hvis du ønsker det på toppen, skal du vælge den højre kolonne igen, gå til Properties panel, ændre "vert" til "Top".

How to Create Table, Insert Image and Change Font Color in Dreamweaver dreamweaver-table-008

13) Her er det endelige udseende.

How to Create Table, Insert Image and Change Font Color in Dreamweaver dreamweaver-table-009

14) Hvis du vil have vist i din browser, skal du gå til top menuen "Filer"> "Vis i webbrowser"> vælge den browser, du ønsker at se i. Eller genvej nøglen, skal du klikke på "F12" på dit tastatur.

Håber du får en idé om, hvordan Dreamweaver arbejde fra dette grundlæggende tutorial.

Bookmark og Share:
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • Live
  • Reddit
  • StumbleUpon
  • Technorati
  • TwitThis
  • YahooMyWeb
  • BlinkList
  • Furl
  • Netvouz
  • NewsVine
  • Propeller
  • Slashdot
  • Spurl
  • SphereIt
  • LinkedIn
  • MySpace
  • Ping.fm