1. 3.9.15 How are tables used in web design?

2. A table (FIVE THINGS TO KNOW) 1. Is made up of columns and rows 2. Has cells where columns and rows intersect 3. Is used in basic HTML layouts to organize and arrange 4. Can have it’s own set of properties for each cell 5. Is customized by merging and dividing cells

3. How to create a table? Place the insertion point where you want the table to be Click Insert Menu>Table Input the width* of the table, number of cells and columns The width can be one of two things: 1.Specific amount of pixels 2.A percentage of the width of the area

4. Today’s Assignment 1. Copy your website folder to the Desktop or plug the flash drive with your folder into the computer 2. Import your site into Dreamweaver 3. Create a new blank HTML file 4. Save the page as: webwork.html 5. Modify the page background 6. Insert your banner head at the top of the page 7. Insert a new table with 700 pixels width, 2 columns and 8 rows 8. Modify the table so that it matches the example on the next slide

5. SAMPLE TABLE TO MATCH BELOW THIS IS MY FIRST MARKING PERIOD WEB WORK Click on the title for each project to see what I completed HTML Hand Coded Site I made this three page site using just Notepad and basic HTML commands. Place a photograph of yourself in this area…..should be a portrait photograph NOT A LANDSCAPE PHOTO My Web Banner Head I created this in Photoshop and am using it on every page of this site. My Rosario Dawson Background This page shows how a large image can be used as a background. Gabrielle Union Background This page is another example of my using Photoshop on a large image to create a background. My Own Background I took a photo of myself and turned it into a large no scrolling background. Hip Hop Image Map This page shows my Image Mapping Skills in Dreamweaver