
Website yaitu situs di internet yang menyediakan info mengenai suatu instansi atau produk tertentu. Sekedar info saja, bahwa website tidaklah sama dengan Blog, artinya ketika 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 resah dalam membedakan blog dan website, saya akan menunjukkan contohnya :
Contoh Website : www.starbucks.com
Contoh Blog : www.seoterpadu.com
Sudah cukup terang bukan, selanjutnya dari segi info yang diberikan pun juga berbeda jauh, dimaan website hanya berisi info 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 mampu 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 jikalau ingin membuat website baru, kita diwajibkan untuk mempunyai dua hal, yaitu Domain dan Hosting, dan kedua hal tersebut tidak perlu Anda siapkan ketika membuat Blog, alasannya yaitu 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, alasannya yaitu baik Hosting maupun Domain keduanya mampu kita dapatkan dengan gratis, melalui situs penyedia layanan Web Hosting Gratis menyerupai 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 pribadi praktek, sebelumnya saya harap Anda sudah menyiapkan email aktif yang akan kita gunakan untuk membuat akun gres di 2FreeHosting. Jika sudah silahkan ikuti tutorial membuat website dibawah ini.
- Silahkan Anda buka https://www.2freehosting.com/
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.
- Masukkan email, nama dan password
Pada kolom yang sudah disediakan silahkan masukkan nama dan juga alamat email dan password. Pastikan email yang Anda masukkan yaitu email yang aktif alasannya yaitu nanti kita akan membuka email tersebut untuk memverifikasi akun yang Anda buat.
- Buka akun email Anda
Sebagai pola 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.
- Pilih Free Hosting
Karena kita hanya akan gres mencar ilmu membuat website, maka pada Hosting Plan, kita pilih saja yang Free. Lalu silahkan Anda klik Select.
- Isi detail website Anda
Seperti yang saya katakan diatas, dalam membuat website diharapkan 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.
- Refresh halaman, lalu klik Switch
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.
- Klik Auto Installer
Scroll kebawah lalu cari icon berbentuk palu yang bertuliskan Auto Installer, klik icon tersebut. Sedikit penjelasan diatas yaitu tampilan Dashboard (Control Panel) pada website Anda, jadi disni kawasan Anda nantinya untuk mengatur segala aktifitas website Anda
- Pilih CMS Wordpress
Akan ada banyak sekali pilihan CMS disana, namun disini kita akan menggunakan CMS yang paling banyak digunakan oleh orang dunia, yap CMS terebut yaitu Wordpress.
- Masukkan Administrator Name & Password
Masukkan username dan password yang akan Anda gunakan untuk login ke website Anda nanti, usahakan menggunakan password yang rumit supaya web Anda terhindar dari tangan jail hacker.
- Simpan data website Anda
Diatas yaitu data sensitif dari website Anda, jadi pastikan Anda menyimpannya benar-benar, alasannya yaitu data diatas akan kita gunakan untuk banyak sekali keperluan, salah satunya yaitu 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, jikalau muncul tampilan menyerupai dibawah ini, maka saya ucapkan selamat, Anda telah melewati setengah perjalanan membuat website, dan masih ada setengah jalan lagi yang harus kita tempuh supaya 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 menyerupai 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 saya 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>
<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 saya 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 akad saya diatas saya akan menjelaskan apa itu CMS Wordpress dan kenapa saya memilih untuk membuat website menggunakan CMS.
- Wordpress memiliki banyak Theme
Kaprikornus ini sangat cocok utnuk teman-teman yang belum ahli pemrograman web, dengan wordpress kita akan dimanjakan dengan banyak sekali pilihan theme yang menarik, mulai dari yang gratis hingga yang berbayar.
- Wordpress kaya akan Plugin
Ada ribuan plugin yang tersedia untuk wordpress, fungsinya antara lain yaitu untuk memudahkan kita sebagai webmaster. Kaprikornus 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 mampu saya sebutkan semuanya disini (mungkin di artikel selanjutnya).
[ Video ] Cara Membuat Website
Ini yaitu 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 impian saya, artikel ini dapat menunjukkan manfaat khususnya untuk Anda yang sedang mencar ilmu cara membuat website.
comment 1 komentar:
more_vertTemukan berbagai Website Blog Tutorial Lengkap Disini !
sentiment_satisfied Emoticon