programming4us
 
Graphics
 

Adobe Dreamweaver CS5 : Working with Web Page Tables - Adding Content into a Table

5/25/2013 9:34:54 PM
After you finishing creating the table layout and cells, you can insert content. You can add text, images, and other data in Standard or Expanded Table modes. Simply click in the cell where you want to add material, and then type, paste, or insert the content you want. If you have content available in the Assets or Files panel, you can drag it into the table; releasing your mouse when you’re hovering over the right cell. You can only add content to layout cells; the empty grey area in a layout table is not available for content. When you add content to a cell, it automatically expands to accommodate the incoming content, which changes the size of the column and table.

Add Text or an Image to a Table

1. Open the Web page that contains the table you want to add content.

2. Click to place the insertion point in the layout cell where you want to add content.

3. To add text, type or paste the text you want.

  • Press Enter (Win) or Return (Mac) to add a paragraph return.

  • Press Shift+Enter (Win) or Shift+Return (Mac) to add a soft return.

Note

By default, the text is left justified and centered within the cell, and soft wraps at the end of the table cell.

4. To add an image, click the Insert menu, click Image, select the image file you want, and then click OK.

The table expands to accommodate the text or image content.


Modify Table Text

1. Select the table text you want to modify.

2. In the Properties panel, modify the text using the following options:

  • Format. Click to change the basic HTML format of the text (heading and paragraph styles).

  • Style. Click to work with CSS style sheets.

  • Alignment. Click to change the justification of the text (Align Left, Align Center, Align Right, or Justify).

  • Bold/Italic. Click to bold or italicize the selected text.

  • Font. Click to change the default font of the selected table text.

  • Size. Click to change the default size of the selected table text.

  • Color. Click to change the color of the selected table text (black, default).

Did You Know?

You can sort rows in a table. If you don’t have any merged cells in a table, you can sort the table. Select the table or click in any cell, click the Commands menu, and then click Sort Table. In the Sort dialog box, set the options you want, and then click OK. Some of the sort options include Sort By, Order, Sort Includes The First Row, Sort Header Rows, Sort Footer Rows, and Keep All Row Colors The Same After The Sort Has Been Completed.
 
Others
 
- Adobe Dreamweaver CS5 : Working with Web Page Tables - Modifying a Table
- Adobe Photoshop CS5 : Working with Layers - Linking and Unlinking Layers
- Adobe Photoshop CS5 : Working with Layers - Using Merge Layer Options
- Adobe Photoshop CS5 : Working with Layers - Controlling Image Information Using the Layers Panel, Moving Layers Between Documents
- Adobe Flash Catalyst CS5 : Animating State Change Transitions
- Adobe Flash Catalyst CS5 : Trigger View State Changes with Buttons
- Adobe Flash Catalyst CS5 : Components with Built-in View States
- Adobe Flash Catalyst CS5 : Create New States within a Component
- Adobe After Effects CS5 : Animating Text - Adding motion blur, Exporting to Adobe Flash Professional CS5
- Adobe After Effects CS5 : Animating Text - Animating a nontext layer along a motion path
 
 
REVIEW
 
- First look: Apple Watch

- 10 Amazing Tools You Should Be Using with Dropbox

- Sigma 24mm f/1.4 DG HSM Art

- Canon EF11-24mm f/4L USM

- Creative Sound Blaster Roar 2

- Alienware 17 - Dell's Alienware laptops

- Smartwatch : Wellograph

- Xiaomi Redmi 2
 
VIDEO TUTORIAL
 
- How to create your first Swimlane Diagram or Cross-Functional Flowchart Diagram by using Microsoft Visio 2010 (Part 1)

- How to create your first Swimlane Diagram or Cross-Functional Flowchart Diagram by using Microsoft Visio 2010 (Part 2)

- How to create your first Swimlane Diagram or Cross-Functional Flowchart Diagram by using Microsoft Visio 2010 (Part 3)
 
Popular tags
 
Video Tutorail Microsoft Access Microsoft Excel Microsoft OneNote Microsoft PowerPoint Microsoft Project Microsoft Visio Microsoft Word Active Directory Biztalk Exchange Server Microsoft LynC Server Microsoft Dynamic Sharepoint Sql Server Windows Server 2008 Windows Server 2012 Windows 7 Windows 8 Adobe Indesign Adobe Flash Professional Dreamweaver Adobe Illustrator Adobe After Effects Adobe Photoshop Adobe Fireworks Adobe Flash Catalyst Corel Painter X CorelDRAW X5 CorelDraw 10 QuarkXPress 8 windows Phone 7 windows Phone 8 BlackBerry Android Ipad Iphone iOS
 
Top 10
 
- How To Install Android Market & Google Apps On Kindle Fire
- How To Make Ubuntu Look Like Windows 7
- How To Add A New Account in MS Outlook 2013
- Get Android & Mac OS X Style Gadgets For Windows 7 & Windows 8 With XWidget
- How To Activate Microsoft Office 2013
- How To Install Actual Facebook App On Kindle Fire
- How To Create, View And Edit Microsoft Office Files On Kindle Fire
- Download Attractive Business PowerPoint Templates For Free At SlideHunter
- How To Use And Enable Hibernate & Sleep Mode In Windows 8
- How To Get Microsoft Office 2013 Trial Product Key From Microsoft