Web Development

  Homes arrow Web Development arrow Microsoft FrontPage 2000 - Working with Table...
 Webmaster Tools
 
Base64 Encoding 
Browser Settings 
CSS Coder 
CSS Navigation Menu 
Datetime Converter 
DHTML Tooltip 
Dig Utility 
DNS Utility 
Dropdown Menu 
Fetch Content 
Fetch Header 
Floating Layer 
htaccess Generator 
HTML to PHP 
HTML Encoder 
HTML Entities 
IP Convert 
Meta Tags 
Password Encryption
 
Password Strength
 
Pattern Extractor 
Ping Utility 
Pop-Up Window 
Regex Extractor 
Regex Match 
Scrollbar Color 
Source Viewer 
Syntax Highlighting 
URL Encoding 
Web Safe Colors 
Forums Sitemap 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
WEB DEVELOPMENT

Microsoft FrontPage 2000 - Working with Tables
By: Developer Shed
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 1 stars1 stars1 stars1 stars1 stars / 1
    2004-04-13

    Table of Contents:

    Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     

    SEARCH DEV MECHANIC

    TOOLS YOU CAN USE

    advertisement

    Microsoft FrontPage 2000 - Working with Tables
    by GTS Learning

    Tables are most commonly used to arrange data systematically (as below). However, tables with invisible borders can also be used to organise the layout of a text and pictures on a web page.


    A web page showing data arranged systematically in a table

    Creating a Table

    In FrontPage you can create a table in a number of different ways. The end result is the same - but the way you get there is quite different.

    To create a table using the Table menu

    If you create a table using the Insert Table... command from the Table menu, you are able to set initial properties for the table as it is created.

    • In Page view, move the insertion point to where you want to create the table
    • From the Table menu, select Insert, and then select Table...

    The Insert Table dialogue box is displayed.

    • In the Rows: field, specify the number of rows you want
    • In the Columns: field, specify the number of columns you want
    • In the Alignment: field, choose where you want the table positioned on the page
    • In the Border Size: field, enter how wide you want the border to be, in pixels
    • To change the table's cell padding, enter a number in the Cell Padding: field. Cell padding is the space between the contents and inside edges of cells.
    • To change the table's cell spacing, enter a number in the Cell Spacing field. Cell spacing determines how much space is placed between all the cells in a table.
    • Click OK

    Tip: You can reset the alignment, border size, cell padding and spacing once you have created the table, by right-clicking the table and selecting Table Properties... from the shortcut menu.

    Note: When you insert a table with a border size of zero, FrontPage displays a table grid to help you design the layout of the table. This grid is a guide only; when the page is displayed in a web browser the grid will not be shown.

    To create a table using the Insert Table button

    To quickly create a table with the same number of cells in each row and column, using mostly default settings, follow the procedure below.

    • In Page view, move the insertion point where you want to create the table
    • On the Standard toolbar, click Insert Table
    • Drag until FrontPage displays the number of rows and columns you want
    • Release the mouse button

    The table is created.


    To create a table using the Table drawing tools

    The Draw Table button on the Table Toolbar allows you to draw a table with irregular rows and columns.

    • In Page view, move the insertion point to where you want to create the table
    • On the Standard toolbar, click Draw Table

    OR

    • From the Table menu, select Draw Table...

    The Tables toolbar is displayed.

    • To draw the outside border of the table, drag from the upper-left corner to the lower-right corner of the table
    • To make cells, draw vertical and horizontal lines within the table
    • To finish drawing lines, on the Standard toolbar, click Draw Table again

    Tip: Click Eraser on the Tables toolbar to remove any lines you do not want.

    Note: FrontPage adds the HTML tags <table> </table> around the table. The HTML tags <td> </td> define a table cell.

    Typing and Moving in a Table

    To type text

    • Position the insertion point in a cell and type

    When you type text in a cell or insert a picture, the cell expands horizontally and vertically to accommodate the elements that are typed or inserted.

    • Press Tab to move into the next cell
    • Press Shift+Tab to move back to the previous cell

    You can now edit, format, and specify properties for the text or inserted element as normal.

    Selecting in a Table

    After you create and fill your table, you will probably have to make changes to the table. You may need to insert new column or rows or merge cells together. Before you can do this, you need to select the cell, row or column that you want to work on.

    To select a cell

    • Double-click the left cell padding when the mouse pointer is displayed.

    To select a row

    • Move the pointer to the left of the row, then click the left border of the row when the mouse pointer is displayed (To select multiple rows, drag the mouse over the rows)

    To select a column

    • Move the pointer to the top of the column, then click the top border of the column when the mouse pointer is displayed (To select multiple columns, drag the mouse over the columns)

    To select a table

    • Move the insertion point into the table
    • From the Table menu, select Select and then select Table

    Deleting Rows and Columns

    To delete a table or its parts, you must first select the table or the part you want to delete.

    To delete a row

    • In Page view, select the row you want to delete.
    • On the Table toolbar, click Delete Cells

    To delete a column

    • In Page view, select the column you want to delete
    • On the Table toolbar, click Delete Cells

    To delete a table

    • In Page view, select the table you want to delete
    • Press Delete

    Inserting Rows and Columns

    After a table is created, you can insert rows and columns as needed.

    To insert a row or column

    • In Page view, select a row or column
    • To insert a row above a selected row, on the Table toolbar, click Insert Rows
    • To insert a column to the left of a selected column, on the Table toolbar, click Insert Columns

    Note: To insert several rows or columns at once, first select the number of you want inserted. The number of rows/columns you select will be inserted.

    Note: To insert a new row at the bottom of the table, press Tab in the bottom right cell.

    Changing Column Width

    When a table is first created, the columns are sized equally. You can change the column widths by dragging the right cell border of the column you want to change.

    To change the column width

    • Move the mouse pointer to the right border of a column

    The mouse pointer shape changes to a double-headed horizontal arrow.

    • Drag to the right to increase the width of a column
    • Drag to the left to decrease the width of a column

    Note: Drag the right border of the column at the right of the table to decrease or increase the overall table size (each column is changed proportionally).

    To distribute rows and columns evenly

    If you have a table of varying row heights and column widths, you can use the Distribute Rows Evenly and Distribute Columns Evenly commands to equalise the width or height of the selected rows or columns.

    • Select the rows or columns that you want to make the same height or width
    • From the Table menu, select Distribute Rows Evenly or Distribute Columns Evenly, or click the Distribute Rows Evenly or Distribute Columns Evenly buttons on the Tables toolbar

    Merging Cells

    Sometimes you want text or a figure to span the width of multiple cells. A heading is an example of text you may want to stretch across several columns.

    To merge cells

    Note: This command is only available when two or more cells are selected, and the selected cells form a rectangle.

    • In Page view select more than one cell
    • On the Tables toolbar, click Merge Cells

    To split cells

    You can split cells into columns or rows.

    • In Page view, move the insertion point inside the cell you want to split
    • On the Tables toolbar, click Split Cells

    The Split Cells dialogue box is displayed.


    Split Cells dialogue box

    • Select Split into Columns or Split into Rows
    • In the Split into columns or Split into rows field, enter the number of columns or rows into which you want the cells split
    • Click OK


    DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware.

    More Web Development Articles
    More By Developer Shed

       

    WEB DEVELOPMENT ARTICLES

    - On Page SEO for New Domains
    - Improve Your Site`s Speed
    - Safari Books Online Review
    - Creating an Estore From the Ground Up
    - Most Common SEO Mistakes Developers Make
    - Making the Most of Your Titles and Meta Desc...
    - Five Ways Using Flash Can Damage Your Site
    - A Web Designer`s Guide to Colors
    - Use Webstarts to Create a Free Site
    - More Than Just Looks. How Your Web Design C...
    - How to Design Content Pages
    - Mint Review
    - Make Your WordPress Website Look Professional
    - How to Create a Mobile Web Site
    - Meta Tags: Still Useful?

    Developer Shed Affiliates

     



    © 2003-2018 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap