3.9.15 how are tables used in web design?. a table (five things to know) 1. is made up of columns...

Click here to load reader

Upload: lee-reynolds

Post on 12-Jan-2016

216 views

Category:

Documents


0 download

TRANSCRIPT

How are tables used in web design?

3.9.15How are tables used in web design?A table (FIVE THINGS TO KNOW)Is made up of columns and rowsHas cells where columns and rows intersectIs used in basic HTML layouts to organize and arrangeCan have its own set of properties for each cellIs customized by merging and dividing cellsHow to create a table?Place the insertion point where you want the table to beClick Insert Menu>TableInput the width* of the table, number of cells and columns

The width can be one of two things:

Specific amount of pixelsA percentage of the width of the areaTodays AssignmentCopy your website folder to the Desktop or plug the flash drive with your folder into the computerImport your site into DreamweaverCreate a new blank HTML fileSave the page as: webwork.htmlModify the page backgroundInsert your banner head at the top of the pageInsert a new table with 700 pixels width, 2 columns and 8 rowsModify the table so that it matches the example on the next slide

SAMPLE TABLE TO MATCH BELOWTHIS IS MY FIRST MARKING PERIOD WEB WORKClick on the title for each project to see what I completedHTML Hand Coded SiteI 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 PHOTOMy Web Banner HeadI created this in Photoshop and am using it on every page of this site.My Rosario Dawson BackgroundThis page shows how a large image can be used as a background. Gabrielle Union BackgroundThis page is another example of my using Photoshop on a large image to create a background.My Own BackgroundI took a photo of myself and turned it into a large no scrolling background.Hip Hop Image MapThis page shows my Image Mapping Skills in Dreamweaver