Dreamweaver Part 1

Back to Lesson Page

Follow the steps below to create a table and learn about properties. Words that appear in italics below are words that you type, but do not italicize the words in Dreamweaver.

 

  1. Open Dreamweaver.
  2. Navigate to your main folder and right click on your folder name.
  3. Click New File and type dreampart1_maryjones.html replacing the maryjones with your name then press ENTER.
  4. Double click the icon in front of the new file name to open the file.
  5. Type Animals in the TCA Zoo and press ENTER.
  6. On the Menu Bar click INSERT, click TABLE.
  7. In the Rows box enter 5, in the Columns box enter 3, in the Table width box enter 800, and click OK.
  8. Click in the first cell in the first row and press the SHIFT key, click in the second cell in the first row as you continue to hold the SHIFT key, click in the third cell in the first row as you continue to hold the SHIFT key. 
  9. All cells in the first row should be selected, release the SHIFT key and click on the Merges selected cells using span button in the lower left-hand section of the Properties section.
  10. Right click on the tab that has your file name dreampart1_maryjones.html* and click Save.
  11. Click in the first cell and type TCA Zoo.  Highlight the text and in the Properties section change the Font Size to xx-large.
  12. Click on the Align Center button.
  13. Click the Text Color box and change the text to a light tan.
  14. Click off of the text but remain in the same cell and click in the Properties section on the background color box and select black.
  15. Click in the first cell in the second row and change the cell width to 225 and the cell height to 225.
  16. On the Menu Bar click INSERT IMAGE and navigate to the Images folder and to ZooImages folder and click on lion.gif.
  17. Click in the middle cell on the second row and change the width to 350.
  18. Click in the last cell on th second row and change the width to 225 and the height to 225.
  19. On the Menu Bar click INSERT IMAGE and navigate to insert zebra.gif.
  20. Click in the first cell in the last row and hold the SHIFT key then select the middle and last cells in the bottom row and then click on the merge button to merge them all together.
  21. Type All images are from Microsoft Clipart
  22. Center the text.
  23. Click in the Title box and type Barbara’s Page using your first name.
  24. Please see the Example.
  25. Click in the fourth cell first column and insert the elephant.gif.
  26. Click in the fourth cell last column and insert the giraffe.gif.
  27. Center the image.
  28. Save changes.