Posted by : Unknown
Thursday, 4 August 2011
Currently, hundreds or even thousands of new websites popping up every day in
internet. This is supported by a growing number of facilities provider
manufacture of both free and paid sites. Also getting better
Internet infrastructure because government policies are quite supportive.
Have you ever imagined having your own site? Generally people
think that to have a website that costs
expensive, and if you make it your own is quite complicated. In fact, the
free use of facilities and tools on the internet, it turns out you can
make and has a professional website for free.
Now, through the e-book, I will try to guide you from zero
how to make a free website with case studies of my own site
www.bikinwebgratis.co.cc. You do not need to buy a domain, hosting rent, and
pay a web designer to make the site for you.
Page 5 - Create a Free Website Tutorial from www.BikinWebGratis.co.cc
I try as much as possible so you can easily
understand and put into practice immediately what I wrote here. I
proceed step by step with screenshots images.
However, if you still have difficulty in applying this tutorial,
then do not hesitate please send your questions to e-mail me, as far as
maybe I will answer according to ability and experience I
have.
Finally, congratulations to learn and practice ...
Page 6 - Create a Free Website Tutorial from www.BikinWebGratis.co.cc
INITIAL STEPS
As a first step in creating a website, you must specify
advance the following matters:
1. What kind of site you want to create: website content or minisite, wear
html or php language, selling or simply articles, etc..
2. Theme your website: whether related to technology, health,
lifestyle, etc..
3. Target visitors expected: from domestic or abroad,
male or female, beginner or expert, young or old, etc..
4. Visitor activity on your site: buy or sent her name and e-mail,
download, follow polls / surveys, advertising, etc..
5. The purpose or benefits of the site for you: building a list, selling
product, displaying the article so you can easily found on search engines, etc..
For my www.bikinwebgratis.co.cc site plan at the beginning as follows:
1. Site type minisite with minimalist design view and use
html programming language (static).
2. Theme website: e-book download website tutorial
3. Target visitors from within the country for all ages and genders.
4. Visitor activity on the site: invite your friends and download the ebook
5. The aim: to build a list and credibility.
Well after you have an idea of your site as above,
then you create a framework or outline of the site that you want
created. You can make this outline on a piece of paper with a pencil
or pen. The usual way I use is like making charts
flow (flowchart), linking from one page to page
other.
For example I plan www.bikinwebgratis.co.cc this site
using a 5 (five) pages, then I made a chart alirnya
the following:
Page 7 - Create a Free Website Tutorial from www.BikinWebGratis.co.cc
With the flow chart will be very helpful to visualize
the contents of each page and the navigation between web pages which will
made. In addition, a flow chart can also simplify maintenance
and update (renewal) content or content at any time if
needed.
Furthermore, in order to get your site online and accessible from all over the world
you need:
1. Land (hosting) to store your website files
2. Name (domain) to invoke / display the site in your browser
internet.
3. Design the look and content (content) to be viewed by visitors
Home
Download Contacts
RespoTrims n
Ad
Page 8 - Create a Free Website Tutorial from www.BikinWebGratis.co.cc
WEBSITE DESIGN STAGE
Before designing a website, there are a few things you need to do:
1. Gather or create an image (image) to be displayed
on the web.
2. Gather or make the materials / contents (content) web.
3. Designing a web design or find free templates on the internet.
4. Finding support script.
Then you also prepare a program or software that will help you
create and edit your website. I personally use:
1. Microsoft Frontpage 2003 to create and edit web pages.
2. Macromedia Fireworks and Corel Photopaint to edit image
(Image).
3. True Box Shot to create e-book cover.
Well, now I want to show you how do i get
free template that matches what I want to design a website. Like
I have described earlier that I wanted to create kind minisite site,
for that I am looking for a site that provides free minisite templates
Google.
From some sites google search results, I finally chose one
free website template providers that meet the criteria that I would expect,
namely www.minisitegallery.com. This site provides templates minisite with
professional design and high value but still be free.
Page 9 - Tutorial Create a Free Website from www.BikinWebGratis.co.cc
At the time of this e-book I created, the amount of free minisite templates available at
the site is 15 pieces. I chose one of them, namely
template with the name "Aggressive Blue".
A. How to download the template:
1. Open www.minisitegallery.com
2. Bring the cursor over the image you want to download the template
3. Click the "details" of the template, it will display a new page
outlining more details about the template.
4. Click on the link "Register" to register first. When
you've never registered before simply click the link "logged in"
to login and download the desired template.
5. Then it will open the login page wordpress to do
registration as shown below.
Page 10 - Tutorial Create a Free Website from www.BikinWebGratis.co.cc
6. Enter the "Username" you want the username text box.
7. Enter e-mail address is still active, as they will
send your login data and passwords to the e-mail address
you submitted it.
8. Enter a number in the text box. In the example image above,
enter the number 8 because 7 + 1 = 8.
9. Click the "Register" button to submit your registration.
10. Furthermore, check your e-mail address and the e-mail subject line looking like this:
[MiniSiteGallery.com] Your username and password. You will
get the username as you register, and password
temporary. Block and copy the temporary password.
11. Click the link minisitegallery.com / wp-login.php that are included in e-mail
, and will open the login page wordpress.
12. Please enter your username and temporary password in the text box
available. Next, you will log into the member area pages.
The first step you should do is change the password
with a new temporary password that you set yourself.
13. Click on the "Your Profile" and then slide the screen down and find the box
stuffing "New Password", fill in your new password and click the
"Update Profile".
14. Then you return to the site www.minisitegallery.com and
download the template you want.
15. You will get a file with a name like "namatemplate.zip".
For example here I get a file template "aggressiveblue.
zip ".
B. How Web Design Templates
1. Once you obtain the template file, then extract the file template
to a folder on your computer. We recommend that you create a special folder so that
allows you to search for it. For example, I
extract template "aggressive-blue.zip" and I get 2
Click This Link For
download
Page 11 - Create a Free Website Tutorial from www.BikinWebGratis.co.cc
folder, one css file and one html file. What is needed here is a folder
images, style.css file, and the file template.html. While the folder "psd" contains
file site design and e-book cover image format. psd. This
intended for those who wish to change or edit display
using the program Photoshop. I myself do not use
Photoshop for image editing psd file so I delete it.
2. Please open the file "template.html" to see what the minisite
by double-clicking the file. Then it will look look
as follows.
3. Then you close the window display is then replicated file
(Template.html) by copy n paste as many as the number of pages
you want to create. This is where the benefits flow chart we've ever
created earlier, so we can know how many pages
will be made. You'll get the name of the new file as a copy of
template, copy (2) of the template, copy (3) of templates, and so on.
4. Then you rename (rename) file, with the name
page that you create. Home (front) MUST be
name "index.html", then the file "copy of the template" rename it
Page 12 - Tutorial Create a Free Website from www.BikinWebGratis.co.cc
"Download", etc.. so I get something like the
the following picture:
5. Do not forget to collect all the image files to be displayed
on the web in the folder "images". Although existing image files
on your computer in another folder, you still need to copy the image file
it then move to folder "images" is.
The image file will not be displayed on the website if your image
located in another folder, you should consider this carefully. I often
asked about this, why is the picture does not appear on website
but when opened on a computer all the pictures look perfect.
6. You can also edit and or replace an existing image file
The images in the folder as the default initial template. As
example I change (edit) the file header and cover e-book in order
fit the look I wanted, the result as in
the following figure.
This is the initial view of the template:
This new display after editing:
7. Once everything is deemed complete, it's time to edit and fill
web page templates to create a website with content like
desired. First, open the file "index.html" using
Website creator program like MS. I am using Frontpage 2003.
Replace the material / content templates with the word or phrase you want.
And the result could look like the following figure.
Page 13 - Tutorial Create a Free Website from www.BikinWebGratis.co.cc
8. Then you edit the html file in accordance with the content and appearance you
want. Connect a single page with other pages with
using the "Hyperlink" (use the menu Insert> Hyperlink). Should
you use a menu link to create a relationship between
page as shown in the following figure.
9. Having considered all was OK, before uploading to the web hosting
you should test first to see if the site has been
function properly. Please double-click the index.html file. Click
the links that you create if everything is connected and nothing else
error link.
Check also the word for word, sentence by sentence, paragraph by
paragraph, whether it is in accordance with the rules of good and true
or still need improvement. If it is there that needs to be repaired, then
you reopen the file in FrontPage, and then correct as necessary.
Well, after going through the steps above ... it's time to mengonline-
's website. For that you need the land (webhosting) for
put all the files that you created, and domain name
to call the file browser in order to appear on the internet.
Page 14 - Tutorial Create a Free Website from www.BikinWebGratis.co.cc
CHOOSING A DOMAIN NAME
What's in a name. Once poet William Shakespeare shows us the meaning of
important names in life. However, this was not a romantic poet
entirely true. In the online business world, the name became very
important. The domain name (domain name) in addition to the address of your
cyberspace, it also serves as a brand as well as business or yourself.
Because of the importance of a name in the virtual world, then it is advisable to
choosing a domain name is short, easy recited or uttered, unique,
easy to remember, and it contains the keywords you target.
To have a domain name, you can choose a paid or free.
Paid would have many advantages, but as a beginner
there is no harm in utilizing the facility as it would free domain
I describe further through the e-book.
Here are some free domain name providers on the internet:
1. www.domain.co.nr
2. www.dot.tk
3. www.co.cc
Of the three providers that domain name, I am most like "co.cc"
because of the facilities DNS server so that it can in add-on to the web server
we use. While "dot.tk" and "co.nr" only serve as a redirect
url.
In this tutorial I will explain just how to get free domain
from www.co.cc, domain name format you get is
www.namadomain.co.cc, for example: www.bikinwebgratis.co.cc.
How to Get a Domain:
1. Open www.co.cc, then type the domain name that you want in
text box provided, then click the button "Check availability" to
check whether the domain you want is not taken /
registered by someone else.
Page 15 - Tutorial Create a Free Website from www.BikinWebGratis.co.cc
2. If the domain name is not taken or registered by the
another, it will appear on the next page submission that
domain is still "available" to you as shown
the following:
3. Click the "Continue to registration" it will open a page for
registration (for new members) or login to the members
already have an account.
Check domain
you
want here
!
Click here
to list
Page 16 - Tutorial Create a Free Website from www.BikinWebGratis.co.cc
4. Then it will open the registration form page as shown below.
5. Fill in all the fields especially those sign it means to be filled,
Another optional aja may not be filled. Fill your data in accordance with data
actually, especially the e-mail address. Do not forget to check the "I
accept the Terms of Services "before clicking the" Create an
account now ".
6. Next will come a notification that your account is successfully
made.
Do not forget
check here!
Page 17 - Tutorial Create a Free Website from www.BikinWebGratis.co.cc
7. You have to set your domain no later than 48 hours after
registration is received. You should immediately setting the
immediately. Click the "Set up" for the settings to your domain, it will
open a new page as follows.
8. Click on the option no. 1 is "Manage DNS" it will open the box
field to enter the code that is used DNS hosting. Fill
text box with "ns1.byet.org" and "ns2.byet.org"
as shown below. DNS refers to webhosting
free will we use to put our web files.
9. Finally click the "Set up" to end the process of setting up a domain
you. Going out a new page stating that you have
make changes to your domain settings. Click the "OK"
to end.
Page 18 - Tutorial Create a Free Website from www.BikinWebGratis.co.cc
Well, now you have a domain name that is pretty cool and semi-professional
at a cost of zero dollars. Compare if you buy a domain
paid, then you have to spend between Rp.65.000, - to
Rp.120.000, - is paid per year.
In "co.cc" you can even get 2 (two) free domain for each
e-mail address you submitted. However, if within 30 days of your web
which uses the domain you have the online, the domain
Automatic you are disabled and can be taken by someone else who signed up
later.
Therefore you should be designing your website, as it is
I mentioned earlier, then you upload it to a free webhosting will
I explain below.
Page 19 - Tutorial Create a Free Website from www.BikinWebGratis.co.cc
CHOOSING WEB HOSTING
Web hosting is one of the major components necessary for our files
can be accessed through a web browser. Web hosting or web server is
to store files that we created a website to be displayed on the internet.
In terms of cost, webhosting is also divided into two, namely there and paid hosting
There is also a free hosting.
In this tutorial I will describe how to get the facility
semi-professional free webhosting with similar features
with a paid. As these features include:
1. Capacity large enough space to store the files for
243 MB.
2. Monthly bandwidth that is large enough for 20 GB more.
3. Vista Control Panel is similar to cPanel paid hosting
4. Support PHP and MySQL
5. Automatic Script Installer similar to Fantastico, hosting
Pay
6. Free unlimited e-mail
7. Facilities addon domains and parked domains
8. Support FTP transfer using FTP client software.
9. and various other features.
How to Get a Hosting Account in ByetHost.com:
1. Before signing up, make sure you use the Mozilla browser
Firefox, do not use the Internet Explorer browser. Then open the site
www.byethost.com will open the following page.
Click this button
to register
Page 20 - Tutorial Create a Free Website from www.BikinWebGratis.co.cc
2. Click the "Not a member" green as in the picture above,
then will open the registration form.
3. Fill in the registration form in accordance with the actual data, especially
Your e-mail address.
4. Click the button "Register" to proceed to the next step. If it appears
next page as shown below, then right click on the button
"Click Me To Continue" to proceed to the next step.
5. After that will come a captcha to prevent illegal registration,
enter the two words into the text box provided.
Type in the Captcha
here!
Page 21 - Tutorial Create a Free Website from www.BikinWebGratis.co.cc
6. Click the "Register" button to submit your registration form. When
registration is accepted, you will get the data
Byethost you like this.
7. Do not forget to save or record such data as
will be used forever. And it must be remembered also that these data
especially passwords are not seen by anyone. So, keep it carefully
this data on your computer.
Now you have land (hosting) in cyberspace. Step
next step is to connect your domain with your web hosting.
To connect domain "co.cc" and then we use Byethost
facility add-on domains in byethost.com.
Click here to
download the data
hosting panel
Byethost you!
Page 22 - Create a Free Website Tutorial from www.BikinWebGratis.co.cc
ADD-ON DOMAIN
By default you will get a free sub-domain address of
Such Byethost http://username-anda-saat-daftar.byethostXX.com where
XX is a random number that is given automatically by byethost.com.
Example: when I signed up, I use the username =
bikinsitusgratis, then I was given a sub-domain address
http://bikinsitusgratis.byethost32.com. This address was less professional,
after all, we've registered the domain in the "co.cc". So it is better to use
semi-professional domain from "co.cc" only.
How to Connect to Domain (an add-on domain) and Web Hosting:
1. Log in to your cPanel Vista, open www.byethost.com click menu
"Member Login Here" as shown below.
2. Enter your username and password in the control panel in the text box
available, and click the "Login" to enter your cPanel Vista.
Control panel username is the username provided by Byethost
at the time of registering, the format is like this bXX_XXXXXXX where X
is a random number. Next you will be brought into pages
Vista cPanel you as shown below.
Click on this image to
bring box
field "Username"
and "Password"
Page 23 - Create a Free Website Tutorial from www.BikinWebGratis.co.cc
On the left (in blue) is the account information data
Your webhosting, while the right is for menus
manage your web hosting account. At the top there is an ad banner and in
the middle there is an offer to upgrade your account
a Premium Hosting. Advertising offers are ignored
3. Then you click on "Addons" domain in the Domains
as shown below.
4. Will open a new page with a text box to enter
domain is as shown below.
5. Type the domain name "co.cc" you in the search box provided and click
the "Create Domain". Type in your domain without using http
and www, for example, I type "bikinwebgratis.co.cc". Further
Click here
for addon
domain
Enter the domain
"Co.cc" you here!
Page 24 - Tutorial Create a Free Website from www.BikinWebGratis.co.cc
the domain name will appear as shown below. You
can add-on domain to 5 (five) pieces in 1 (one) account
webhost.
Well, after going through the above steps means you have
the hosting and domain name as your address in cyberspace.
Now it's time to enter (upload) files to the web server hosting your order
your site immediately online.
Page 25 - Tutorial Create a Free Website from www.BikinWebGratis.co.cc
MENG-UPLOAD FILE TO
SERVER HOSTING
Once you have hosting and domain, the next step is
move the site files that you designed on a computer to a web hosting
them. The process of removal or transfer files from your computer to the Internet
This is called uploading.
To upload files, you can use 2 (two) ways, namely by
using FTP client software or without the use of software and
(Upload files directly using the facilities manager in vista control panel
byethost.com). If you want to use FTP software, you can use the software
free like FileZilla or SmartFTP, please find your way
use the software on google.
In this e-book I will only explain how to upload a file without
using the software, simply through the file manager only. The usual way
do is upload files one by one manually to the server
Byethost, but this does not have to do because it takes time and quite
trouble.
And also if we upload the files one by one, sometimes there are files
forgotten so of course our website will not appear as
expected. For example, there are image files that do not follow or forget uploaded,
then automatically on the web we will not display the image. Which
appears only picture rectangular box that reduces the beauty of the display
our website.
Well, that was not the case then you should set our web file
compress or zipped before upload. The files will
placed a folder on the web, in-zip to 1 (one) file only.
Examples of web files "bikinwebgratis.co.cc" I'm going to upload the following:
Page 26 - Create a Free Website Tutorial from www.BikinWebGratis.co.cc
I will upload the file in the main folder:
- Folder images (containing some image files)
- File download.htm
- File index.htm
- File kontak.htm
- File respon.htm
- File trims.htm
- File style.css
While the e-book file with the filename "tbwg.zip" I will put
I have a special folder named "download" on the server later.
Well, the files and folders to be placed in the main folder above we choose
all then be zipped using WinZip program / WinRAR or program
Other compression. I myself use WinRAR. It must be remembered that
compression that you do have to dot zip extension (. zip) instead of dot rar (. rar).
The files and the images folder and rename my zip file "uploadnow.zip"
as shown in the following figure:
How to Uploading Files to Server Byethost:
1. Log in to your Vista cPanel Byethost.
2. Once entered into the control panel, click on "File Manager" on the FTP
Manager or Site Management (see the red box in the picture).
Page 27 - Create a Free Website Tutorial from www.BikinWebGratis.co.cc
3. Next, you'll be taken to a page like the file manager
the following figure.
4. Click the link directory listed domain name you have entered
(Add-on domain), for example, my domain add-on is
bikinwebgratis.co.cc. Then it will open a new page as the
the following figure.
5. Click the directory "htdocs" it will open a new page as the
the following figure. In this htdocs directory where all the files for the site
bikinwebgratis.co.cc will be placed.
6. Well now to upload your web files, click the "Upload" button and then
will open the upload page as shown below.
This domain directory
bikinwebgratis.co.cc
This link directory
htdocs
This button
upload
Page 28 - Tutorial Create a Free Website from www.BikinWebGratis.co.cc
Note there are 2 (two) types of files that can be uploaded, which is a single file
common as the html file, pdf, doc, jpeg / gif on the left and archive files
such as zip files, tar, tgz, gz on the right. If you want to upload
one by one file, then you use the left side. While
if you have the zip file you (like I do) then we
use the right one. Zip file that we will automatically be
unzip (expanded / extracted) to the htdocs directory.
7. Click the "Browse .." to find the file that we zip (file
uploadnow.zip) on our computer folder. If you have found the file, then
press the open button to select a file. Note the picture
following.
Press the Browse button ..
then find the zip file
to upload, select the file
then press the Open
Page 29 - Create a Free Website Tutorial from www.BikinWebGratis.co.cc
8. After that you press the green check mark to start doing
Byethost sending files to the server.
9. Zip file that is uploaded will automatically diekstaksi (split back) to
in the htdocs folder. Once the upload is complete it will display
delivery report file as shown below.
10. Then click the arrow blue left to return to the folder
"Htdocs" see the files that have been uploaded.
11. Notice all the files and folders automatically appear in the images directory
htdocs after we upload the file "uploadnow.zip". Stay 1 (one) file
we do not yet uploaded, but the file is scheduled to be located
in different folders but still in htdocs directory as well.
For that we need to create a new directory or folder, click the "New
dir "to create a new directory. Then open the page for
create a new directory as shown below.
Click
check this for
start upload
The "New dir"
Page 30 - Tutorial Create a Free Website from www.BikinWebGratis.co.cc
12. Type the desired name of the new directory, for example, I made
new directory with the name "ebook". Click the check mark to
manufacturing process ebook directory folder. If successful,
it will display a notification as shown below.
13. Then you go back to the htdocs folder by pressing the
the arrow to the left. You will be taken back to the foder htdocs such
in the following figure.
Note that dorectory e-book or folder already exists in
htdocs directory. Click on the ebook folder link is to perform
file upload e-book "tbwg.zip".
14. Next will open ebook folder is empty. To upload,
Please click the "Upload" button and find the file "tbwg.zip" that will
inserted into the folder.
Click to
upload e-books
Page 31 - Create a Free Website Tutorial from www.BikinWebGratis.co.cc
15. This time we intend to include the file intact and without
extracted (keep in file.zip) so we choose a place upload
left. Find a file by pressing the "Browse .." and press mark
check to start the upload process.
16. The next file that we upload will appear in the folder as ebook
in the following figure.
Well, it's done uploading the file from the local computer to the network we
internet (server Byethost). To see the results, open a browser window and
type the web address that we have created and press the "Enter" key, if not
There is nothing wrong procedure then your website should already online, such as site
I www.bikinwebgratis.cc.cc. Yes, in that moment instantly online and
can be accessed around the world, as shown in the following figure.
Page 32 - Tutorial Create a Free Website from www.BikinWebGratis.co.cc
Congratulations ... finally our site is online! Please check your site navigation
click on the links that exist, whether it refers to a page like
expected.
If there is a weakness or error, you can edit or fix
web. The way is correct file web that we make on the computer,
then upload again in the above manner. Old files will automatically tertindis
and lost by a new file with the same file name that we enter.
Page 33 - Tutorial Create a Free Website from www.BikinWebGratis.co.cc
CLOSING
Finally, we also came to the closing of Tutorial Create a Website
These free. Of course you will not be directly mastered this manual
once read, especially to those of you who really are beginners in
website creation. For this reason, I hope you can read
over and over until you truly master this tutorial. And it would be
Better yet if you read this tutorial and practice directly online.
Hope I hope this tutorial is useful for you the readers
all, especially for me personally as a material to share
knowledge and experience to the reader.
After the tutorial, I plan to create a new free tutorial
title "Free Make a free blog".
Through this e-book, I will guide you how to create a blog or
CMS based websites using WordPress. In this tutorial I am still
use domain "co.cc" and byethost.com as our webhosting server.
When you've mastered the material in this guide make free web, then
I'm sure you can more easily create a website / blog using the
My latest tutorial is.
I guarantee you can create a website / blog in just 15 minutes. No
need to design web design, or create web pages using
Page 34 - Tutorial Create a Free Website from www.BikinWebGratis.co.cc
software such as Frontpage, but everything is done online. Example
I created a blog using WordPress is my personal blog
www.asnawi.com / blog. In this tutorial, you can create a blog like
, only domain are still using a free domain name.
One thing why you need to learn WordPress for your WordPress blog
very easily indexed (preferably) by search engines like Google and machinery
Other search.
If you want to have an e-book this free tutorial, do not forget seringsering
visit my blog to check it out. I tried to
completed the manufacture and release it through my blog soon.
Please support and prayers ya ... .
Lastly ... there is a saying "No No No Crack Ivory"
so it is with all my writing. Here and there, there are still
many shortcomings and even unintentional errors, it's him