Friday, 17 October 2014

Cara Membuat Website Profesional dengan Mudah & Gratis

Cara Membuat Website

Website adalah situs di internet yang menyediakan informasi mengenai suatu instansi atau produk tertentu. Sekedar informasi saja, bahwa website tidaklah sama dengan Blog, artinya saat kita membicarakan website maka kita sedang membicarakan Situs Statis atau sebuah situs yang tidak up to date, artinya konten di dalamnya tidak di update secara berkelanjutan, berbanding terbalik dengan Blog, dimana hampir setiap hari, bahkan jam, konten tersebut selalu diperbarui.

Jika Anda masih bingung dalam membedakan blog dan website, saya akan memberikan contohnya :

Contoh Website : www.starbucks.com
Contoh Blog : www.seoterpadu.com

Sudah cukup jelas bukan, selanjutnya dari segi informasi yang diberikan pun juga berbeda jauh, dimaan website hanya berisi informasi mengenai satu perusahaan, perorangan, atau suatu produk. Sementara blog lebih bersifat umum, atau membahas apa saja yang sedang populer.

Dari sini saya harap Anda sudah bisa membedakan antara Website dan Blog. Selanjutnya, kita akan membahas 'bagaimana cara membuat website'. Dalam pembuatan website, akan jauh berbeda sekali dengan cara membuat blog, dimana jika ingin membuat website baru, kita diwajibkan untuk mempunyai dua hal, yaitu Domain dan Hosting, dan kedua hal tersebut tidak perlu Anda siapkan saat membuat Blog, karena memang keduanya sudah disediakan oleh penyedia layanan Blog (kita tinggal pakai), namun berbeda dengan buat Website, dimana kita endiri yang harus menyiapkannya sendiri.

Namun Anda tidak perlu khawatir, karena baik Hosting maupun Domain keduanya bisa kita dapatkan dengan gratis, melalui situs penyedia layanan Web Hosting Gratis seperti IDHostinger dan 2FreeHosting. Namun di tutorial kali ini saya akan mengajarkan kepada Anda bagaimana cara membuat website di 2FreeHosting dengan memanfaatkan CMS Wordpress (penjelasan mengenai apa itu CMS Wordpress akan saya bahas dibawah).

Cara Membuat Website


Baik, cukup penjelasan panjangnya, sekarang kita akan langsung praktek, sebelumnya saya harap Anda sudah menyiapkan email aktif yang akan kita gunakan untuk membuat akun baru di 2FreeHosting. Jika sudah silahkan ikuti tutorial membuat website dibawah ini.

  1. Silahkan Anda buka https://www.2freehosting.com/

    Cara Membuat Website gambar 1

    Jika situs 2FreeHosting sudah terbuka, silahkan Anda cari dan klik tombol berwarna merah yang bertuliskan Sign Up. Karena disini kita akan membuat akun di 2FreeHosting terlebih dahulu sebelum membuat website.

  2. Masukkan email, nama dan password

    Cara Membuat Website gambar 2

    Pada kolom yang sudah disediakan silahkan masukkan nama dan juga alamat email dan password. Pastikan email yang Anda masukkan adalah email yang aktif karena nanti kita akan membuka email tersebut untuk memverifikasi akun yang Anda buat.

  3. Buka akun email Anda

    Cara Membuat Website gambar 3

    Sebagai contoh disini saya menggunakan email dari Gmail, untuk Anda pengguna Yahoo atau layanan email lain, silahkan menyesuaikan. Cari dan email dari 2FreeHostinger dan klik link yang ada di dalam email tersebut.

  4. Pilih Free Hosting

    Cara Membuat Website gambar 4

    Karena kita hanya akan baru belajar membuat website, maka pada Hosting Plan, kita pilih saja yang Free. Lalu silahkan Anda klik Select.

  5. Isi detail website Anda

    Cara Membuat Website gambar 5

    Seperti yang saya katakan diatas, dalam membuat website dibutuhkan dua hal yaitu Domain dan Hosting, pada tahap inilah kita akan membuat domain, masukkan nama domain atau alamat website Anda pada kolom subdomain, password dan captcha, lalu klik Create.

  6. Refresh halaman, lalu klik Switch

    Cara Membuat Website gambar 6

    Tunggu selama 30 detik, hingga proses pemesanan nama domain tersebut selesai, selanjutnya silahkan refresh halaman tersebut dengan cara klik F5 pada keyboard, selanjutya silahkan klik Switch.

  7. Klik Auto Installer

    Cara Membuat Website gambar 7

    Scroll kebawah lalu cari icon berbentuk palu yang bertuliskan Auto Installer, klik icon tersebut. Sedikit penjelasan diatas adalah tampilan Dashboard (Control Panel) pada website Anda, jadi disni tempat Anda nantinya untuk mengatur segala aktifitas website Anda

  8. Pilih CMS Wordpress

    Cara Membuat Website gambar 8

    Akan ada banyak sekali pilihan CMS disana, namun disini kita akan menggunakan CMS yang paling banyak digunakan oleh orang dunia, yap CMS terebut adalah Wordpress.

  9. Masukkan Administrator Name & Password

    Cara Membuat Website gambar 9

    Masukkan username dan password yang akan Anda gunakan untuk login ke website Anda nanti, usahakan menggunakan password yang rumit agar web Anda terhindar dari tangan jail hacker.

  10. Simpan data website Anda

    Cara Membuat Website gambar 10

    Diatas adalah data sensitif dari website Anda, jadi pastikan Anda menyimpannya benar-benar, karena data diatas akan kita gunakan untuk berbagai keperluan, salah satunya adalah untuk login dan juga untuk pembuatan database website.

Website dengan CMS Wordpress telah berhasil dibuat, selamat. Silahkan Anda cek dengan cara mengunjungi alamat situs Anda, jika muncul tampilan seperti dibawah ini, maka saya ucapkan selamat, Anda telah melewati setengah perjalanan membuat website, dan masih ada setengah jalan lagi yang harus kita tempuh agar website yang kita buat terlihat keren profesional.


Dan berikut tampilan Website CMS Wordpress yang sudah saya edit secara penuh hanya dengan menggunakan CSS, HTML dan JavaScript.


Jika Anda berminta berikut source code untuk membuat tampilan seperti websitenya SEO Terpadu diatas :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Welcome to your first page!</title>
<link rel="stylesheet" href="http://static.supportindeed.com/default/index/style.css">
<style type="text/css">
#circles {
    text-align: center;
    font-size: 50px;
    font-style: normal;
    font-family: t;
}
.copy {
    margin-top: 100px;  margin-left: 460px;  font-size: 20px;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="moving-background">
<div id="parallax" class="clear">
<div id="last-layer" class="parallax-layer">
<img src="http://static.supportindeed.com/default/index/final-background.png" alt="final background" />
</div>
<div id="bottom-layer" class="parallax-layer">
<img src="http://static.supportindeed.com/default/index/middle-layer.png" />
</div>
<div id="top-layer" class="parallax-layer">
<img src="http://static.supportindeed.com/default/index/top-layer.png" />
</div>
</div>
</div>
<div id="circles">Horee aku berasil buat Website !!!<div class="copy">Created by (isi nama anda)</div></div>
</div>
<script src="http://static.supportindeed.com/default/index/jquery.min.js"></script>
<script src="http://static.supportindeed.com/default/index/jquery.event.frame.js"></script>
<script src="http://static.supportindeed.com/default/index/jquery.parallax.js"></script>
<script src="http://static.supportindeed.com/default/index/main.js"></script>
</body>
</html>

Sesuai janji saya diatas saya akan menjelaskan apa itu CMS Wordpress dan kenapa saya memilih untuk membuat website menggunakan CMS.

  • Wordpress memiliki banyak Theme

    Jadi ini sangat cocok utnuk teman-teman yang belum jago pemrograman web, dengan wordpress kita akan dimanjakan dengan banyak sekali pilihan theme yang menarik, mulai dari yang gratis sampai yang berbayar.

  • Wordpress kaya akan Plugin

    Ada ribuan plugin yang tersedia untuk wordpress, fungsinya antara lain adalah untuk memudahkan kita sebagai webmaster. Jadi misal kita ingin buat website toko online, maka tinggal install saja plugin WP Online Stor.

Dan masih banyak lagi kelebihan dari sebuah Website yang dibuat dengan CMS Wordpress ini, namun tentu tidak bisa saya sebutkan semuanya disini (mungkin di artikel selanjutnya).

[ Video ] Cara Membuat Website


Ini adalah video tutorial untuk membantu Anda yang mungkin masih merasa kesusahan dalam memahami artikel cara membuat website yang saya tulis diatas, jadi untuk Anda yang sekiranya masih binung dengan penjelasan saya diatas, silahkan tonton video tutorial membuat website ini.



Butuh waktu kurang lebih 1 jam untuk menulis artikel ini dan membuat video tutorial, dan besar harapan saya, artikel ini dapat memberikan manfaat khususnya untuk Anda yang sedang belajar cara membuat website.
Tolong Share artikel ini di: Komentar →

2 comments:

Baja Artha said...

Your domain is not pointing to our nameservers at the moment, so services such as FTP, File Manager, E-mail (and others) will not work correctly. You can find our nameservers at the "Accounts -> Details" section. Please mind that DNS might take up to 24 hours to propagate when the change is submitted.

maksudnya apa ya gan? gimana cara mengarahkan domain ke nameserver?

Danang Novianto said...

@BajaArtha masalah tersebut muncul karena Anda belum melakukan set DNS dengan benar atau sederhananya NS belum terpointing ke server Hosting.

Untuk melakukan pengubahan NameServer (NS) pada domain bisa melalui DNS Management / DNS Manager, disana Anda bisa menambahkan / menghapus nameserver yang ada. Semoga membantu.

Post a Comment

# Saya akan coba merespon komentar baru secepatnya.
# Harap berkomentar dengan bahasa baku tanpa singkatan.
# Komentar promosi, spam, dan komentar satu kalimat yang tidak bermutu akan saya hapus langsung.
# Jangan menggunakan nama pengomentar dengan nama yang berbau porno, judi, dan yang negatif lainnya.
# Setiap komentar akan dimoderasi secara manual sebelum muncul.

◄ Posting Baru Posting Lama ►
 

Info Admin: Danang Novianto

Panggil saya Danto, seorang blogger dan internet marketer pemula yang dianugrahi wajah manis, berambut klimis, dan suka mringis

Copyright © 2013-2014. Belajar SEO Blog & Bisnis Online Dari Ahli dan Pakar SEO Indonesia - All Rights Reserved Editor by Belajar SEO Blogspot Powered by Blogger