| Designing a professional looking web site
| |
| | adding your content. Your first step will
|
| involves much more than simply displaying
| |
| | be to delete the placeholder .
|
| text between your body tags. In order to
| |
| | These placeholders were placed between
|
| organize your page, you must use tables.A
| |
| | the < TD > and < /TD > tags to enable the
|
| table is an HTML element, also referred
| |
| | borders to display -- empty table cells
|
| to as a "tag," and is used to display
| |
| | do not display within a web browser.Your
|
| your web page content in an organized
| |
| | logo and navigational links should be
|
| fashion.Your page can be set up in
| |
| | displayed within the left column, which
|
| columns and rows, you can display your
| |
| | is the smaller of the two columns. All of
|
| table cells with or without a border, and
| |
| | your page content will be placed within
|
| you can even have a color or image
| |
| | the other column.Keep in mind, the top
|
| patterned background.Tables can be used
| |
| | left corner of your web page will not
|
| in an unlimited number of ways
| |
| | only be used to display your logo, but
|
| including:- Organize your text and
| |
| | should also contain your most important
|
| images- Display your text in a newspaper
| |
| | keyword phrase. Make sure you include an
|
| format- Add color and image backgrounds
| |
| | image alt tag displaying your keyword
|
| to text areas- Display chartsIf you've
| |
| | phrase within your image code.To spice up
|
| never designed a web page, your first
| |
| | your page, you can create additional
|
| step will be to learn some basic HTML.
| |
| | tables with color backgrounds and borders
|
| You can find a beginner tutorial at NCSA
| |
| | to divide your content into sections.All
|
| Beginner's Guide to HTML:
| |
| | of your text and additional tables will
|
| you begin designing your web page, you
| |
| | be placed between < TD WIDTH="80%"
|
| may want to consider placing all of your
| |
| | > < /TD >. Simply replace the
|
| page content within a table. This will
| |
| | text with your content and table
|
| enable you to adjust your table's
| |
| | codes.For example, the following table
|
| cellspacing to keep your text from
| |
| | can be used to display an introduction to
|
| displaying too close to the left border
| |
| | your product, article, review or whatever
|
| of your page. The higher the cellspacing
| |
| | you'd like.Keep in mind, you don't want
|
| value, the further away from the left
| |
| | to place all of your information on your
|
| border your text will be displayed. In
| |
| | main page. The key is to include
|
| addition, tables will enable you to
| |
| | highlights of your site on your main page
|
| display your page content in rows and
| |
| | with a link to further information.The
|
| columns rather than one big block of
| |
| | example link at the bottom of the table
|
| text.Tables are created with the < TABLE
| |
| | can be used to direct your visitors to
|
| >< /TABLE > tags. The < TABLE > tag
| |
| | further information. You can use the
|
| begins the table code and the < /TABLE >
| |
| | colors of your choice and adjust the
|
| tag ends the table.In addition to the
| |
| | width to suit your needs.< TABLE
|
| table tags, you must also specify the
| |
| | BORDER="0" CELLSPACING="0"
|
| number of rows and columns your table
| |
| | CELLPADDING="2" ALIGN="Center" WIDTH=80%
|
| will contain. To do this, you must use
| |
| | >
|
| the < TR > tag, which specifies the
| |
| | < TR >
|
| beginning of a table row and the < TD >
| |
| | < TD BGCOLOR="#919C9C" >< P ALIGN=Center
|
| tag, which will display your table data.
| |
| | >
|
| The < TD > tag should be placed in front
| |
| | < FONT face="Verdana,Helvetica" SIZE="2"
|
| of any information you would like to be
| |
| | COLOR="#FFFFFF" >< B >Your Table Heading<
|
| displayed within a cell. The < /TD > tag
| |
| | /B >< /FONT >< /TD >
|
| will close the cell. All of these tags
| |
| | < /TR >
|
| will be placed between the < TABLE > and
| |
| | < TR >
|
| < /TABLE > tags.Basic Table Structure:<
| |
| | < TD BGCOLOR="#000000" HEIGHT="2" >< /TD
|
| TABLE BORDER >
| |
| | >
|
| < TR >
| |
| | < /TR >
|
| < TD >Content< /TD >
| |
| | < TR >
|
| < /TR >
| |
| | < TD BGCOLOR="#CCCCCC" >< P ALIGN=Left
|
| < /TABLE >If you're just starting out,
| |
| | >your text here< /TD >
|
| you may want to use a simple table format
| |
| | < /TR >
|
| that will display your navigational links
| |
| | < TR >
|
| on the left or right hand side of the
| |
| | < TD BGCOLOR="#000000" HEIGHT="2" >< /TD
|
| page, and your text and other information
| |
| | >
|
| on the rest of the page -- in two
| |
| | < /TR >
|
| columns.When working with tables, make
| |
| | < TR >
|
| sure you create your tables with a
| |
| | < TD BGCOLOR="#919C9C" >< P ALIGN=Center
|
| border. This will enable you to see
| |
| | >
|
| exactly where your borders are so that
| |
| | < FONT face="Verdana,Helvetica" SIZE="2"
|
| you can make sure everything is
| |
| | COLOR="#FFFFFF" >< B >Link to further
|
| displaying properly. Once your page is
| |
| | info< /B >< /FONT >< /TD >
|
| complete, you can remove the border.The
| |
| | < /TR >
|
| following table code will create the
| |
| | < /TABLE >Keep in mind, when displaying
|
| basic layout for a web page with two
| |
| | text within each table cell, to specify a
|
| columns. The first column will span 20%
| |
| | specific font, you must use a font tag
|
| of the viewers' screen. The second will
| |
| | within each table cell.Once you complete
|
| span 80% -- for a total
| |
| | your web page, make sure you remove your
|
| of 100%.< TABLE BORDER CELLSPACING="10"
| |
| | table border. That's all there is to
|
| CELLPADDING="10" WIDTH="100%" >
| |
| | it.If you're not confident in your
|
| < TR VALIGN="Top" >
| |
| | ability to design a professional looking
|
| < TD WIDTH="20%" > < /TD >
| |
| | web site, Template Monster offers a large
|
| < TD WIDTH="80%" > < /TD >
| |
| | variety of highly professional site
|
| < /TR >
| |
| | templates.
|
| < /TABLE >Notice the table width is set
| |
| | you're in need of a professional logo,
|
| to 100%? This width will display the
| |
| | Gotlogos will design a beautiful logo for
|
| table across 100% of the viewers' screen.
| |
| | your site for only $25. your time and
|
| The cellspacing and cellpadding are set
| |
| | test different table designs. Try adding
|
| to 10 so that the text won't display
| |
| | new rows and columns and change the
|
| right up against the left edge of the
| |
| | background and border colors. The more
|
| page, and there will be some space
| |
| | you practice, the better you will
|
| between the cells.Once you have the basic
| |
| | become.Gook luck with your new site!
|
| page layout finished, you can begin
| |
| |
|
