Internet business web page designs

Web site and web page designs are two different matters while they are connected and related a web site is the accumulation of files and folders that include web page or pages. A web page is a document written usually in HTML that displays information, images, tables, charts and of course written text information. Today video pod casts, radio pod casts, social networks reads and feeds all are commonly used as part of the web page.

Web page design can incorporate frames tables, divisions, and designed to be set up to display much like a newspaper or a book. Some may be set up as catalog lists for sales. More and more are set up as articles to promote Internet entrepreneurs products and what are becoming more popular today is the eBook loaded with information on a subject or system that can make money and be branded.
The basics of a web page is the formatting and what are called "tags" which tells the browser how to display and what is in the web page. these tags are known as Hypertext Markup Language "HTML" documents. The first tag is put between the Greater than sign and the less than sign "<" greater than and ">" less than sign. HTML is a the way to:
Publish online documents with headings, text, tables, lists, photos, etc.
Design forms that allow for doing transactions with remote services, for use in searching for information online or in a document page, making reservations with restaurants, travel, and hotels, ordering products, etc.
Include spreadsheets and charts in a document, Play a video clips, sound clips, and other applications directly in web page documents.
To get online information via hypertext links to resources.
EXAMPLE:

  • <HTML> opens the document page
  • <TITLE> Titles the Page </TITLE> closes the title
  • <HEAD> Head of page including meta tags
  • <meta content="text/html; charset=ISO-8859-1 http-equiv="content-type">sets the text, and html character set, the font style
  • <meta="Description"> Set the page description, what the page is about
  • <meta=" Keywords"> puts keywords up front for the search engines to find
  • </HEAD> close of head
  • <BODY> opens the body of the page where most of displayed items appear
  • </BODY> closes the body of the web page
  • </HTML> closes the document page

Backgrounds

the background of a page can be set to a design or color. If you want you can set a background audio file to play when the page first opens.

Tables

By setting Tables a web page can be set to display information in cells and thus formatted to display as rows and columns. these can also be set in divisions on a page making a very complex and varied page.

  • <TABLE> starts the table
  • <TR> starts the row of a table set
  • <TD> starts the columns
  • </TD> ends the columns then the next columns can be started
  • </TR> closes the row and a new row can be started
  • </TABLE> closes the table

Tables can be formatted with alignments LEFT, CENTER, RIGHT, size and background color can also be set. depending on the preferred look of the page even the frame can be displayed or not with the colors of the border chosen to the desired look using cell padding or not.
EXAMPLE:

<TABLE align="Left" border="red" cellpading="2"> sets the table on the left of the page, boarder color is red with a line size around the table at 2 pixels wide or if you prefer thick.

The text and information held in the table, or table cell can be assigned also by the "Valign" instruction. this allows the displayed information to be placed in the TOP, MIDDLE, or BOTTOM of the table cells.
EXAMPLE:

  • <TABLE><TR><TD VALIGN="TOP"> Displays at the top of the selected cell.
  • <TABLE><TR><TD VALIGN="MIDDLE"> Displays in the middle of the selected cell.
  • <TABLE><TR><TD VALIGN="BOTTOM"> Displays at the bottom of the selected cell.
  • To close the table HTML document tags are placed in the reverse order of the opening tags using the back slash symbol"/"
  • </TD></TR></TABLE>closes the table column, then the table row, and finally the Table. Next you need to close the body with the tag "</BODY>" Closing the document page is done by using the tag </HTML> as the last tag.

Example:

  • </TD>
  • </TR>
  • </TABLE>
  • </BODY>
  • </HTML>

For more on this subject CLICK FOR W3sCHOOLS ONLINE WEB TUTORIALS

Web Page linking

There are some very useful ways to get the design of your web page to perform some really unique options without needing a lot of programing. Some simple ways is to tag the options through links anchored within the text of your HTML. An anchor is created by inserting the <a> tag then to set the reference to the source of the Link you may want to use.

EXAMPLE

<a>: sets the anchor, then add the reference "href=" <href="source of the link to be accessed">Fill in any descriptive text between the link and the close of the reference </href=></a>close's the option. The anchor and reference here will set up a link to a web page and then by clicking on the link go to that site, or right click it and chose the open in a new window option and have the site load in a new window without leaving the page your on. Note the " quote marks" enclosing the source link

<a><href="http://www.bobsshops.com">Click here to go to my online web-page</href></a>

This line of anchor will look like this: Click here to go to my online web-page

HTML Forms On Your Document

You can put a form on your web document that can be used to gather information, set up an email form to communicate, fill in a data base, and bring up items searched and then display them for the user, and browser to utilize.

A form can contain input elements like text fields, check boxes, radio-buttons, submit buttons and more. A form can also contain, field set, legend,select lists, label elements, and text area.

The first thing you need to do is define the area of the document that you want to place the form. That is called a division, <div> tag is used to do that. Then within the division set up that this will be a form. The <form> tag is used to create an HTML form:

<form>
.
input elements
.
</form>

The input element is used to select user information. this is the most important element to the form. The input element is used to select information from the user. The Input element can vary in many ways, depending on the type attribute. An input element can be of type check box, password, radio button, submit button,t ext field, and more depending on the information needed.

Check Boxes

Check boxes let a user make ONE or MORE options of a limited number of selections.

<input type="checkbox" /> defines a check box.


<form>
<input type="checkbox" name="animal" value="Bird" /> I love a bird<br />
<input type="checkbox" name="vehicle" value="Car" /> I have a car

</form>

HTML code above will look this way in a browser:

I love a bird
I have a car

Radio Buttons

Radio buttons let a user choose (ONLY ONE), one of a listed number of choices:

<input type="radio" /> defines a radio button.

<form>
<input type="radio" name="sex" value="man" /> Man<br />
<input type="radio" name="sex" value="woman" /> Woman
</form>

This is how the HTML code above looks in a browser:

Man
Woman

Password Field

<input type="password" /> defines a password field:

<form>
Password: <input type="password" name="pwd" />
</form>

How the HTML code above looks in a browser:

Password:

Note: The characters displayed in the password field are masked (presented as asterisks or circles). Password:●●● Password *****

Submit Button

<input type="submit" /> defines a submit button.

A submit button is used to send form data to a server. The data is sent to the page specified in the form's action attribute. The file defined in the action attribute usually does something with the received input:

<form name="input" action="html_form_action.asp" method="get">
Username: <input type="text" name="user" />
<input type="submit" value="Submit" />
</form>

This is how the HTML code above would look in a browser:

Username:

If you type some characters in the text field above, and click the "Submit" button, the browser will send your input to a page called "html_form_action.asp". The page will show you the received input as a result.


A FEW IMAGES USED IN DESIGN

WEB INTRO VIDEO

Bob's Online Music And Movies

The Beatles (The Original Studio Recordings)
The Beatles (The Original Studio Recordings)

Hard black glossy lift top with magnet clasp

CDs packaged in three panel digi-pak with digital mini documentaries

Remastered by Guy Massey, Steve Rooke, Sam Okell with Paul Hicks and Sean Magee

-Contains:

All 13 Studio remasters plus Past Masters (digi packaging with digital mini documentaries)

Please Please Me

With The Beatles

A Hard Day's Night

Beatles For Sale

Help!

Rubber Soul

Revolver

Sgt. Pepper's Lonely Hearts Club Band

Magical Mystery Tour

The Beatles

Yellow Submarine

Abbey Road

Let It Be

Past Masters

DVD of all 13 mini-documentaries (Running time: 40 minutes)

 
Number Ones
Number Ones

Product Details

* Amazon Sales Rank: #73 in Music

* Brand: Sony

* Released on: 2003-11-18

* Number of discs: 1

* Dimensions: .21 pounds

 

Comments 2 comments

prasannasutrave profile image

prasannasutrave 7 years ago from mumbai( india )

Very useful information.


Ultimate Hubber profile image

Ultimate Hubber 7 years ago

You have beautifully explains the basics of web design ... Thanx Bob.

    Sign in or sign up and post using a HubPages Network account.

    0 of 8192 characters used
    Post Comment

    No HTML is allowed in comments, but URLs will be hyperlinked. Comments are not for promoting your articles or other sites.


    Click to Rate This Article
    working