Sign up FREE & get 250 points
 More options
Points2Shop Forums » Referral Talk » Ultimate Guide on Creating a Website | Everything You Need |
Created: 2011-11-03 17:49:30
Sirdavids
US (CA) gold
Half way there
Total posts: 618
Date of Birth: 1992-11-11
Total Earnings: $63.33
Step 1

Web Design:

What will your web site look like and what features will it contain? Write it down on paper using a stepwise approach:

Feature List
Layout & Navigation
Keyword Analysis
Text
Artistic Preference



Step 2

Bandwidth & Web Space Requirements Analysis:

What will it take in terms of web hosting to accommodate the web design in Step 1? Estimate the host disk space and monthly traffic requirements. We provide formulas, calculators and examples. How will you create the web pages? Web authoring software options examined.

Step 3

Domain Name Registration:

Do you need one? Effective domain name selection and domain name registration procedures. Price comparisons.

Step 4

Web Hosting:

Choose a web hosting service that meets your web site design requirements in Step 2. Web host comparisons, criteria driven searches, expert reviews, QA process.

Step 5

Web Development:

Build the web pages. Method depends upon decisions reached in Step 2. Expert guides to coding, testing, validating, uploading, performance concerns.

Step 6

Web Site Promotion:

Get your web site indexed. Search engine promotion and submission strategies. Proper keyword selection. Search engine ranking and web site optimization rules.

Step 7

Web Site Maintenance:

Ongoing web site promotion, traffic analysis, web site performance, links testing, popularity testing, host performance.

Step 8

Web Site Security:

Web Site Security will keep you site safe from viruses and malware. Having your site safe is a big part in creating a web site.

Web Design

Web Site Design Overview

Web site design is the first step. Before you can determine your web site's requirements in step 2 or select a proper host in step 4 you must first decide what your web site is going to look like and what it is going to contain.

Note: Step 3 (domain name selection) can be done before or during the web design phase, if desired.

Web site design concerns encompass a wide range of factors to be considered and evaluated with regard to their effectiveness in supporting your web site's objectives. These may include, but are not limited to:

Content
Text, writing style, page layout, continuity of web site, navigation logic.

Artistic Effect
Proper use of graphic images, psychology of colors, photos, web site fonts and sound.

Performance
Page loading time, browser compatability.


Note: This is where you decide WHAT you want, not how you want it done. It is important not to concern yourself with the implementation details at this point including whether or not you will need to learn HTML. But, FYI, knowledge of HTML will not be necessary unless you decide in Step 2 to code the web site yourself, and then only if you decide to use a non-WYSIWYG editor. If you code it yourself with an ASCII or HTML (non-WYSIWYG) editor you must learn basic HTML and probably, depending upon your requirements, some CSS and JavaScript as well.

Design Your Web Site

Decide Scope of Features
Produce a checklist of web site features that you want your web site to have. Visit web sites of similar purpose to generate ideas for your own. Determine the degree of web site sophistication needed and the scope of user interaction that will be provided, e.g., online credit card processing, shopping carts, bulletin boards, chat rooms, site search, etc.

Decide Page Layout & Navigation Scheme
Estimate the total number of web pages and name and define the purpose for each one. Plan the positioning and contents of the pages common areas - headers, footers and sidelinks. Also, decide upon a navigation scheme that will be consistent throughout the website. This may be as simple as a static set of side links on every page or as sophisticated as a pulldown cascading menu system which becomes more detailed as you go deeper into the site. Visit web sites of similar purpose or surf the internet freely to generate ideas of your own and be sure to consider the use of *free web design templates*.

Determine Keywords
Do your keyword analysis now to determine your most effective primary and secondary keyword phrases with respect to search engine positioning.

Draft the Content
Produce the text content that will appear on each page.

Decide Artistic Enhancement
Plan the artistic aspects; graphics, animations and text appearances. Make sure the text is easy on the eyes and easy to read.

Think about:
-Psychology of Colors
-Font Selection
-Performance Consideration



The Three (3) Levels of Web Site Design Sophistication

Basic
All websites, whether Personal, Hobbyist, Organization or Small Business, have some or all of the basic ingredients.

-Text
-Clipart, Graphics, Photos and Animations
-Links to Other Sites
-"Email Us" Feature
-"Guestbook" Feature
-"Message Board" Feature
-Background Images, Music and Colors

Database Driven
Websites can also have a backend database for storing and dynamically displaying various types of data.

Multimedia
Websites can also have a multimedia enhanced appeal. This is entertaining but is not always effective, depending on your websites purpose. The user may not want to be bothered by a lot of intrusive and time consuming flashiness. The host you select must be willing to accomodate the multimedia features you have opted for such as streaming audio/video.


Determine the Most Effective Keyword Phrases for your Website

*Keyword Search*
This tool can be used to obtain the frequency with which specific keyword phrases were searched on in the last month. It allows you to see what keyword phrases users are actually entering into the search engines and it ranks them according to frequency. Throw a few keywords at it and see what it can tell you. Select the most popular, yet relevant, user keyword phrases as the main keyword phrases of your web page(s). Do this analysis for every page that you consider important and unique enough to warrant submission to the search engines. Usually this is only your index page.

---Bandwidth And Web space ---

Overview:

Bandwidth allowance (a.k.a. web traffic) and host web space requirements (disk space) must be determined here in Step 2 before you can correctly select your host in Step 4.

It is also necessary to determine what web development software will be used to create the site (which will occur in Step 5) and whether or not it will require any special host accomodation; e.g. FrontPage2000 and Macromedia Flash produce websites that can only be hosted on specially equipped hosts.

Additionally, if you have decided upon a database driven website, you must here decide what your database requirements will be in terms of the actual database that will be created and the SQL scripting language that will be used to access it. Again, the host you select in step 4 must accomodate these choices.

Do Your Requirements Analysis:

Determine your host disk space and monthly traffic allowance requirements

Decide how the web pages will be produced and whether or not web authoring software will be required. You have (3) development options:

1. Select a host who provides free and easy online tools and templates. No software required
2. Code it yourself. Software required
3. Hire a consultant. No software required

Determine if server side (host side) software requirements exist



Web Space Requirements:

It is necessary to know the amount of web space, in megabytes of disk space, that you will need from a host to house your web site. This must be enough to accommodate your web pages (.html files, graphics and multimedia files), any server side scripts that you might be using (CGI,Perl...), any server side database software, traffic logs and email accounts. For web sites without server side (a.k.a. backend) database

Formula:

(SITE SIZE IN PAGES) * (AVG. PAGE SIZE) * (3) = WEB SPACE REQUIRED

Parameters Defined:

SITE SIZE IN PAGES: Estimate the maximum number of pages you'll need to build or ultimately expand your web site.

AVG. PAGE SIZE: he experts suggest a 60 Kb limit on page size but this can vary depending on the size of images, animations, etc. The larger the page is the slower it loads.

3: It is necessary to triple your exact estimates: once for the accumulated page total, once for miscellaneous overhead (log files, mail, etc.), and once for safe measure and room to grow.

Web Traffic ( a.k.a. bandwidth ) Requirements:

It is also necessary to know the amount of web traffic , in gigabytes per month, that you will require from a host. This is based on the anticipated number of monthly pageviews; every pageview increases the monthly running total by the pages' size.

Formula:

(MONTHLY PAGEVIEWS ANTICIPATED) * (AVG. PAGE SIZE) * (2) = WEB TRAFFIC REQUIRED

Parameters Defined:

MONTHLY PAGEVIEWS ANTICIPATED: Estimate the number of pageviews you expect each month.

AVG. PAGE SIZE: The experts suggest a 60 Kb limit on page size but this can vary depending on the size of images, animations, etc. The larger the page is the slower it loads.

2: Double this exact estimate for safe measure.

Do you need web authoring software?

The Three (3) Web Authoring Options

Choose a development method which meets the design specifications as determined in Step 1. The three options are listed here in ascending order of cost.

Use free online point and click web building tools provided by your host. Most hosting services, free or otherwise, provide this option. The disadvantage is that your design and feature options are limited to the selection of templates that they offer. Advantage? FREE and easy.

Code it yourself

Hire a consultant


Note: Expert knowledge of HTML, etc. is not required unless you choose option 2 - code it yourself - and then only if you go with a non-WYSIWYG editor. This is good news. The converse, though, is also true that if you code it yourself with an ASCII or HTML editor you must learn basic HTML at a minimum and most likely some CSS and JavaScript as well.

Code It Yourself:

Three (3) coding methods are available.

ASCII editor (e.g., Notepad)

Pros:

-No purchase required
-No software learning Curve
-No limits to code sophistication or customization

Cons:

-Most time consuming
-Requires programming knowledge of basic HTML (and usually some CSS and JavaScript depending on features desired)
-Not developer friendly in terms of project management

HTML Editor

Pros:

-Some are FREE (e.g. we use 1st Page 2000)
-No limits to code sophistication or customization
-Many developer friendly project management features.

Cons:

-Software learning curve
-Web development still takes time as you need to involve yourself with the HTML details
-Requires programming knowledge of basic HTML and usually some CSS and JavaScript depending on features desired.

WYSIWYG editor (e.g., FrontPage 2000)

Pros:

-Development is fast
-Does not require actual knowledge of HTML (or CSS, JavaScript, etc).
-Developer friendly project management

Cons:

-None are FREE
-Software learning curve
-Possible limitations on ability to enhance or customize underlying code


Note: Expert knowledge of HTML etc. is not required if you choose option 3 - WYSIWYG editor. This is good news. The converse, though, is also true that if you choose the ASCII or HTML editor editor options then you must learn basic HTML and most likely some CSS and JavaScript at a minimum.

Server side (host side) software requirements:

Like it is stated above in the overview, it is necessary to know whether or not your web development software will require host side accomodation. E.g. FrontPage2000 and Macromedia Flash produce websites that can only be accomodated by specially qualified web hosting services. Read your software documentation to see if this is necessary.

Additionally, if you have decided upon a database driven website, the host you select must be able to create for you an instance of this type of database (e.g. an empty MySQL database created in your own area for you to populate) and it must be able process whatever SQL scripting language that you have decided to use in your web pages HTML to access the database (e.g. PHP).

DOMAIN NAME REGISTRATION


Domain Name Registration Overview:

All web sites have an internet "address" in the form of either a DOMAIN NAME or SUBDOMAIN NAME. FREE web sites usually limit you to a subdomain name, however, some free web site providers allow you to obtain your own fully registered domain name. Fee hosted web sites generally require a fully registered domain name.

Fully registered domain names will generally run you $15 - $35 per year (with a similar one time setup fee) depending on market prices. An example of a fully registrered domain name would be:

"www.yourname.com".

Subdomain names cost nothing; your host will tell you what it is. An example of a subdomain name would be:

"www.geocities.com/yourname/".

Why should you pay for a fully registered domain name if subdomain names are provided for free by free host providers? The reason is that unless you are building a personal or hobbyist web site you'll want your own fully registered domain name because one or more of the following reasons may be true:

You're required to go with a fee based host provider because the FREE host providers cannot meet your web site needs free web sites overview and fee based hosting services require fully registered domain names
You want people to be able to easily remember your internet address (http://www.freehost.com/yourname/ is harder to remember than http://www.yourname.com).
Search engine rankings are an important means of attracting traffic to your web site and search engines don't rank subdomain named web sites reliably.

WEB HOSTING




Price: $4.45
Features: Space/Traffic: Unlimited - Domain: Free
Bonus Features: Free Domain Forever, Host Unlimited Domains, $100 Marketing Bonus
Rating: ★★★★★

Bluehost Hosting

Price: $5.95
Features: Space/Traffic: Unlimited - Domain: Free
Bonus Features: Free Domain Forever, Host Unlimited Domains, $75 Marketing Bonus
Rating: ★★★★½

Hostmonster Hosting

Price: $5.95
Features: Space/Traffic: Unlimited - Domain: Free
Bonus Features: Free Domain Forever, Host Unlimited Domains, $75 Marketing Bonus
Rating: ★★★★½


Web Development & HTML Coding

Note: If you decided in Step 2 that you are going to create the web pages yourself, either from scratch or by using a free template as a starting point, then you must proceed with this step. Otherwise, you can skip this step entirely.

Create Web Pages:

The method for making the web pages was chosen in Step 2. Basically, you have decided to either use a WYSIWYG editor like FrontPage 2000, or an HTML editor like 1stPage 2000.

Learn how to use the web authoring software that you have selected.

Produce the web pages on your home computer.



Upload The Website to your Host:

Upload the web pages to your host. You will need to download and install an FTP program to accomplish this (unless your development software has one already built in). Some are free, all have a shareware option. Go to *CNET - FTP Utilities* for FTP software advice. Once installed, contact your host for the connection details. Remember, everything gets uploaded into your WWW folder or one of it's subfolders - nothing above.

What is HTML 5?

HTML 5 is a new specification of HTML designed to follow HTML 4.01 and was created by designers who were not satisfied with the direction the W3C was taking HTML with the advent of XHTML 1.0. HTML 5 adds features to help web application developers and to improve the interoperability among web browsers and user agents.

There are a lot of new features to HTML 5 including:

Tags to help with the structure of your pages like section, article, and aside.
New form tags to get more specific data in your forms
Multimedia tags to assist you in adding video and audio to your web pages.
Plus, some tags have been removed from the specification.


Building an HTML 5 Page:

Put the doctype as the first line in your HTML document. Then add the tag and start the of your document. Inside the head, you should indicate the title of your document and the character set:



My First HTML 5 Document



Write your HTML 5 document with the same tags as you would an HTML 4.01 document. Put your content in the tag and close both the body tag and the html tag at the very bottom of the document.

Here is a sample HTML 5 document:

doctype html


My First HTML 5 Document



Put your HTML 5 tags here



HTML Browser Support:

HTML 5 is currently a working draft at the W3C. Because it has not yet been approved as a formal specification, many web browser manufacturers either don’t support HTML 5 or only support some of the tags.

According to Deep Blue Sky and their tests of browsers that visit their site, Safari 4 has the widest support, missing only geolocation API support. Chrome has good support of HTML 5, except for geolocation API. This isn’t surprising as it’s based off of Webkit like Safari. Firefox 3.5 supports the audio tag, video tag, canvas, and even the geolocation API. Opera 10 only really supports the canvas tag reliably, but it doesn’t support audio or video. However it does have good support for web forms 2 and SVG support. And of course, Internet Explorer 8 doesn’t support HTML 5 at all.

----Website Promotion---

It's an ongoing effort to get indexed and stay indexed. You want your rankings to improve over time - the goal is to be within the top 30 search results in at least one of the major search engines for your main keyword phrase, or you really are not ranked at all.

There are five (4) ways to improve or maintain your rankings:

Link Popularity

-The more you are linked to by other web sites that have similar keywords to yours the more "popular" you are and the higher you rank for those keywords. This can only be expected to be a gradual improvement over time - the higher your rankings the more you're seen which thus increases your chances of being linked to by others which increases your popularity factor which then improves your rankings.

Pay Search Engines

-Most search engines allow you to guarantee a high ranking for specific keywords just by paying a fee.

Success!!

-Nothing succeeds like success. The more people click to you in the search results the more the search engine likes you and the better your subsequent rankings. Also known as Content! Content! Content!

Re-submit Correctly

-Some search engines, like Google, say that you do not need to re-submit, especially if nothing on your web site has changed, because they will find your site anyway when they periodically spider the entire www. However, others (us included) say that it is a good idea to do so every 45 days if nothing has changed and every 3 weeks if keywords or content has changed significantly.


Do your Submittals:

Determine what the major search engines are and their underlying feeds

Which search engines should you submit to? The answer is - all of them. However, you cannot submit to every search engine in the world manually (it would take forever) and you cannot rely exclusively on auto submission services for all of your submission requirements because they are not as reliable as manual submissions (some major engines will not even acknowledge them). The solution, then, is to manually submit to the major search engines - the ones that are currently the most popular - and auto submit to everything else.

So what are the major search engines? The answer to this question changes over time. Some search engines are popular one year and non-existent the next.

Info: Altavista only gets 3.1800% of all search engine traffic (approx. 10 million a day). Compare this to Google who reportedly gets 23.4800% of all search engine traffic (approx. 75 million a day), or Yahoo who gets 37.7600% of all search engine traffic (approx. 121 million a day).

The major players (search engines and directories) on the Internet, when speaking in terms of amount of traffic, are Google, Yahoo, AOL, and MSN. The other search engines that are up and coming are Fast/AllTheWeb, WiseNut, and Teoma.

Complete the Analysis

Select the top 10 search engines from the statistical reports and consider these the major search engines. They alone account for about 72% of the total search engine activity for a given month.

For each of these top 10 search engines determine their underlying "feed" engines. Some search engines use only their own indexes for results while others use an assortment of other search engines indexes as "feeds". Write these all down for each of the top 10 and cross out any duplicates. This distilled "feed" list is now your manual submission list.



Do the required manual and auto submittals

Manually submit just your index page to every search engine on the "feed" list that you have created above. Do this by going to each search engine home page and finding the link for 'add url' or 'submit url' or 'add site' or something similar. Enter the required information. The actual links to these "manual submission" pages are included in the example below.

Auto submit just your index page to EVERY OTHER search engine not on the "feed" list. The top 10 only account for about 72% of the total search engine activity for a given month. This is not enough. You want to be in the upper 90th percentile in terms of search engine saturation. But this would take forever because you would have to submit to the top 50 (or thereabouts) and each would have to be analyzed and submitted to manually. This is why using an automatic submission service to complete the task is the most logical thing to do.

Auto submit all of your other important pages, if any, to EVERY search engine - even those on the "feed" list.



Examples:

You find, after examining the underlying feed engines for each of the top 10 most popular search sites, that you must:

Manually submit just your index page for FREE to these major directories. Each has it's own special submission procedure. Re-try every 90 days (no sooner) until your site is accepted and then do not re-submit. Confirm that your site is still indexed every month; if not, you may re-submit.

-The Open Directory Project

Manually submit just your index page for a FEE to these major directories. Each has it's own special submission procedure.

-Yahoo
-Looksmart

Manually submit just your index page to these FREE search engines. Re-submit to these every 45 days just to be safe.

-Google
-Excite
-Altavista
-Directhit

Auto submit just your index page to every other search engine in the world (those not done manually). The top 10 only account for about 72% of the total search engine activity for a given month. This is not enough. You want to be in the upper 90th percentile in terms of search engine saturation. But this would take forever because you would have to submit to the top 50 (or thereabouts) and each would have to be analyzed and submitted to manually. This is why using an automatic submission service to complete the task is the most logical thing to do. Re-submit to these every 45 days just to be sure.


Monitor Your Rankings:

Track Your Search Engine Rankings Monthly

*SERanker*

Perfect tool to track your website´s ranking over time. You want to be ranked in the first three (3) pages of a search engine´s search results for your preferred keyword phrases. If you did everything correctly in keyword selection & web page optimization (see above) and you submitted everything correctly your ranking should steadily increase over time, particularly if other websites start linking to your´s (thereby increasing your website´s popularity).

Well thats all and if ur Interesting in Learning HTML Pm me And i will Guide you

Ty very much
Hello, I'm Sirdavids and I'm a volunteer member at Points2Shop. I'm ready to help you start earning with P2S! Check out my profile to see what I earned.
Wannapla17
US platinum
Senior Poster
Total posts: 204
Handy, thanks for the info. I've been just using free hosting services like Weebly :p
mbatussi
UK diamond
Points2shop is my specialty
Total posts: 1395
Date of Birth: 1993-10-21
WOW a lot of information for beginners, thanks
Sirdavids
US (CA) gold
Half way there
Total posts: 618
Date of Birth: 1992-11-11
Total Earnings: $63.33
np guys any questions i will be more than happy to Answer
Hello, I'm Sirdavids and I'm a volunteer member at Points2Shop. I'm ready to help you start earning with P2S! Check out my profile to see what I earned.

You are not logged in.

Chat History

will load when you scroll to the bottom