Dreamweaver
Beginning Web Page Design

Inserting and Modifing Tables

• Place your blinking cursor under "Important Dates"
• Insert >> Table
• An insert table box will appear
• In the Insert Table window, type in 4 rows and 2 columns
• Type 50 in the Width box and select Percent selected
• (Optional) Type 1 for the Border size 0 for Cell Padding and Cell Spacing . These can be changed later on the Properties toolbar after you click on the table's border to select the entire table.
• Click OK
• In the first cell of the first row type Assignment and make it bold, press the TAB key to change to the next cell.
• In the second cell of the first row type Due Date and make it bold, press the TAB key to change to the next cell. Clicking inside a cell is another way to move the cursor to enter text and/or graphics.
• Type in text for the remaining cells
• Change the color of the first row and the text in it
  • Select the first row of the the table. Do this by placing the mouse over the left edge of the first row of the table until a solid black arrow appears. With the arrow pointing at the first row, click the left mouse button once. Notice that the entire row is now highlighted.
  • Look on the Properties toolbar and find Bg
  • Click on the grey box beside Bg and choose a dark color. Notice that it is hard to see the text you typed earlier.
  • Highlight the text in the first row of the table
  • Text >> Color and select a light color (white or grey)
  • Click OK
• Center the text in the table
  • Select all the text in the table
  • Text >> Align >> Center or use the center button on the Properties toolbar
• Save your page! ( Ctrl+S )
• Hit F12 to preview your page in a browser.
• Close the browser window.
• Close syllabus.html
  
  Tips
  • Tables can be used to present data on a web page or to create elaborate layouts.
  • Each cell of the table can be used to hold web page content in place. This creates white space and alignment options.
  • Table borders can be visible or invisible.