Cara Membuat Website Sederhana Untuk Pemula Dalam 5 Menit
![]() |
Cara Membuat Website |
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 five Menit saja, bahkan mungkin bisa kurang dari itu.
Baiklah, disini saya akan membagi Tutorial Membuat Website ini menjadi 2 Bagian.
<ol>
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.
1. Cara Membuat Website
Sebelum membuat internet site, 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 (record) 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).
Satu hal yang tak boleh Anda lupakan dalam pembuatan internet site adalah adanya brand yang akan membuat tampilan internet site semakin menarik. Tak perlu khawatir, jika Anda belum cukup mahir dalam hal design, karena di internet tersedia banyak situs untuk membuat logo secara online, salah satu yang terbaik adalah https://www.Logaster.Com/identity/. Untuk tutorial lengkapnya bisa Anda baca di Cara Membuat Logo Website.
Kembali ke Topik, untuk Cara Membuat Website.
<ol>
![]() |
Cara Membuat Website Sederhana untuk Pemula (Gambar: 1) |
![]() |
Cara Membuat Website Sederhana untuk Pemula (Gambar: 2) |
Jangan lupa centang, Saya setuju dengan Ketentuan Penggunaan Layanan.
![]() |
Cara Membuat Website Sederhana untuk Pemula (Gambar: 3) |
Tingal Anda klik atau salin hyperlink tersebut ke Address Bar dan klik Enter.
![]() |
Cara Membuat Website Sederhana untuk Pemula (Gambar: 4) |
![]() |
Cara Membuat Website Sederhana untuk Pemula (Gambar: 5) |
![]() |
Cara Membuat Website Sederhana untuk Pemula (Gambar: 6) |
Selanjutnya, silahkan Anda klik Lihat Hasil.
![]() |
Cara Membuat Website Sederhana untuk Pemula (Gambar: 7) |
<ul>
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'.
![]() |
Cara Membuat Website Sederhana untuk Pemula (Gambar: 8) |
Lihat dan silhkan Anda Catat (kalau bisa dikertas atau buku).
2. Cara Upload File ke Website Menggunakan FTP
Untuk mengupload suatu document kedalam Website atau lebih tepatnya kedalam Hosting (rumah) sebenarnya cukup mudah, yaitu cukup dengan mengklik File Manajer dan tinggal Anda pilih report yang akan Anda Upload.
Tapi yang jadi masalah bagaimana jika kita ingin mengupload report 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 assist https dan yang terpenting adalah sangan HandPhone Friendly (nyaman dan tidak terlalu berat jika dibuka melalui hp).
Sekarang, langkah-langkah Cara Upload File ke Website atau Hosting menggunakan FTP Online.
<ol>
![]() |
Cara Upload File ke Website (Gambar: 1) |
Tadi sebelumnya saya menyuruh Anda untuk mencatat 'Nama pengguna' bukan ? gunanya ya untuk mengisi Login Panel di FTP ini. Ada tiga form yang harus Anda isi.
FTP server: Isikan Nama Domain Anda
Username: Isikan Nama Pengguna
Password: Isikan Password
Setelah semua terisi silahkan Anda klik Login.
* 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) |
![]() |
Cara Upload File ke Website (Gambar: 3) |
Di direktori (folder) ini Anda tidak bisa mengupload apapun, andai kata bisa add, Anda tidak akan bisa mengaksesnya melalui url (tidak bisa diakses umum), karena filenya berada di dalam. Solusinya Anda klik dulu public_html.
![]() |
Cara Upload File ke Website (Gambar: 4) |
Centang filenya dan pilih Delete. Lalu pilih Submit, dan klik Back untuk kembali ke public_html.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Page Title</title>
<!-- meta tags -->
<meta name="keywords" content="">
<meta name="description" content="">
<!-- stylesheets -->
<style>
/* ~~~~~~~~~ format ~~~~~~~~~~ */
#field width: 960px;margin: 20px auto;history: #fff;padding: 30px;overflow: hidden;
/* ~~~~~~~~~ header ~~~~~~~~~~ */
#important-navigation border-backside: 5px solid #3942A3;margin: 20px zero;
#important-navigation ul overflow: hidden;width: one hundred%;list-style: none;font-length: 1.6em;#fundamental-navigation li go with the flow: left;
#most important-navigation li a historical past: #3972A3;margin: zero 5px zero 0;padding: 5px 30px;display: block;shade: #000000;textual content-ornament: none;
#principal-navigation li.Present day a historical past: #666;
#foremost-navigation li a:hover heritage: #777;
/* ~~~~~~~~~ article ~~~~~~~~~~ */
article width: a hundred%;overflow: hidden;
phase glide: left;width: 500px;
/* ~~~~~~~~~ aside ~~~~~~~~~~ */
apart flow: proper;width: 310px;
/* ~~~~~~~~~ footer ~~~~~~~~~~ */
footer width: 840px;margin: 20px vehicle;font-size: 1.4em;textual content-align: right;
/* ~~~~~~~~~ common ~~~~~~~~~~ */
frame, select, input, textarea font: zero.625em/1.4 tahoma, verdana, arial, helvetica, sans-serif;colour: #333;
frame history: #ccc;
h1 font-weight: ordinary;color: #666;font: 3.2em/1.Four georgia, 'instances new roman', instances, serif;margin: 0.2em zero 0;
h2 font-weight: ordinary;colour: #666;font: 2.4em/1.Four georgia, 'instances new roman', instances, serif;margin: zero.2em zero;
section p, phase ul, segment ol,
apart p, apart ul, apart ol font-size: 1.4em;margin: 1em zero;
section ul margin-left: 1em;
phase ol margin-left: 1.4em;
/* ~~~~~~~~~ accepted ~~~~~~~~~~ */
html, body, cope with, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, desk, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, item,
a, abbr, acronym, b, bdo, huge, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,sturdy, sub, sup, tt, var, legend, fieldset margin: 0;padding: zero;
img vertical-align: bottom;
img, fieldset border: 0;
html overflow-y: scroll;
header, nav, segment, article, parent, aside, footer show: block;
</style>
<!-- javascript -->
<script src="js/jquery-1.3.2.min.js"></script>
<!--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 textual content 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)
![]() |
Cara Upload File ke Website (Gambar: 5) |
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.
Jika muncul tulisan :
Checking files:
File index.Html is OK
Transferring documents to the FTP server:
File index.Html has been transferred to the FTP server the use of FTP mode FTP_ASCII
Berarti document 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.
![]() |
Cara Upload File ke Website (Gambar: 6) |
Cukup menarik bukan, hehe.
Video Cara Membuat Website
Video ini saya buat untuk memudahkan rekan-rekan yang masih kesulitan memahani artikel cara membuat internet site diatas, dan harapan saya tentunya setalah melihat video membuat website ini, tidak ada lagi rekan-rekan yang kesusahan dalam membuat website.
Captions
Cara Membuat Website ala Berguru search engine marketing
Langkah 1 : Pergi ke idhostinger.Com
Langkah 2 : Klik Buat Akun
Langkah three : Isi Nama, Email, Password Anda
Langkah 4 : Klik Buat Akun
Langkah five : Buka Akun Email Anda ( mail.Google.Com )
Langkah 6 : Klik Link Konfirmasi dari Pihak IDHostinger
Langkah 7 : Pilih Hosting yang Gratis ( Rp.Zero )
Langkah eight : Isi Nama Domain dan Password dan Klik Buat
Langkah nine : Tunggu 5 Detik hingga Domain dan Hosting selesai dibuat
Jika sudah muncul pesan pemberitahuan yang ada di pojok kanan bawah, Itu artinya Website Sudah Berhasil Anda Buat, Selamat!
Kesimpulan :
Bisa disimpulkan dalam Membuat Website, singkatnya hanya diperlukan [ Hosting - Domain / SubDomain - index.Html / index.Php ] hanya dengan ketiga unsur ini, bisa dikatakan kita sudah berhasil membuat suatu internet site.
Semoga saja, Cara Membuat Website yang saya tuliskan ini dapat bermanfaat untuk Anda yang ingin belajar membuat website. Akhir kata saya ucapkan terimakasih sudah berkunjung dan bersedia membaca artikel Cara Membuat Website Sederhana Untuk Pemula Dalam 5 Menit ini.
0 Response to "Cara Membuat Website Sederhana Untuk Pemula Dalam 5 Menit"
Post a Comment