|
If you are not using predefined templates, the next easiest way is with the use of tables. This also includes
the use of graphics within each of the table cells. The reason for doing this is that you can maintain specific
sizing of the overall width and length of the web page. My first attempt at combining text and graphics in a web
page was disastrous. The text ran off the page and it was necessary to use the horizontal scroll bar to view it.
Within your software, you should have a site-view capability, which would allow you to view the actual size of the
page in the number of pixels.
A pixel is a standard unit of measure used in graphics. You have the option of viewing your site in inches
or pixels, however using the pixel format will give you much more precision and control.
Additionally, most graphics files are defined in pixels as well which would then make your page site and
graphics on the same measurement standard. If you place text in a pre-defined set of cells, you can avoid the
un-formatted condition I discussed earlier. Pay specific attention to the overall pixel size of the table, as
it will appear differently on each type of browser and monitor.
Text Links
Text Links or Hyperlinks (sometimes called Hypertext) are one of the more important aspects of a web page
because they create a link to either internal information or external information on a web site
that is at another location. You have seen hypertext in use on most of the web pages that you have visited; it is
the highlighted text within the HTML of the document you are viewing. In fact you have seen hyperlinks within this
eBook directing you to other pages within this website, products, services or additional information on the
Internet.
When you pass your cursor over hypertext in a web page, the cursor changes into a hand thus signifying that the
text is active and will take you to another location. Proper use of hypertext within a web page makes that page
more interesting to the viewer. Viewers like to click to find information, the more clicks, the more information to
view. Web sites need to have interactivity, engaging the viewer into staying on the site and not leaving.
Creating Hypertext or a Hyperlink
Each software program has its own set of commands to hyperlink text or graphics. But for the most part it’s all
about the same. Highlighting the text and then applying the actual link to that text. Each software program has
specific instructions to create a link by using text or images. Refer to the software’s instructions for specific
usage. The following is an example of how to create hypertext links. You can use the following example to create
your own just insert your URL and text:
To create a link to Home Business Information you would use the following html:
To create the above text link you would use the following html:
<a href="http://www.homebusinessresearch.com">Home Business
Research</a>
There us a very handy software tool Note Tab Pro www.notetab.com
that can create small snippets of html code for you. It’s a replacement for your systems NotePad and it is well
worth it.
Hypertext should be used efficiently; too much on one page has a tendency to add clutter but more importantly
take away from the content of your page.
|