Blogging
o Info
o Tips
o Tools
o Web
o Wordpress
Aplikasi
o Android
o BlackBerry
o Game
o Antivirus
o Browser
o Office
o Photo
o Video
Komputer
o Windows
o Laptop
o Modem
Media Sosial
o Facebook
o Twitter
o YouTube
o Instagram
o LinkedIn
o Line
o Skype
o WhatsApp
Bisnis
o Bisnis Online
Internet
o Situs
AdSense
eBook
Home » Webmaster Tips » Cara Membuat Website Sederhana Untuk Pemula Dalam 5 Menit
Cara membuat website mungkin bisa dibilang bukan hal yang sulit bahkan cukup mudah
untuk para webmaster (pembuat website). Namun bagaimana dengan teman-teman kita yang
baru saja 'terjun' di dunia blogging ? apakah mereka juga menganggap Cara Membuat
Website adalah hal yang mudah ? tentu tidak bukan, atas dasar itulah saya akan mencoba
menjelaskan tahap demi tahap Bagaimana Cara Membuat Website dari Dasar atau Awal
untuk para Pemula tentunya.
Tenang saja, Cara Membuat Web yang akan saya berikan ini tidak akan banyak memakan
waktu Anda, karena sesuai judul yang saya buat Cara Membuat Website ini hanya akan
memakan waktu 5 Menit saja, bahkan mungkin bisa kurang dari itu.
Baiklah, disini saya akan membagi Tutorial Membuat Website ini menjadi 2 Bagian.
Kedua Cara diatas akan saya jelaskan secara gamblang dengan bahasa yang sesederhana
mungkin. Jadi untuk Anda yang benar-benar buta akan Website mampu mengikuti Tutorial
Membuat Website ini dengan Mudah.
Sebelum membuat website, hal yang harus Anda persiapkan adalah Hosting + Domain. Jika
Anda bingung apa itu Hosting, maka kita bisa mengibaratkan Hosting itu ibarat Rumah untuk
menyimpan barang-barang (file) dan Domain ibarat Nama Jalannya, agar pengunjung bisa
berkunjung.
Untungnya hampir semua penyedia layanan website sekarang ini sudah menyediakan paket
lengkap, yaitu mereka sudah menyiapkan Hosting dan Domain menjadi satu, jadi pesan
Hosting dapat gratis Domain. Karena kita nyari yang gratisan jadi kita gak akan dapat
Domain, melainkan hanya akan mendapat SubDomain (ada embel-embelnya, semacam
blogspot.com atau wordpress.com).
1. Kunjungi situs penyedia Layanan pembuatan Website, disini akan saya beri contoh
menggunakan situs penyedia layanan yang cukup populer di Indonesia, yaitu
IDHostinger. Langsung saja kunjungi http://www.idhostinger.com/
2. Setelah terbuka, selanjutnya klik Buat Akun. Letaknya ada di pojok kanan atas, dekat
form login.
o Parkir Domain
o Impor Website
o Impor Database
Dan masih banyak lagi. Namun kita tidak akan membahas fitur-fitur yang ada di
Cpanel ini (butuh watu berhari-hari). Tujuan kita masuk Cpanel adalah untuk
mengambil Data mengenai : 'Nama pengguna'.
Lihat dan silhkan Anda Catat (kalau bisa dikertas atau buku).
Untuk mengupload suatu file kedalam Website atau lebih tepatnya kedalam Hosting (rumah)
sebenarnya cukup mudah, yaitu cukup dengan mengklik File Manajer dan tinggal Anda pilih
file yang akan Anda Upload.
Tapi yang jadi masalah bagaimana jika kita ingin mengupload file kedalam Hosting saat kita
menggunakan HandPhone ? tentu kita tidak mungkin masuk File Manajer yang ada
disediakan IDHostinger, karena ada beberapa Javascript yang harus dijalankan, dan itu tidak
mungkin dijalankan di browser Handphone (operamini / ucbrowser).
Maka dari itu, disini kita akan meminta bantuan FTP. FTP Online ini fungsinya menjadi
perantara, Antara file yang akan kita upload dengan Hosting yang sudah kita pesan tadi
(tanpa melalui file manajer).
Mohon maaf disini saya akan memberikan screenshotnya dari tampilan PC, tapi sebenarnya
sama persis kok tampilannya antara di PC dan Handphone, karena saya sering membuka di
HP juga.
Untuk Upload filenya mealalui FTP Online tentunya kita harus memilih 1 dari ribuan FTP
Online yang ada di Internet, disini saya memutuskan untuk memilih Net4India karena sudah
support https dan yang terpenting adalah sangan HandPhone Friendly (nyaman dan tidak
terlalu berat jika dibuka melalui hp).
1. Buka https://ftp.net4india.com/
* yang dimaksud password disini adalah password saat Anda mengisi SubDomain, jadi bukan
password saat Anda membuat akun IDHostinger.
Cara Upload File ke Website (Gambar: 2)
3.
4. Setelah klik Login, maka Anda akan masuk kedalam direktori root.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Page Title</title>
<style>
/* ~~~~~~~~~ layout ~~~~~~~~~~ */
#container {width: 960px;margin: 20px auto;background: #fff;padding:
30px;overflow: hidden;}
<!--conditional-->
<!--[if IE]>
<script src="js/html5.js"></script>
<![endif]-->
</head>
<body class="home">
<div id="container">
<header id="page-header">
<h1>Judul Blog</h1>
<nav id="main-navigation">
<ul>
<li class="current"><a href="#">Home</a></li>
<li style="color: red;"><a href="#">About</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
<article id="page-content">
<section>
<hgroup>
<h2>Pemahaman HTML5</h2>
<h2>Demo HTML5 Template</h2>
</hgroup>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac iaculis erat.
Maecenas id fermentum odio. Class aptent taciti sociosqu ad litora torquent per
conubia nostra, per inceptos himenaeos.</p>
<h2>HTML 5 Item</h2>
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
<ol>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ol>
</section>
<aside>
<h2>Artikel Terkait</h2>
<p>Aliquam id lorem ac tellus fringilla bibendum et at turpis. In ut auctor justo.
Integer ac quam sed est semper hendrerit.</p>
</aside>
</article>
</div>
<footer>
Footer
</footer>
</body>
</html>
Pertama Anda copy paste dahulu seluruh script diatas, selanjutnya paste kan kedalam
aplikasi moby explorer (ini yang biasa saya pakai kalau mengedit text di hp) atau
Anda bisa juga menggunakan editor yang gratis lainya, edit yang perlu diedit setelahs
selesai di edit seve dengan nama index.html (tulis persis dengan apa yang saya tulis,
jangan diganti Index.html atau ind3x.html)
9. Setelah Anda save sekarang saatnya Anda upload, caranya mudah saja, klik Upload.
Cara Upload File ke Website (Gambar: 5)
10.
Dan selanjutnya pilih Choose File (ada 2 tulisan choose file, anda pilih yang atas
karena itu nanti file yang diupload tidak akan dikompres / meminimalisir file rusak).
Dilanjut dengan mengklik tombol Submit.
15.
Berarti file sukses diupload, itu artinya kita sudah berhasil mengubah halaman depan
Website yang kita buat. Kalau tidak percaya cek saja Website Anda.
Ini screenshot halaman depan Website saya yang index.html-nya menggunakan kode diatas.
Captions
Cara Membuat Website ala Berguru SEO
Jika sudah muncul pesan pemberitahuan yang ada di pojok kanan bawah, Itu artinya Website
Sudah Berhasil Anda Buat, Selamat!