Jumat, 13 Februari 2015

WEBSITE GRATIS

CARA MEMBUAT WEBSITE GRATIS DAN MUDAH

cara membuat website
cara membuat website gratis dan mudah
CARA MEMBUAT WEBSITE GRATIS DAN MUDAH  ~ Penggunaan website saat ini semakin hari semakin bertambah banyak hal ini terjadi karena kemajuan tehnologi dan tuntutan hidup pada jaman sekarang. Seiring dengan itu penyedia jasa pembuatan website murah juga tumbuh dan berkembang di mana mana. Website yang dalam bahasa Indonesia berarti situs web, merupakan suatu halaman web yang pada dasarnya berupa sebuah berkas baik itu berupa berkas gambar, tulisan, video dan lain sebagainya.

Nah jika anda ingin tahu cara membuat website gratis sendiri dengan mudah tanpa perlu menyewa jasa pembuatan website, maka perhatikanlah langkah-langkah yang ada di bawah.

Untuk mempermudah anda memahani cara membuat website sendiri di sini saya menggunakan sebuah hosting gratis yaitu idhostinger karena anda akan mendapatkan 2 GB disk space, 100GB Bandwidth secara cuma cuma selamanya dan anda dapat upgrade jika diperlukan.

cara membuat website gratis

Cara Membuat Website gratis

1. Kunjungi situs idhostinger di www.idhostinger.com
2. Klik kotak Order Sekarang!
3. Isilah form pendaftaran dengan nama anda, email, password, isi kode yang terlihat, centang kotak kecil dan klik buat akun. Jika anda belum tahu cara membuat email gmail silahkan anda baca artikelcara membuat email untuk membantu cara membuat website gratis anda.

cara membuat website gratis ~ isi form

4. Buka email anda dan klik link verifikasi yang telah dikirimkan
5. Ada 3 pilihan hosting untuk anda, karena kita ingin belajar cara membuat website gratis maka pilihlah yang gratis, klik order

cara membuat website menggunakan layanan gratis

6. Isi subdomain anda (jangan kurang dari 5 huruf), inilah yang akan menjadi bagian dari alamat anda nanti, pada kotak sebelah kanan pilih yang sesuai keinginan anda. setelah selesai isi semuanya, klik buat. Dan anda klik lagi tombol kelola.

cara membuat website gratis
7. Dan sekarang anda berada pada Cpanel, cari tulisan penginstallan otomatis , lalu klik saja tulisan tersebut

cara membuat website gratis

Cara membuat website sendiri

8. selanjutnya adalah pilih layanan website gratis dari wordpress

cara bikin website gratis ~ menggunakan wordpress

9. Biarkan kotak bertuliskan install ke -  (jangan diisi ), kemudian isi nama pengguna (boleh nama anda kalau bisa jangan menggunakan kata admin), isi password juga dan klik install wordpress 3.3.1., jika ada tampilan isi direktori akan ditimpa ? klik yes...,  tunggulah prosesnya hingga selesai.

cara bikin website gratis ~ pengguna wordpress
cara membuat website

10. Dan website gratis anda sudah jadi, anda dapat login ke website anda dengan cara meng-klik 'manage' pada tab hosting atau klik saja nama domain misalnya namadomain.p.ht lalu pilih 'log in' (lihat bagian kanan bawah) dan isi username dan password.

Anda juga bisa masuk ke website anda dengan cara mengetik www.namadomain/wp-admin  contoh nya www.namadomain.p.ht/wp-admin ataupun mengetik www.namadomain/wp-login.php dan anda akan masuk ke wordpress sebagai tanda bahwa anda telah berhasil membuat website sendiri.
artikel terkait : cara membuat blog sendiri .

cara bikin website gratis
Silahkan anda berkreasi dengan membuat website anda tersebut dan jika berkeinginan lebih serius lagi untuk agar tahu cara membuat website, silahkan baca kursus membuat website, dari sini anda akan mendapatkan cara membuat website secara profesional.

Demikian cara membuat website gratis dan mudah, semoga dapat memberikan manfaat.

1. Cara Membuat Website


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).

Kembali ke Topik, untuk Cara Membuat Website.
  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 kunjungihttp://www.idhostinger.com/
  2. Setelah terbuka, selanjutnya klik Buat Akun. Letaknya ada di pojok kanan atas, dekat form login.

  3. Di halaman ini Anda diwajibkan mengisi. NamaE-mail dan Password Anda. Isikan sesuai tempatnya.


    Jangan lupa centang, Saya setuju dengan Ketentuan Penggunaan Layanan.
  4. Selanjtunya, kita buka Tab Baru dan masuk ke Email kita, untu mengaktivasi Akun kita. Nanti ada dua Email dari yang dikirim oleh IDHostinger, Anda lihat saja yang pertama atau yang paling bawah.


    Tingal Anda klik atau salin link tersebut ke Address Bar dan klik Enter.
  5. Disini kita akan disuruh memilih Paket Hosting yang akan kita pakai nanti untuk Membuat Website. Karena kita hanya akan Membuat Web untuk Belajar saja, maka kita Order saja yang Paket Gratis.

  6. Kalau diatas kita sudah memesan Hostingan makan setelah itu kita akan diberi hadiah SubDomain. Untuk SubDomainnya ada banyak pilihan, silahkan Anda pilih yang paling cocok atau sesuai dengan selera Anda. Lalu klik Buat.

  7. SubDomain + Hosting Anda akan dibuat, jadi tunggu hingga muncul pemeberitahuan 'Akun telah dibuat 100%' di pojok kanan bawah.


    Selanjutnya, silahkan Anda klik Lihat Hasil.
  8. Dari sini kita sudah berhasil membuat akun untuk membuat Websitenya, namun kita belum memesan Hosting + SubDomain atau dengan kata lain suah berhasi Mendaftar / Membuat Website. Namun kita harus melanjutkan untuk mengisi website kita dengan Artikel atau File. Caranya dengan mengklik tombol Kelola.

  9. Maka Anda akan dibawa ke Cpanel (Control Panel). Disinilah tempat Anda mengatur segala sesuatu yang berkaitan dengan website Anda. Mulai dari :

    • Menambah Subdomain
    • Parkir Domain
    • Impor Website
    • Impor Database
    • Mengatur Halaman Error

    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).

2. Cara Upload File ke Website Menggunakan FTP


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).

Sekarang, langkah-langkah Cara Upload File ke Website atau Hosting menggunakan FTP Online.
  1. Buka https://ftp.net4india.com/


    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.

  2. Setelah klik Login, maka Anda akan masuk kedalam direktori root.


    Di direktori (folder) ini Anda tidak bisa mengupload apapun, andai kata bisa upload, Anda tidak akan bisa mengaksesnya melalui url (tidak bisa diakses umum), karena filenya berada di dalam. Solusinya Anda klik dulu public_html.
  3. Disinilah tempat untuk mengatur halaman depan website Anda. Cara Mengaturnya, pertama-tama Anda hapus dulu default.php yang ada di direktori public_html ini. Ohya, default.php ini isinya adalah ucapan selamat datang yang otomatis dibuat oleh pihak IDHostinger, jadi kita hapus saja tidak masalah.


    Centang filenya dan pilih Delete. Lalu pilih Submit, dan klik Back untuk kembali ke public_html.
  4. Langkah selanjutnya tinggal kita upload file kita ? tapi file apa yang akan kita upload ? jangan kuatir disini saya akan memberikan script / kode html untuk membuat halaman depan website, oya kode ini bukan buatan saya melainkan buatan master problogiz, yang juga sudah valid HTML5. Langsung saja ini dia kodenya.

    <!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>
    /* ~~~~~~~~~ layout ~~~~~~~~~~ */
    #container {width: 960px;margin: 20px auto;background: #fff;padding: 30px;overflow: hidden;}

    /* ~~~~~~~~~ header ~~~~~~~~~~ */
    #main-navigation {border-bottom: 5px solid #3942A3;margin: 20px 0;}
    #main-navigation ul {overflow: hidden;width: 100%;list-style: none;font-size: 1.6em;}#main-navigation li {float: left;}
    #main-navigation li a {background: #3972A3;margin: 0 5px 0 0;padding: 5px 30px;display: block;color: #000000;text-decoration: none;}
    #main-navigation li.current a {background: #666;}
    #main-navigation li a:hover {background: #777; }

    /* ~~~~~~~~~ article ~~~~~~~~~~ */
    article {width: 100%;overflow: hidden;}
    section {float: left;width: 500px;}

    /* ~~~~~~~~~ aside ~~~~~~~~~~ */
    aside {float: right;width: 310px;}

    /* ~~~~~~~~~ footer ~~~~~~~~~~ */ 
    footer {width: 840px;margin: 20px auto;font-size: 1.4em;text-align: right;}

    /* ~~~~~~~~~ common ~~~~~~~~~~ */
    body, select, input, textarea {font: 0.625em/1.4 tahoma, verdana, arial, helvetica, sans-serif;color: #333;}
    body {background: #ccc;}
    h1 {font-weight: normal;color: #666;font: 3.2em/1.4 georgia, 'times new roman', times, serif;margin: 0.2em 0 0;}
    h2 {font-weight: normal;color: #666;font: 2.4em/1.4 georgia, 'times new roman', times, serif;margin: 0.2em 0; }
    section p, section ul, section ol,
    aside p, aside ul, aside ol {font-size: 1.4em;margin: 1em 0;}
    section ul {margin-left: 1em;}
    section ol {margin-left: 1.4em;}

    /* ~~~~~~~~~ generic ~~~~~~~~~~ */
    html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
    dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
    a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,strong, sub, sup, tt, var, legend, fieldset {margin: 0;padding: 0;}
    img {vertical-align: bottom;}
    img, fieldset {border: 0;}
    html {overflow-y: scroll;}
    header, nav, section, article, figure, aside, footer {display: 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 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)
  5. Setelah Anda save sekarang saatnya Anda upload, caranya mudah saja, klik Upload.


    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 files to the FTP server: 
    File index.html has been transferred to the FTP server using FTP mode FTP_ASCII

    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.


    Cukup menarik bukan, hehe.
  1. hehe.


Video Cara Membuat Website




Video ini saya buat untuk memudahkan rekan-rekan yang masih kesulitan memahani artikel cara membuat website 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 SEO

Langkah 1 : Pergi ke idhostinger.com

Langkah 2 : Klik Buat Akun

Langkah 3 : Isi Nama, Email, Password Anda

Langkah 4 : Klik Buat Akun

Langkah 5 : Buka Akun Email Anda ( mail.google.com )

Langkah 6 : Klik Link Konfirmasi dari Pihak IDHostinger

Langkah 7 : Pilih Hosting yang Gratis ( Rp.0 )

Langkah 8 : Isi Nama Domain dan Password dan Klik Buat

Langkah 9 : 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 website.

Tidak ada komentar:

Posting Komentar