#4 Tables - HTML FourthEdition Project 4 Creating Tables in...

Info iconThis preview shows pages 1–16. Sign up to view the full content.

View Full Document Right Arrow Icon
HTML Concepts and Techniques Fourth Edition Project 4 Creating Tables in a Web Site
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Project 4: Creating Tables in a Web Site 2 Project Objectives Define table elements Describe the steps used to plan, design, and code a table Create a borderless table to organize images Create a vertical menu bar with text links
Background image of page 2
Project 4: Creating Tables in a Web Site 3 Project Objectives Create a borderless table to organize text Create a horizontal menu bar with text links Create a table with borders Change the horizontal alignment of text
Background image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Project 4: Creating Tables in a Web Site 4 Project Objectives Add background color to rows and cells Alter the spacing between and within cells using the cellspacing and cellpadding attributes Insert a caption below a table Use the rowspan and colspan attributes
Background image of page 4
Project 4: Creating Tables in a Web Site 5 Starting Notepad Click the Start button on the taskbar Point to All Programs on the Start menu, point to Accessories on the All Programs submenu, and then click Notepad on the Accessories submenu If the Notepad window is not maximized, click the Maximize button on the Notepad title bar to maximize it Click Format on the menu bar and, if necessary, click Word Wrap to turn Word Wrap on
Background image of page 5

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Project 4: Creating Tables in a Web Site 6 Entering the HTML Tags to Define the Web Page Structure
Background image of page 6
Project 4: Creating Tables in a Web Site 7 Creating a Borderless Table to Position Images If necessary, click line 10 Type <table border="0" cols="2“ width="90%"> and then press the ENTER key
Background image of page 7

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Project 4: Creating Tables in a Web Site 8 Creating a Borderless Table to Position Images
Background image of page 8
Project 4: Creating Tables in a Web Site 9 Inserting Images in a Table If necessary, click line 11, type <tr> as the tag, and then press the ENTER key Type <td><img src=“bellvideologo.gif” width=“596” height=“93” alt=“Bell Video Logo” /></td> and then press the ENTER key Type <td><img src="csexcellence.gif" width="144” height=”54” alt=”Excellence Award” /></td> and then press the ENTER key Type </tr> and then press the ENTER key Type </table> and then press the ENTER key
Background image of page 9

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Project 4: Creating Tables in a Web Site 10 Inserting Images in a Table
Background image of page 10
Project 4: Creating Tables in a Web Site 11 Creating a Vertical Menu Bar with Text Links If necessary, click line 17 Enter the HTML code shown below Press the ENTER key twice
Background image of page 11

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Project 4: Creating Tables in a Web Site 12 Creating a Vertical Menu Bar with Text Links
Background image of page 12
Project 4: Creating Tables in a Web Site 13 Adding Text to a Table Cell If necessary, click line 27 Enter the HTML code as shown in Table 4-5 on page HTM 151 and then press the ENTER key
Background image of page 13

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Project 4: Creating Tables in a Web Site 14 Adding Text to a Table Cell
Background image of page 14
Project 4: Creating Tables in a Web Site 15 Saving and Printing the HTML File With a USB drive plugged into your computer, click File on the menu bar and then click Save As. Type
Background image of page 15

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Image of page 16
This is the end of the preview. Sign up to access the rest of the document.

This note was uploaded on 06/14/2011 for the course COMPUTER 091 taught by Professor Rajivsir during the Summer '11 term at MIT.

Page1 / 57

#4 Tables - HTML FourthEdition Project 4 Creating Tables in...

This preview shows document pages 1 - 16. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online