Thursday, July 3, 2008

A language known as HTML by Richard McLaughlin

 

Since 1995 or so websites have become one of the most popular means for companies and people to reach their customers and share information.

A language known as HTML (Hyper Text Markup Language) is used to make web sites. HTML is a set of instructions to the web browser that are inside these guys, < > and you seldom get to see them. When you’re done with an instruction, you end it with < / >. Inside those brackets, you need a command, like HR ��" to make a horizontal rule (also known as a line across the page).

When I go to begin a web page, I type commands like these WITHOUT the spaces.

< HTML > < HEAD > < TITLE >Ya Gotta have a title </TITLE> < /HEAD> < BODY> You can also control the size of your text ( < font size=2 >), underlined words, bolding and italics (even all 3 together). There are headline and a buncha sub-headlines. There are different ways to end a paragraph. Since the time that Tim Berners-Lee invented web sites, more ways have been developed to make website development faster and easier. What separates one website from another is design.

< CENTER> oh, yeah, you can center things. < /CENTER>

When designing a website consider the following key elements: the purpose of the site, the possible audience, content structure, and the design compatibility. Is this site needed at all?

Anyone about to create a web site should take the time to right a statement that says what the site is used for and what visitors can get from it. This will help the designer to plan a proper outline of how the website can be broken down and modified over time should (when) the need arises ��" having a long-term objective is a pretty good idea.

Who will be visiting your site? Women 16 ��" 26 from France and Belgium? Japanese men? In terms of audience, what is the target market. When you are doing this you should be able to narrow it down to one person who is your sample visitor. Killian Chad will be our sample person. He has an age, sex, marital status, he has (or doesn’t have) pets and so many other details that you can point out.

Sure, there is only one Killian, but you have to have a target in mind and saying Killian is easier than “Women 16 ��" 26 from France and Belgium”. Site visitors will be viewing the site for different reasons, a designer should know what those reasons are so she can try to make the site hit that customers ideas, and if the designer is good enough you may get return visits.

Content is the most important aspect of a web site. It is also the most time-consuming section of the website. Try to guess how long it took me to write this 850-word article. A good site needs hundreds (thousands?) of pages to be worthwhile and to give customers reason to return. If they don’t come back, they don’t spend money. Very important note here so I will < EM> emphasize < /EM> it. Your average visitor will not spend money. Your return visitors are those that have the greatest chance of forking over money for you.

A lot of planning is required because this will be the most dynamic part of the site. This means that the information will keep changing every now and then. This is especially true if the website deals with articles changing every day like newspaper websites. Content may also mean the way a product is advertised or presented to the user. The more attractive the graphics are and the catchier the copy is, the more it will help get more customers to a website. Copy is the text content that is included on the website.

Another tricky part about web design is making it compatible for all kinds of web browsers. A web browser is what a person will use to access the website, and probably how you are reading this. Some browsers change a web site’s look. The designer has to keep in mind that programming is still essential in page layout.

It is tricky but not very difficult since not only a lot of tweaking of measurements will be made to adjust the website dimensions. Only test on Microsoft Internet Explorer and Firefox (75% MS and 13% FF) ��" the other browsers only count about 5% of all users Online statistic I found at TheCounter http://www.thecounter.com/stats/2007/October/browser.php

The Web has changed the way businesses are run. People (like me) actually think to buy online before going to a store. I went 2 years without going into a bookstore. To get people to part from their hard-earned cash and buy items online (at your online store) is reason enough to have a good-looking site with interesting and accurate content. A professional looking site may help you generate more transactions and lead to more sales and higher more moo-lah in your pocket.

I am about to end this article< /BODY> < /HTML> There, it’s all over.

About the Author

Born and raised in the US Richard joined the Marine Corps in 1982 and left the States in 84, planning on returning one day. 23 years later, he has lived for a year or more in Japan, Chad, Ireland and France. He has also visited 74 other countries for business and pleasure. He is a dual national, French and American, living south of Paris. He is bi-lingual English and French and has over 20 years international IT experience.

Common Mistakes in the HEAD section of a Website by Curt Despres

 

Some of the most common and often made mistakes when designing a website is in the Head section of the HTML page. This article assumes that you have some experience in website design and HTML, but still are in the novice stage.

Let me just say before starting that, yes, I have made many of these mistakes myself. I think most have, whether they want to admit it or not!

1) I am including this very common mistake made by novice web designers even though this is not actually inside the HEAD tags. I don't know how many times I've seen in a forum the question "why is my page not doing what I told it to do?" A big reason is because many designers mistakingly omit the DOCTYPE declaration that should be the very first line of your HTML page. (Preceding the opening HTML tag). When not included, or when incomplete, IE, (Internet Explorer), immediately goes into "Quirks" mode. Which in short means that the browser will render your HTML and CSS in a backwards compatible fashion. It will be as if you were writing your code 5 to 10 years ago. On a good note though, Opera browser always renders pages in standards-compliant mode. But unfortunately, IE is still the most commonly used browser. So, always start your page with an accurate DOCTYPE. You are well advised to spend some time researching DOCTYPE declaration before you move any further!

2) The very first line after the opening HEAD tag should be the (<title>) tag. Make it easy for the search engines to find it! This is actually very important if you are seeking top position in search engine results such as Google or Yahoo. The title of a web page appears in your browser´s title bar when you open a new page. This is also what the search engine uses to describe your site in their results page. So it is critical that you use at least 3 of your top search keywords in the title. The biggest mistake made here is not using key search words or phrases and titling the page "Home Page", or only using the name of your company as the title.

3) The head element contains general information, also called meta-information, about a document. Meta means "information about". The two meta tags that should always be used are the "Description" and the "Keywords" tag. The "Description" tag is used to further describe your site, and is used to index your pages. It is also used to describe your site in the search engine results page by some search engines. As a note, Google does not use the meta description tag in the results page, but instead will create its own description for the page. Once again, two or three of your search keywords should be used in the "Description" tag. Don't make this mistake and not use your keywords here!

The "Keywords" tag has been said to have been dropped by the search engines. However, it is still looked at and used for indexing purposes. Do NOT overlook this tag. But most importantly, DO NOT abuse this tag. Many website designers have used meta tags for spamming, like repeating keywords to give pages a higher ranking. This is why the search engines, especially Google, have changed the way they use the "Keywords" tag in their algorithms. Again, you are well advised to spend some time researching the use of keywords for SEO (Search Engine Optimization) use. I have read in some articles that Google completely ignores the "keywords" tag. In my opinion, it can't hurt to have it in. The biggest mistake made is repeating the same word, or repeating and over-using a certain word used in different phrases. This will definitely be seen as spamming and will most likely do you more harm than good. Another common mistake made with the "Keywords" tag is including words or phrases that don't even appear on your web page.

In closing, I can't emphasize enough the importance of researching thoroughly before sending your site out live on the web!

I hope I have been able to help eliminate some grief caused by mistakes made. Especially when your site looks great, but isn't producing the results you want from the search engines.

About the Author

Curt Despres is the owner and designer for a website design company , Xcel Webworks, located in Oshkosh, Wisconsin.

Easy Ways On How To Make Your Own Website by Trevor John

 

It's probably never been easier to make your own website.

Ever since the internet became popular, there have been sites that have allowed you to put your own web page on their site. Geocities still exists but many of the others have faded into extinction.

If you just want a simple website to share your thoughts with others or even to publicize something, you can use one of the many services out there that make it a breeze to make your own website.

If you want an online diary, consider setting up a blog using a service such as Blogger.

If you want to team up with old school friends or high school buddies, places like Facebook may be more suitable. You can add photos, so people can see what you did on vacation for instance. You can also join groups of like minded people.

MySpace is often used by bands to promote their own music. So you could start to make yourself famous if you went down this route.

The only snag with some of the services mentioned so far is that some of them frown on you if you get too commercial. So you may find it difficult to use those free web spaces to earn extra dollars.

The next level up still doesn't involve any knowledge of HTML. So long as you can use a word processor, you'll still be perfectly at home.

Squidoo offers a way to publish your thoughts on a subject. They call their web pages lenses but that's only a name they give them - they're still your web site, albeit on Squidoo's domain. You have pretty much free reign on what you can put on a Squidoo "lens" and you can earn commissions when people click on the adverts that both you and Squidoo place on the site.

Finally, there's the scariest way to make your own website.

That is by renting space on a computer that's connected to the internet, normally called hosting. This is remarkably inexpensive, starting at around $1 a month upwards.

Most web hosting will give you tools to create your own website but if they don't, there are plenty of programs (such as the free NVU) which make it almost as easy as one of the options above.

About the Author

For more ideas on how to make your own website check out this page.

Learn HTML and create your own web pages by Satwinder Kaur

 

HTML stands for Hyper Text Markup Language and has the extension .htm and .html. The HTML file is made up of markup tags which tells how the web page will look like on the browser (Mozilla Firefox, Netscape Navigator, Microsoft Internet Explorer, or Opera).

To write an html file, You can use the WYSWYG (What you see what you get) HTML editor, that are tool driven. But to be a successful web designer or developer, you should be able to write the code with hand and know how to use the tags. Good web developers are in the habit of writing the html file in the text editors, like notepad and save the file.

Now, what extension should you use to save the file .htm or .html. Initially, when there were windows 3.x series or with the older version of html editors, files were being saved generally with the extension as .htm as they allowed only three characters in the file extension, but with the higher versions or windows and text editors or on MAC machine the file can be saved as .html extension. Browsers allows for both suffixes. It acts upon .html and .htm in the same fashion.

Note : HTML is not a case sensitive language, whether you write the tags in lowercase or uppercase, the browser will treat them in the same fashion.

How to write a basic HTML Page Now, let's begin with a hand on experience of writing the html pages. Lets's write and understand the basic html page.

Open the notepad and start writing.

<HTML>

<HEAD>

<TITLE>Title of page</TITLE>

</HEAD>

<BODY>

Test Page.

</BODY>

</HTML>

Now save this file as test.html and close the notepad

Let's examine each html tag one by one

<HTML> </HTML> : The HTML tag tells a browser that this is an HTML page.

<HEAD> </HEAD> : The HEAD tag contains information about the page. The browser does not display the information contained in this tag to the user.

<TITLE> </TITLE> : The TITLE tag is contained in the HEAD tag and dispays the title of the HTML page. This is what we see on extreme left top of the browser.

<BODY> </BODY> : The BODY tag defines the documents' body. It contains all the contents (text and graphics) of the document that is displayed on the browser

Now open the file in the browser. Go to File-Open-browse and select the file to open.

So, your first html page is ready to rock....it wasn't that difficult ?? That's the beauty of this language, it is easy to learn and debug.

The HTML tags are not always simple , with some of the tags we have to pass the attributes. e.g if we want to insert an image, we need to provide the file name as the source for the browser to show the image.

<img name="img1.jpg">.

Attribute values should always be enclosed in quotes. Double style quotes are the most common, but single style quotes are also allowed. In some rare situations, like when the attribute value itself contains quotes, it is necessary to use single quotes.

Click here for the complete list of HTML tags with examples

Click here for the complete reference for steps to build the website

About the Author

A post graduate in Computers from India, has a working experience of 5 years as an IT manager in a private bank in Internet related technologies.

Currenly the creator of the website www.learnwebsitebuilding.com, a complete and comprehensive guide for website building.

HTML Basic Structure by Noel Dundas

 

Hyper Text Markup Language, or HTML for short, is the language of the Web, and every Web developer should have a basic understanding of it yet many do not know the differences between versions or the importance of adhering to proper coding guidelines.

In this article we will discuss the importance of choosing the right version, using correct coding and validation.

HTML 4.01
HTML 4.01 is an important Web standard and very different from HTML 3.2. When tags like <font> and color attributes were added to HTML 3.2, it started a developer's nightmare. Development of web sites where font information must be added to every single Web page is a long and expensive pain. With HTML 4.01 all formatting can be moved out of the HTML document and into a separate style sheet which, not only makes coding much simpler and clearer, can shorten the length of a page conserving bandwidth and speeding up the loading of the pages.

HTML 4.01 is also important because XHTML 1.0 (the latest HTML standard) is HTML 4.01 "reformulated" as an XML application. Using HTML 4.01 in your pages makes the future upgrade from HTML to XHTML a very simple process. Make sure you use the latest HTML 4.01 standard or, better yet, XHTML 1.0.

XHTML
XHTML 1.0 became a W3C Recommendation January 26, 2000. W3C defines XHTML as the latest version of HTML. XHTML will replace HTML. XHTML stands for EXtensible HyperText Markup Language XHTML is aimed to replace HTML XHTML is almost identical to HTML 4.01 XHTML is a stricter and cleaner version of HTML XHTML is HTML defined as an XML application.

When designing Web pages, try to use strict, formal and correct HTML (or XHTML). Strict and correct coding will always help a browser to display your pages as you intended them to look. If you elect for XHML, always validate it before publishing. XHTML is unforgiving, as we shall see later.

HTML 4.0.1 DOCUMENT DEFINITIONS.

There are 3 document type definitions in in HTML 4.0.1

The HTML 4.01 Strict DTD
Includes all elements and attributes that have not been depreciated or do not appear in frameset documents.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

The HTML 4.01 Transitional DTD
Includes everything in the strict DTD plus depreciated elements and attributes (most of which concern visual presentation).
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

HTML 4.0.1 Framesetbr> Includes everything in the transitional DTD plus frames as well. Use this when you want to use HTML Frames to partition the browser window into two or more frames.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

You could be using HTML 4.0.1 now, but have you defined it as strict? Consider the following code.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>This is bad HTML</title>
<body>
<h1>Bad HTML
</body>

The two missing closure tags will be ignored by many browsers and the page will be displayed. However, if it was defined as STRICT, as below, the errors would become evident.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>This is bad HTML</title>
<body>
<h1>Bad HTML
</body>
Does this seem to indicate the exact opposite? Avoiding STRICT in favour of TRANSITIONAL? Far from it.

XHTML will replace HTML; there is no doubt about this, it is called evolution, and the sooner you change your pages, to at least HTML 4.0.1 strict, the less trouble it will be to convert to XHTML.

WHY USE XHTML?

Web developers are often struggling with time-consuming double-coding to solve problems with different browsers versions. This is not helped with the addition of new hardware (like mobile telephones and other hand held devices) and new software (like micro-browsers).

To make the Web a better place, for both developers and end-users, it is of paramount importance that both browser vendors and site developers follow standards when they develop new applications.

With its tremendous growth, the Web needs standards to realize its full potential. Web standards ensure that everyone has access to the same information.

Developers should not have to struggle with several versions of code to accomplish the same result. Does it make sense to limit your audience to only those with a particular browser? Standardization can increase the access to your site.

And lastly, a few words about often over-looked Issues.

USERS ARE SCANNERS.

Designing Web sites needs careful thinking and a lot of planning. The most important thing is to KNOW YOUR AUDIENCE.

If you believe a typical user will read the entire content of your Web pages, you are wrong. No matter how much useful information you put into a Web page, a visitor will only spend a few seconds scanning it before they decide whether to leave or to stay. On average, you have around 30 seconds; there is no loyalty.

If you want a visitor to read your text, be sure to make your point in the very first sentence of the page. After that you should try to keep them occupied with short paragraphs and interesting new headers all the way down the page

KEEP SENTENCES SHORT.

Try to keep your paragraphs as short as possible. Try to keep your chapters as short as possible. Try to keep your pages as short as possible. Less is often More to a reader searching for information so break it up.

Use a lot of space between your paragraphs and chapters; pages overloaded with text will kill your audience.

DON'T PLACE TOO MUCH CONTENT ON A PAGE.

If you have a lot to say, try to break your information into smaller chunks and place it on different pages. Don't expect any visitor to scroll all the way down to the bottom of a page with thousands of words.

VALIDATE YOUR CODE BEFORE PUBLISHING.

We have all been guilty of publishing without first validating our code. Many web page editors have a validation option built in, or there are several on-line code validation tools, so there really is no excuse.

http://validator.w3.org/ (free on-line HTML validator)

About the Author

Noel Dundas has been computing since the late 1960s and has written programs in assembly language, Forth, dBASE and web languages HTML, XHTML, XML, PHP and MySQL. Noel has also published several books, physical and electronic, and is the SEO for www.software4me.net and www.Ask-Noel.com

SiteProNews - Expert Articles

A FREE webmaster resource site, focusing on web site promotion, submission, positioning, and design.

SEO-News.com

A free newsletter & forum for web business owners about Search Engine Optimization.

Give Your Website
Top 10 Exposure

Successful Meta Tags by DE

 

Useful Tips for Writing the Title Tag The Title Tag plays a vital role in determining your site's search engine rankings. One needs to pay attention to the words that appear in your Title Tag and the order in which they appear. As the tag suggests, Title Tag announces the summary of the content appearing on the page. Think of it as a crisply worded sales phrase and include your most relevant and specific keywords or key phrases in the Title Tag describing the content of the page. You could put the product or service you are offering in the Title Tag, instead of your firm or company's name. For example, if you have a site offering kitchen appliances, instead of having a title like "www.cooking.com", you could have a specific keyword rich Title Tag like "Bar Blenders. The Meta Description Tag The Meta Description Tag is an HTML code that allows you to give a short and concise summary of your web page content. The words placed in this Meta Tag, are often used in the SERP, just below the Title Tag as a brief description of your page. In the Search Engine Results Pages, after reading the Title of the page, a user goes through the description of the page and decides whether she wants to go to your site or not. It is therefore important that your Meta Description Tag is nicely composed describing your page offering while enticing the user to click on your listing. Syntax for Meta Description Tag is: <HEAD> <meta name="description" content="Successful Meta tags: What are meta tags? Meta tag analysis, list of all meta tags, title tag limit, creating meta tags, background meta tags. This article covers the most important aspects of meta tags in relation to website optimization or SEO."> </HEAD> Useful Tips for Writing Meta Description Tag In case you have not provided any Meta Description Tag to your web page, the search engines try to make one for you, often using the first few words of your web page or a text selection where the keyword phrases searched by the users appear. If the Search Engine makes up a description by picking up text from your page, it is not necessary that the generated description would do justice to your web page. The Meta Description Tag should be written in such a way that it interests the user, thus tempting her to click on the link to your site and visit your web page. The Meta Keywords Tag Most search engines do not read the Meta Keywords Tag anymore. It is okay to ignore the Meta Keywords Tags. However, if you feel more comfortable using it, you can have about 15 important non-repetitive keywords in this Tag, separated by commas.More Tips on Meta Tags: http://www.computersystemhelp.com/meta.htm

About the Author

Computer Help http://www.computersystemhelp.com/meta.htm

HTML Mata Tag by Mamun

 

HTML Meta Tags Meta tags are used to supply information for search engines that will not be seen by the web surfer unless they were to view your web site's HTML. In the past, meta tags were a primary way for your site to be recognized by web spiders, but the internet community abused the meta tags to artificially increase their ranking in the search engine databases. Nevertheless, you should still include meta for those search bots that do recognize them, allow your site to be included in their search engine. Keywords Meta Tag Keywords or phrases are placed in this meta tag's content attribute. You should specify the most popular search terms you believe someone would use to reach your web site. A few years back, you could spam this meta tag with any and every keyword possible to gain ranking on search engines. Repeated words, or words that do not pertain to the content of the site will not benefit you or those using a search engine. Here's an example of proper usage for a site. HTML Code:

name defines what type of meta tag being used. Note that the keywords are separated by commas. An example of the keywords meta tag for Tizag.com would be as follows. HTML Code:

Description Meta Tag As you might have guessed, this tag will show a brief description of the web page to a search engine. Your description should be a sentence or two about your web site. Keywords that appeared in the keyword meta tag should appear here as well. HTML Code:

Description and Keywords tags are very similar, and they should be. As mentioned above if they do not match, you may be ignored or blocked by some search engines. Be careful. Revised Meta Tag The revised meta tag records when the last update was done to the site.

About the Author

Mamunur Rashid

Using HTML in Website Design by Jim Loc,ke

 

HTML means Hypertext Markup Language and it's the coding used to create web pages. Most website design software is designed for use by people who have n knowledge of the language .As such, the coding is automatically captured and recorded when the menus are used.

There are tremendous advantages to knowing HTML and you do not have to pay someone else to apply it. Without HTML you are limited to just plain text on your web pages, whereas using HTML you can apply all the functions that are relevant to your website design. You can use HTML language in the home and section pages of your website or anywhere else that it is applicable.

You can use HTML to format text in many ways such as different fonts, colors and sizes. You can also format paragraphs in any way you find suitable and even wrap text around images and create special effects. Another useful application is to crease tables which can e applied to numerical data and limited text. There is also the option of creating lists using different symbols and numbers for more readable presentation.

In addition to basic text and numbering you can use HTML to drop an image taken from another website on a page. Flash Animation files are also useful HTML applications. You may also include audio, video and sound files in your webpage using this language.

Finally, the ability to use HTML especially in text fields will provide you with tremendous website design power and allow you to dramatically change the look of your site. It is better to create your website using HTML as you will have a more pleasant and functional site and the difference can be astounding.

About the Author

Author is an internet marketer who specializes in article marketing. To learn proven internet marketing techniques visit: http://moneycrystal.com

Top 10 Ways to Peeve Your Website Visitors by Charles Lamm

 

How did peeves become pets? Don't know. Don't really care. But all of us have our pet peeves when it comes to surfing the net for information.

Here are the top 10 according to many surveys:

1. Pop Ups

Pop ups come in many flavors: entry pop ups, exit pop ups, delayed, small, large, multiple, Flyin, scrolling, always on top, browser stopping, surf interrupting, must be cleared to move on, viagra, and the ever popular porn.

Except for an occasional squeeze page to get a free ebook or report, web surfers HATE pop ups.

So why do they continue to litter the Internet landscape? Simple. They work.

2. Extra Software Needed to View Site

Don't blame Canada. Blame Adobe.

Adobe made the Acrobat reader a must for viewing PDF files mainly because:

- It solved a need. Every page now printed out the same regardless of which printer or operating system was being used. It could even be made interactive for form completion.

- Adobe gave away millions of the free readers before publishers adopted the new PDF format as a standard for ebooks.

Acrobat users now demand PDF files in most instances where ebooks used to have various formats including "exe". Hackers have made downloading exe files from unknown sources an unsafe activity.

As standard as Acrobat now is, the same is not true for Flash, Shockwave, Deja Vu, and a host of other add-ons with various degrees of support.

I don't need to sit through a 2 meg Flash intro when what I want is information. Apparently, many others agree. You can add Flashblock to your FireFox browser and decide for yourself when to allow the Flash to load.

3. Dead Dead Dead Links

Nothing hacks me off faster than finding a spot on anchor text link that goes nowhere.

It's like having you mouth water over a menu special only to have the kitchen say they have run out.

4. Registration Required to Visit Site

Some sites think their bytes don't stink. They think you should register and login to see anything beyond the home page.

What they are doing is asking me to get married before the first date.

What's in it for me?

In this Internet day and age, a company and site has to build trust before a random visitor is going to cough up a name and email address.

Show me a little leg first.

5. Slowwww Pages

If I have to wait more than 4 or 5 seconds to begin viewing your site, I am gone - never to return.

If your servers are slow, find a new ISP.

If you loaded your pages with Flash, MIDI, audio, video, or other files that load with the page, dump them. Put up links instead. Let the visitor choose if they want to read or watch the video.

6. Outdated Content

One huge advantage of the web is the ability of bloggers and other Drudge wannabes to bypass traditional media and post news online instantly.

If you have not updated your website in 14 months, what does that tell me about your company. Certainly, you are less than a cutting edge solution for my problem.

7. Bad Navigation

Web designers prefer dazzle over function. Function is boring. Who wants a simple text link when a pop up Javascript navigation bar impresses the client?

I do.

So do the search engines.

Every web page needs recognizable, underlined text links on every page, preferably top and bottom.

Don't make me waste time trying to find the internal page I am really looking for.

8. No Contact Information

Poor contact information is a binary pair of bad navigation. How many sites have you been to where you cannot find a phone number, a street address, or even an email address? Plenty.

I think it's sweet that you put up an email contact form on your site, but I prefer to use my default email compose screen. Every web-based email form is different. I don't want to waste time learning to use your form when my email client works fine.

What are you hiding?

9. No Decent Site Search Tool

There is no excuse for this one. If you have a large website with dozens or hundreds of pages, give me an internal search box to find what I need.

Google and Yahoo! and many others will give you the tool - free - to put on your site. Use it.

10. Disabled "Back" Button

I don't want a website to dictate how I experience their site. I am a guest on your site. I don't need to come back to your page when I hit the back button. That's why I hit the back button in the first place. You don't have the information I am looking for.

In a similar vein, I don't like to see other right click functions like "view page source" disabled. I don't need to steal your HTML code, but if I want to, disabling right click will not stop me. I might want to see how you achieved a certain formatting effect. If I am impressed, you can bet I'll be back.

Pet peeves take many forms online. No list like this is complete, but any webmaster that can avoid these 10 major annoyances is a hero in my book.

I look forward to visiting your site.

About the Author

Charles Lamm is a retired attorney who can be reached via email at focus@clixforbrix.com. His articles are posted on his blog at: http://www.virtualjoefriday.com.

Learning Basic HTML Is Not As Difficult As You May Think by Web Monster

 

Are you a beginner struggling to learn basic HTML? Or maybe you have a template that you want to make changes too, but you are not sure how to proceed, well this article is just for you. Many people are put off building their own website or changing templates because they think that learning HTML very difficult. Nothing could be further from the truth.

Others also believe that creating your own website means purchasing expensive software. Yes there are many different programs out there that can be used to create a website for you, but basically you can do it all for free if you are willing to spend a little time learning the basics of HTML.

All over the Internet you can find websites offering template that you can download to your computer and add your own content too. Some of these templates are better than others, but even if you do find a high quality template, you still need to know some basic HTML otherwise website will have exactly the same design as everyone else who downloaded that same template.

Like everything else in life learning basic html just requires the right information.

So many times I have been asked by visitors to my HTML for beginners website how do I make my words bold? Or how do I make my text bigger? Using simple tags before and after the text involved will do this.

Here are some more Basic HTML Tags to get you started: -

<*b>Types the text in bold.<*/b> This tag will make your words appear bold.

<*i>This should be italicized.<*/i> This will give your words an italic look.

<*u>Underline this text.<*/u> This text will be underlined

<*hr /> This forms a horizontal line. ___________________

<*font color="######">Change color.Text here<*/font> This will change the color of (1) word. This (######) should be placed with the code for the color you want to use. For example if you wanted your words to be red the signs would be replaced with #ff0000

So your code will now look like this and your text will be red <*font color="#ff0000">Change color.Text here<*/font>

<*small>This should be in small.<*/small> Make your text small

Combining Basic Html Tags

Perhaps you may want to combine some of the basic HTML codes above. Lets say you want to make your text bold and italic. This is what your code will look like.

<*b><*i>Text in bold and italic<*/i><*/b>

Notice we have put both the bold tag <*b> and the italic tag <*i> together to give us our bold and italic text. These combinations can also be applied to color. If you would like to make your text underlined and green, this is how the tag should appear.

<*u><*font color="#00ff00">Change color of 1 word.Text here<*/font><*/u>

In all of the above code the * should be removed to make your code work correctly. The * is used to allow you to see the actual code but must be removed when placed on your site.

These are just some of the simple things you can do to change the look and feel of your website. To learn more why not check out some of the online basic HTML tutorials to get you started and in no time at all you will be past the basics of HTML and onto pro HTML coding.

About the Author

Basic HTML is not difficult to learn. Visit Web Monster at his brand new blog http://html-code-for-beginners.blogspot.com to learn more about basic HTML coding.

How to create photo gallery website by Mike Toh

 

How to create photo gallery website using Adobe Photoshop.

1. Prepare your photos by rotating, cropping, resizing and color correcting.

2. Places the photos you want to include in the gallery in a folder on your hard drive.

3. Choose an empty folder or create a new one to use as a destination folder for the files created by the Photo Gallery command.

4. Open Photoshop. Choose File > Automate > Web Photo Gallery to open the photo gallery dialog screen.

5. Next to Source, click the "choose" button and select the folder containing your images.

6. Next to Destination, click the "choose" button and select the empty folder from Step 3.

7. In the Site Name field, type a title that will appear on all the pages of your gallery. This is the text that also appears in the title bar when the page is viewed in a Web browser.

8. In the Thumbnails section, choose a size for the thumbnails. The choices are: Large (100 pixels maximum), Medium (75 pixels maximum), and Small (50 pixels maximum).

9. The Resize Gallery Images section is only required if you want to change the dimensions or compression setting for the full-size images. If you already prepped your photos in Step 1, this section can be left alone.

10. Click OK in the photo gallery dialog. Your Photo Gallery should automatically launch in your Web browser.

Learn how to edit your photos

Learn how to get paid for submitting photos online

About the Author

Someone who loves to take anything related to photos.

Creating your own website free. by Eric Rovegno

 

Today there are millions of websites online. You do a search and find 1000's of site offering anything from clothing to houses. Who creates these sites for them? A great portion of these sites are privately owned, the person who started the site writes it themselves. How?

About four years ago I had an idea that I wanted to start an online business. It took me four years to decide on what it was that I wanted to sell. After I decided I wanted to breed and sell my ball pythons, it was now time to get started on how to create my website. To do this I purchased two books. These books helped me to understand html, and helped me to start creating my website. I know there are website building programs and that I could have someone else build it for me, but the good programs and the people who create websites for you are very costly. One of the best programs out there today is Dreamweaver, but this program costs around $300. To have someone else build your site can coast you upwards of $2000. The basic price is around $20 per page.

The books that I had purchased were Elizabeth Castro, HTML for the World Wide Web, and the idiots guide, creating a web page. These books are very simple to follow and are very easy to read. After purchasing them I began to read and within minutes I had a basic page with some sample text and images on it.

After the first week I had created over 50 pages for my site, and they look great. Once you get the hang of the html code you can create any style website you wish. To write pages I am old school and love to use my notepad. Once I write the page I then save it as whatever I want, an example of how I save is sample.htm. You need to about the .htm in order for your browser to understand it.

If you're surfing around the net and see something you like on a website you can right click your mouse and view source. You will then search through the code to find what part of the site you like then copy and paste it into your site. Please be sure to note copy and paste anything with copyrights. This is Illegal and you can get sued for it. I have found many things on other site I like and use on my site, but this stuff is just the html code, like frames, tables, colors, backgrounds, and layouts. To me this is just a continuation of my educating myself on creating better and more interesting pages.

Other ways to find things is to do an internet search, I use Google.com. There are thousands of free advice sites on the net. There are even places that help you with code problems for free, just do a search.

Good luck with your new site, and when you're finished and published stop by and leave me a comment, I would love to see your site.

To see what my site looks like stop by and visit: www.ballpythonplanet.com. I hope you have enjoyed this article and while you're at my site be sure to leave your mark in my guestbook, as well as sign up for my ball python forum. See you there.

Eric Rovegno
www.BallPythonPlanet.com

About the Author

Ball Python breeder, educating people.

Html - A beginers first steps by William O'Connor

 

Open up notepad on your computer. This is the only software you will need to begin learning html.

A quick explanation of tags

Due to this article being hosted online I cant actual show you a tag as the webpage you are reading would make it invisible Tags begin with a "<" symbol and end with a ">" symbol. For the purpose of this artical I will replace these with the "[" and "]" symbols. Remember to always use the arrows though as the square brackets WILL NOT WORK.

A tag is a piece of html code used for formatting. You wont need to know much about them for now (they will be covered in another article), for now you just need to know that to add a tag you write

"[tagname] insert what you want formatted here[/tagname]"

The "[/tagname]" part stops all following text/other content from being formatted in the same way.

This, as I said, isnt very important for now.

What comes first?...

Well you cant get much more to the point than that. "[html]" comes first. Every html document starts with it and ends with the tag "[/html]".

Easy right? so what we have so far is a text document that reads;

[html]

[/html]

Now save your document as "index.html" and open it up in a browser. A large blank white page appears.

Now lets fill in that blank space...

Everything that makes up your webpage goes inbetween the "[html][/html]" tags. But the actual text or content goes between two other tags, "[body][/body]". Notice how tags must have a beginning and an end, the end is shown by the / character. Type this new tag into your text document...

[html]

[body]Put your message here[/body]

[/html]

Now type in a message in between the "[body]" tags. It can be whatever you want. Any message you can think of. It should be placed to replace "Put your message here" in the example above.

Save to index.html again like before and open it in your browser. You should now see a white screen with your message displayed in the top left corner.

What to do next...

If you like you can now upload this file to a webhost, many free ones are available if you search the internet. An then you will have a website for yourself... Well... not really. Its just one page after-all. We will cover how to add more pages and better content to your website in another artical. For now, play around with this and be proud that you are on your way to learning html.

About the Author

This article was written by William O'Connor, webmaster and part of the admin team of http://www.freegamesnova.com

How to get Free Cool HTML Codes for eBay Auctions, Websites, or Myspace by J Page

 

How to get Free Cool HTML Codes for eBay Auctions, Websites, or Myspace

How to get HTML codes that can help spruce up your eBay auctions, websites, or myspace. HTML is a special computer language that allows you to create special effects to your auctions, websites, or myspace. For example, with HTML you can take an ordinary picture and add cool ripple or animated effects to it. This gets people's attention which can help you get your point across.

In order to get this effect, you have to get a picture that you want to change and the html code. It is that simple! Also, with html codes you can add cool scrolling marquees to get buyers or visitors attention. You can also add cool flashing text, waving, blurry, and glowing text! Not only does this add flavor to your auctions or website, it keeps people coming back and possibly increase your sales.

The trick of being able to do this is finding the codes. What makes that so hard is that everything is scattered across the internet and half of the codes you find are messed up and don't work. However, there is this website that contains a bunch of HTML codes for you can use for free.

When I first started my own website and eBaying, my auctions and website were dull and boring to look at but HTML has really helped. I think the HTML codes have increased my sales and traffic because the cool designs and features make me stand out from my competition. Everything is really easy to use because it is in simple copy and paste boxes. So hopefully this will help you out and increase your sales or traffic!

Click Here for Free HTML Codes

About the Author

J Page, has over 6 years experience as an internet entrepreneur and is an active seller on eBay. He is also the owner of WildTips.com, a website dedicated to helping people.

4 Tips In Making Your Landing Page a Success by George Zuwala

 

Landing Page Success Tips

Also known as the "name squeeze page" or "lead capture page", you can build your mailing list by funneling all of your would-be subscribers through the creation of a landing page. Not only do you do the work just once, your traffic driving efforts can be focused onto just one effective method.

The following are tips in creating a successful landing page that converts visitors into subscribers on a very huge percentage.

Success Tip 1: Offer a freebie in exchange for your visitor's email address. I very much endorse this method of building your mailing list. You can offer a special report or a sample of your paid product to your visitor in exchange for their details such as name and email address.

Success Tip 2: The landing page must be written professionally. When writing your page, treat it as if you are writing a sales letter. While you are not necessarily making a hard sale or try to get someone to buy your product upfront, being able to entice your visitors to give their details to you is just as important as selling.

Success Tip 3: Other than your opt-in form and perhaps important disclaimers and terms, there shouldn't be any other links on your landing page.

Success Tip 4: Rub in the benefits of the freebie you are offering more than a mere subscription to your newsletter. You should focus most of the attention of the letter on encouraging your prospective visitor to download your free offer. Later, you gently remind your prospect that he or she has nothing to pay but just merely subscribe to your newsletter in exchange for the freebie.

As a final reminder and conclusion, in order to build trust, you can include your hand-written signature or a photo of yourself explaining where you are coming from and how you can help your visitor through your free report on offer.

About the Author

George Zuwala, of forumreviews.org is a successful Internet marketer working with top leaders in the home business and Internet marketing industry. For more information visit: http://www.250kplan.com a Wealth Masters International business

What are HTML forms & contact forms? by Ted Peterson

 

HTML forms and contact forms are a terrific enhancement for your website. These are used by various companies and individuals for collecting all kinds of important information from answers to surveys to order forms.

A contact form is another way in which to display your email address as a link. When you contact a business or website owner through a webpage instead of your own email program you are using a contact form.

If you own any type of website adding an html form or a contact form will give your site interaction between you and your visitors and in some cases, interaction between visitors.

Some of the reasons to add contact forms to your websites include:

  • Joining your newsletter
  • Adding comments
  • Asking questions
  • Filling out an application for employment
  • Answering survey questions
  • Joining clubs
  • Answering multi-choice polls

    These are just a few of the reasons you may wish to add html forms and contact forms to your website.

    We offer you the ability to create all kinds of html forms online so all you have to do is copy the form and then past it onto the page you wish the form to be displayed. You will be able to decide how many fields you need for your html form, name each field, choose the size of the filed, and the type of data that should be placed in the blank. You can have the contact form blend in with the colors and text of your website or make the form stand out by choosing the color of text and background.

    Choosing what information is mandatory is up to you as to what you need the html form to do. If you only need an email address and first name for joining your newsletter then that is all you have to have fields for, however, if you need to ask several questions regarding expertise for an employment application you can add all of these with multi-choice features or blank fields for the person to fill in.

    Polls are often a wonderful way in which to get your visitors involved in all kinds of things from political questions to favorite entertainment artists or songs. With these polls, you can post the top answers chosen by your guests, which gives them a way to interact and be involved in your website. This information can then be used to add information to your website. Example: If you wish to talk about celebrities, you can find out which celebrities are among the favorites of your guests before you begin working on the topic. This will ensure more visitors to your website to read all the gossip.

    HTML forms and contact forms will be a wonderful tool that can help your business whether you need it for employment applications, taking orders, sending newsletters, or just for fun. Add an html form to your website today and begin watching the difference in website visitors.

  • About the Author

    Ted Peterson uses html forms as contact forms on this website to keep in touch with his site visitors. He recommends the free service plan from 123ContactForm.

    What Is Necessary to Know About Web Design by Jordan Chaplin

     

    There are certain points you must consider when you want to find a web host. You must look into the conditions between finding a gratis web host to end up with the web hosting problem. When you want to select a free web host, the next several essential points must be considered. As a rule, free web hosting never provide enough room for your web site. In case your desire is to enlarge your web site, it is wise to check whether you are able to do such a development. The majority of free web hosts place ads on your web site. Such thing is done for the purpose of covering the expanses of offering you the gratis web place and the extra services. Furthermore, a number of hosts demand from you to locate a sign on your pages, sometimes windows or promotion frames occur on the site. If you require sound files or videos, you must be aware of to the maximum volume of each file. A number of sites as well limit the file forms you can upload. In case someone discovers your site and is eager to enter it but fails to it due to it is down, such person will definitely pay no attention to it and will attempt to choose another available. This is absolutely something that is necessary for you. Moreover, slow access can be extremely disappointing for clients and for you personally. At present, the majority of free web hosts establish a boundary on the number of traffic the web site is permitted to use every day. According to this reason, in case the pages or pictures on your site are extremely popular with users beyond a definite number of times each day, the web host is likely to switch off your web site or simply send you a check for the additional needed room for that time. It is difficult to place a precise minimum level of bandwidth, because it relies on the quality of your site design and level of visiting each day. Many free hosting owners permit you to plan your web pages. For this purpose they suggest their online engineer.

    About the Author

    Jordan Chaplin is a professional journalist and writer having a great experience of critique writing, dissertations and other works. He is always ready to share his experience of writing excellent French essays.

    Principles Of HTML Code Optimization by G.Entp18

     

    Just like spring cleaning a house, the html code of your web pages should get periodic cleaning as well. Over time, as changes and updates are made to a web page, the code can become littered with unnecessary clutter, slowing down page load times and hurting the efficiency of your web page. Cluttered html can also seriously impact your search engine ranking.

    This is especially true if you are using a WYSIWYG (What You See Is What You Get) web design package such as FrontPage or Dreamweaver. These programs will speed up your web site creation, but they are not that efficient at writing clean html code.

    We will be focusing this discussion on the actual html coding, ignoring other programming languages that may be used in a page such as JavaScript. In the code examples I will be using ( and ) characters instead of correct html so that the code examples will display properly in this newsletter.

    Up until recently when coding a page in HTML we would be using tags such as the (font) tag and (p) paragraph tags. Between these tags would be our page content, text, images and links. Each time a formatting change was made on the page new tags were needed with complete formatting for the new section. More recently we have gained the ability to use Cascading Style Sheets, allowing us to write the formatting once and then refer to that formatting several times within a web page.

    In order to speed up page load times we need to have fewer characters on the page when viewed in an html editor. Since we really do not want to remove any of our visible content we need to look to the html code. By cleaning up this code we can remove characters, thereby creating a smaller web page that will load more quickly.

    Over time HTML has changed and we now have many different ways to do the same thing. An example would be the code used to show a bold type face. In HTML we have two main choices, the (strong) tag and the (b) tag. As you can see the (strong) tag uses 5 more characters than the (b) tag, and if we consider the closing tags as well we see that using the (strong)( strong) tag pair uses 10 more characters than the cleaner (b)( b) tag pair.

    This is our First Principle of clean HTML code: Use the simplest coding method available.

    HTML has the ability of nesting code within other code. For instance we could have a line with three words where the middle word was in bold. This could be accomplished by changing the formatting completely each time the visible formatting changes. Consider this code:

    (font face="times")This(font) (font face="times")(strong)BOLD(strong)( font) (font face="times")Word(font) This takes up 90 characters.

    This is very poorly written html and is what you occasionally will get when using a WYSIWYG editor. Since the (font) tags are repeating the same information we can simply nest the (strong) tags inside the (font) tags, and better yet use the (b) tag instead of the (strong) tag. This would give us this code (font face="times)This (b)BOLD(b) Word(font), taking up only 46 characters.

    This is our Second Principle of clean HTML code: Use nested tags when possible. Be aware that WYSIWYG editors will frequently update formatting by adding layer after layer of nested code. So while you are cleaning up the code look for redundant nested code placed there by your WYSIWYG editing program.

    A big problem with using HTML tags is that we need to repeat the tag coding whenever we change the formatting. The advent of CSS allows us a great advantage in clean coding by allowing us to layout the formatting once in a document, then simply refer to it over and over again.

    If we had six paragraphs in a page that switch between two different types of formatting, such as headings in Blue, Bold, Ariel, size 4 and paragraph text in Black, Times, size 2, using tags we would need to list that complete formatting each time we make a change.

    (font face="Ariel" color="blue" size="4")(b)Our heading(/b)(/font) (font face="Times color="black" size="2")Our paragraph(/font) (font face="Ariel" color="blue" size="4")(b)Our next heading(/b)(/font) (font face="Times color="black" size="2")Our next paragraph(/font)

    We would then repeat this for each heading and paragraph, lots of html code.

    With CSS we could create CSS Styles for each formatting type, list the Styles once in the Header of the page, and then simply refer to the Style each time we make a change.

    (head) (style type="text/css") (!-- .style1 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 24px; } .style2 { font-family: "Times New Roman", Times, serif; font-size: 12px; } --) (/style) (/head) (body) (p class="style1")Heading(/p) (p class="style2")Paragraph Text(/p) (/body)

    www.infozabout.com www.webcode.infozabout.com

    About the Author

    http://www.infozabout.com http://www.webcode.infozabout.com

    Pushing HTML Beyond Its Intended Use by Pamela Upshur

    The following represents examples of what I call "pushing HTML." In most cases, the HTML elements either do not or would not include keyword content, or the specific HTML is included on a Web page in spite of the fact that it is not needed or used by the Web page. It is not inappropriate to have an input type HTML statement on a Web page as part of any number of scripts, and it is not inappropriate to include keywords in such a form field. However, in "pushing HTML," some Web marketers include hidden form fields, for example, on pages where it is neither functional nor part of the Web page design. As such, it is just a hidden HTML statement stuffed with keywords. Below is a laundry list of the remaining HTML statement that can, but probably shouldn't include keywords.

  • Keywords contained in an input type hidden statement (now widely considered spamming by search engines).
  • Keywords included in the head statement, as a homemade HTML tag of sorts.
  • Keywords improperly included in the ALT text of background images. The background of a Web page doesn't ordinary contain ALT text. However, since ALT text is generally not weighted very heavily by search engines, including your keywords in your ALT tag is unlikely to produce results better than including keywords in any ALT tag on the document.
  • Keywords improperly included in a font tag
  • Keywords in the comment tags
  • Keywords in the NO FRAMES tag of a Web page
  • Keywords in the image tag
  • Keywords included in a style tag.

    While these are acceptable places to include keywords, you may be spamming, according to some search engine, if the page wouldn't ordinary contain or need this HTML as part of its design.

  • About the Author

    Pamela Upshur is the owner of Upshur Creative.

    Upshur Creative combines fresh, contemporary, fully functional turnkey websites with the best PHP scripts and databases to create the largest and most comprehensive turnkey collection for entrepreneurs.

    Visit her site at: Turnkey Web sites