Create Pages Using Tables

Create Pages Using Tables (video)

  1. Open Dreamweaver
  2. Click ‘File’
  3. Click ‘New HTML’
  4. Click the center align button
  5. Click the table button
    1. Enter 3 rows
    2. Enter 1 column
    3. Enter 700 pixels (not percent)
    4. Click ‘OK’
  6. Go to row two
    1. Right-click
    2. Select ‘Table’
    3. Select ‘Split Cell’
    4. Enter 3 for cells
    5. Select ‘Columns’
    6. Click ‘OK’
  7. In row 2, column 1, type Home
  8. Hit enter
  9. type Admissions
  10. type Athletics
  11. In row 2, column 2, type “Mott Community College is the leading educational institution in Genesee County for high school graduates and returning students.”
  12. From Mott’s website, locate a logo image and three images for your other pages
  13. Save the images to a new folder called ‘homework5’ that is in your ‘public_html/comw100’ folders
  14. Save your page as index.html to the homework5 folder
  15. Insert the Mott logo in cell 1
    1. Click the image button on your toolbar
    2. Select the image
    3. Left-align the image if it isn’t already
  16. Highlight ‘Home’
  17. Click hyperlink from the toolbar
  18. Select index.html (the page you are working on)
  19. Highlight ‘Admissions’
  20. Click hyperlink from the toolbar
  21. Type ‘admissions.html’ (do not get creative here as we will reference this again!)
  22. Highlight ‘Athletics’
  23. Click hyperlink from the toolbar
  24. Type ‘athletics.html’ (do not get creative here as we will reference this again!)
  25. Insert your home page image on row 2, column 3
    1. Click the image button on your toolbar
    2. Select the image
    3. Right-align the image
  26. Using your mouse, drag column 1 until it is 135 pixels wide
  27. Change the background color of your page
    1. Click ‘Page Properties’
    2. Select the background color of your choice
  28. Change the background color of your table
    1. Click on <table> below your content area
    2. Select the background color of your choice
  29. Save your page again
  30. Save your page as ‘athletics.html’ (do not get creative here!)
  31. Save your page as ‘admissions.html’ (do not get creative here!)
  32. Change the image in row 2, column 3 on the two new pages
  33. Change the content in row 2, column 2 on the two new pages
  34. Save each page
  35. Copy your homework5 folder to your web space
  36. Link your assignment from your homework page.

You now have created a page using tables. The first page became your template and the additional pages were very simple changes. You are encouraged to change the content and images to something that interests you.

Advertisements

Comments are closed.

%d bloggers like this: