Cara Membuat Website Gratis dengan HTML

July 08, 2014 1 Comments

Cara Membuat Website sebenarnya bisa dengan banyak cara, ada yang menggunakan CMS ada juga yang membuat hanya dari susunan kode HTML dilengkapi CSS dan disempurnakan dengan JS.

Buat Website dengan atau tanpa CMS sangatlah berbeda, malah bisa dibilang sangat berbeda sekali, baik dari tingkat kesulitan maupun kepraktisan. Dimana jika kita membuat website dengan CMS akan terasa lebih cepat, mudah dan praktis, sementara jika kita memilih membuat website menggunakan HTML dan kawan-kawannya, maka kita harus rela menyempatkan waktu sedikit lebih lama untuk mendesain dan merancangnya.

Tapi tenang saja, di akhir artikel akan saya bagikan Script untuk membuat website, jadi nanti baik menggunakan HTML maupun CMS akan sama-sama mudah.

Artikel ini akan saya bagi menjadi 2 Bagian.

  1. Cara Membuat Website Gratis dengan HTML, CSS dan JS
  2. Cara Membuat Website Gratis dengan CMS

Baik, kita mulai saja tutorialnya yang pertama.


Cara Membuat Website


Tutorial yang pertqama ini akan menjelaskan kepada Anda bagaimana cara buat website gratis dengan menggunakan HTML alias tanpa perlu CMS. Oke, silahkan ikuti langkah-langkah dibawah ini.

  1. Silahkan kunjungi idhostinger.com untuk memesan Hosting dan Domain

    Cara Membuat Website Gratis 1

    Tidak mutlak harus idhostinger, Anda bisa mencoba hosting lain, seperti Runhosting atai 2freeserver. Tapi entah kenapa saya lebih suka yang lokal saja,

  2. Sign up atau Log in

    Cara Membuat Website Gratis 2

    Jika belum mempunyai akun silahkan Sign Up, dan untuk Anda yang sudah memiliki aku di idhostinger silahkan Log in.

  3. Klik Order Hosting Baru

    Cara Membuat Website Gratis 3

    Arahkan kursor ke menu Hosting, lalu pilih Hosting Baru, meskipun tulisannya hosting baru, tapi nanti Anda akan mendapat domain juga atau lebih tepatnya subdomain.

  4. Pilih yang Gratis

    Cara Membuat Website Gratis 4

    Ada 3 Paket Hosting yaitu Gratis, Premium dan Bisnis. Anda pilih saja yang Gratis.

  5. Masukkan Nama Domain dan Password

    Cara Membuat Website Gratis 5

    Nama domain inilah yang akan menjadi alamat dari website kamu. Saat mengisi atau menentukan nama domain pastikan muncul tulisan domain tersedia.

  6. Masukkan Captcha

    Cara Membuat Website Gratis 6

    Isi captcha lalu klik Order.

  7. Klik Kelola

    Cara Membuat Website Gratis 7

    Sebelumnya klik dulu pada web yang kamu buat tadi, dicontoh ini saya membuat nama website dengan nama domain Pblogkamu.esy.es

  8. Pilih File Manajer 1

    Cara Membuat Website Gratis 8

    Scroll kebawah lalu klik pada File Manajer 1

  9. Klik Install

    Cara Membuat Website Gratis 9

    Tidak apa-apa memakai bahasa inggris saja. Karena memang tidak terlalu banyak kata yang harus kita terjemahkan.


  10. Klik Upload File

    Cara Membuat Website Gratis 10

    Setelah proses install selesai, maka akan muncul pop up seperti gambar diatas, klik saja Upload File untuk mengupload script website kita yang terdiri dari HTML, CSS dan JS.

  11. Klik Extract File

    Cara Membuat Website Gratis 11

    File berhasil terupload, sekarang saatnya kita extract dengan cara mengklik tombol extract, lihat screenshot diatas agar lebih jelas.

  12. Pindahkan Script Website ke Home


    Buka Folder Script Website, lalu blok semua filenya, klik kanan dan pilh Cut, lalu buka Home, klik kanan, paste. Home yang saya maksud adalah icon yang berbentuk seperti gambar rumah, perhatikan icon yang sudah saya tandai ini.


Langkah akhir adalah cek website kamu, dengan cara mengetikkan nama domain yang tadi Anda pesan, sebagai contoh saya tadi memesan blogkamu . esy . es

Maka setelah halaman terbuka terjadilah penampakan seperti gambar dibawah ini.

Hasil Akhir Cara Membuat Website


Jika website Anda mempunyai tampilan seperti diatas, maka bisa dipastikan Anda sudah sukses dalam membuat sebuah website, selamat ya.

Selanjutnya kita akan membahas cara membuat website menggunakan CMS (maaf baru bisa saya tulis besok)


Cara Membuat Website dengan CMS


Membuat website dengan menggunakan CMS sebenarnya jauh lebih mudah ketimbang saat kita buat website dengan HTML. Karena apa ? dikarenakan CMS sendiri sudah teritegrasi dengan HTML dan CSS, jadi sudah ada templatenya, kita tinggal install dan jadi deh.

Oke tutorialnya sederhana saja, pada tahap 1 - 7 sama persis dengan cara membuat website gratis dengan HTML, hanya saja pada tahap 8 dan seterusnya yang berbeda,


  1. Pilih Auto Installer

    Cara Membuat Website dengan CMS gambar 1

    Saat membuat website dengan HTML kita memilih File Manajer, maka jika kita ingin membuat website dengan CMS, maka pilih atau saja Auto Installer.

  2. Pilih CMS Wordpress

    Cara Membuat Website dengan CMS gambar 2

    Ada puluhan CMS yang bisa diinstal otomatis disana, Anda bebas memilih yang mana, namun dalam contoh ini saya akan menggunakan Wordpress.

  3. Isi semua Data

    Cara Membuat Website dengan CMS gambar 3

    Isi semua kolom data yang diperlukan seperti password, judul website dll. Setelah itu silahkan klik Install.

  4. Kunjungi Website Baru Anda

    Cara Membuat Website dengan CMS gambar 4

    Tunggu beberapa saat, setelah proses installasi selesai silahkan kunjung web baru yang Anda buat, dengan mengetikkan alamat website.

Ini saja dari saya, hal terpenting yang harus dipersiapkan jika Anda ingin bikin website adalah Hosting, Domain dan Script, hanya tiga hal tersebut secara garis besarnya.

Akhir kata saya ucapkan terimakasih banyak telah bersedia meluangkan waktunya unutk membaca Cara Membuat Website Gratis dengan HTML.

1 comment: