Beginners Web Designing Tutorial: Learn how to create a website easily
 |
It is a step by step tutorial which will teach you the process of making a website. Learn the basics of web designing. |
Basic Information on Websites
Cost of Website Development, Top Web Hosts, Where to register domain name
Getting a domain name is very easy.
Firstly you need to find a domain name at
http://www.checkdomain.com/.
Once you have found the domain name to be registered then
look for good web hosting companies which will host your
website.
Top Web Hosting Companies:
http://www.top10webhosting.com/
These days registrars charge around $10 to $15 to register a
new domain name. .com extension domain names are little
costly than .info or other extensions. The hosting charges
are different , it depends on the web space you want. We can
register a domain name from 1 to 10 years.
Our websites are basically are on the server , whenever a browser requests a page server sends it down.
How will visitors find my website?
When your web page or web pages are ready you need to submit them to search engines like Google, Yahoo. The Search engines will index your pages if they find your web page appropriate. An appropriate web page is one which has its meta tags like title, description & keywords well defined as per web page. Web pages spamming keywords or with inappropriate content are not indexed.
Choosing a Website Topic
Choosing a right topic takes you to 'right path' if you are
looking to promote your website and want to have high amount
of traffic. Now the problem is, how to choose a right topic?
Always make a website on a topic you know well. Choose that
topic that interests you the most.
Take the example of my website. I love Web Designing
and therefore my topic or theme of website is "Web
Designing".
Never choose a topic of which you are unaware. If you know
about something only then you can write on it. The theme of
the website should be clear to the visitor.
Never copy content from other websites. Copied Content
doesn't attract visitors and are a complete time waste.
Use Original Content and your own material. If the content
is unique it will automatically give hits. So if you are
looking to design a website choose a topic which interests
you the most.
How to make a Simple Webpage
Here i will tell how to make your first web page. Before
going through HTML commands lets see how exactly a webpage
is formed. Open a new file in notepad. Lets see how to make
the text move in a webpage.
All syntax in html comes between the tags <html> and
</html>. So what ever code will be written will be within
these tags.
<html>
<title>My First Webpage</title>
<body>
This is my name scrolling <br>
<marquee>Your Name Comes Here</marquee>
</body>
</html>
With this simple syntax you can see your name moving. The
<title>... </title> tags contains the Title of Your webpage
in blue bar above. The <body>...</body> tags contains the
body of the webpage that is the text. The <br> tag takes
user to next line.
Now when you have written this html code in notepad save
this notepad file as filename.html or filename.htm. .File
will be saved with .html or .htm extensions.
That is it. Your First Webpage is ready.
What is HTML?
HTML is a very easy language to learn. HTML stands for Hyper
Text Markup Language. A markup language is a set of markup
tags. All your WebPages are designed in html. We can embed
images and in this language. It is written in form of HTML
elements consisting of tags (angular brackets). e.g
<body>....</body>. The text between <h1> and </h1> is
displayed as a heading. An HTML element is everything
between and including the tags.
Sample HTML Code
<html>
<head>
<title>HTML</title>
</head>
<body>
<p>Hello World!</p>
</body>
</html>
In this html tutorial we will see all html commands and how
to use them.
HTML
tutorial
HTML Meta Tags
The HTML Meta Tags defines the meta data in a web page.
These meta tags comes under the <head>....</head> tags. This
meta data is used by search engines, web browsers for
different purposes. e.g
<head>
<meta name="description" content="Everything on Cricket" />
<meta name="keywords" content="Cricket, Cricketers, Cricket
Website" />
<meta name="author" content="Vijay" />
</head>
Keywords:
Keywords are those words people types in to a search engine.
If the keywords you have chosen for the webpage are the same
as the ones they have put in, you come up in the search
engine's results pages. The keywords are used by some search
engines to index your document. Many People are always
trying to get their pages high-ranked by adding in hundreds
of repeated keywords that do not match the web page content,
which is false and those type of pages are neglected by the
search engines, only good content pages comes on the top of
search engines.
Description:
The text is used by some search engines to describe your
document. The Description must contains some of your main
keywords in it.
Major HTML Color Codes
|
Red #FF0000 Turquoise#00FFFF Light Blue#0000FFDark Blue #0000A0 Light Purple #FF0080Dark Purple #800080 Yellow#FFFF00Pastel Green#00FF00 White#FFFFFFLight Grey#C0C0C0 Dark Grey#808080Black#000000 Orange#FF8040Brown#804000 Burgundy#800000Forest Green#808000 Grass Green#408080Pink#FF00FF |
Useful Links: To Generate your custom hex color codes click the following link below: http://www.2createawebsite.com/build/hex-colors.html
Complete List of Colors can be found at below link: http://en.wikipedia.org/wiki/List_of_colors
|
How to add images in HTML
The Image above has following code: <img border="0" src="face.png" width="96" height="96"> It has number of attributes. These attributes guides the browser all about the image and how to display it.
We can also align the image right or left accordingly: To align the image left: <img align=left border="0" src="face.png" width="96" height="96">
To align image center: <img align=center border="0" src="face.png" width="96" height="96">
To align image right: <img align=right border="0" src="face.png" width="96" height="96"> |
|||||||||
| What are HTML Elements A simple webpage has four important elements: html, head, title, and body elements All html code comes in <html>....</html> tags Similarly comes the head tag comes after the html tag: <html> <html> <html>
|
|||