Skip to main content

Cara Membuat Website Sendiri Dengan Mudah dan Gratis

Ada berbagai macam cara untuk membuat website, ada yang membuat website menggunakan bantuan CMS (Content Management System) ada pula yang hanya mengandalkan kodingan manual.

Di artikel ini, Anda akan mendapatkan kedua ilmu tersebut :

  • Cara Membuat Website dengan CMS, dan
  • Cara Membuat Website tanpa CMS

Baca Juga
cara membuat blog Cara Membuat Blog

Tak hanya website, anda juga bisa membuat blog baru sendiri secara gratis dengan memanfaatkan layanan blog dari blogger.
Namun, untuk teman-teman yang masih pemula dalam dunia website, saran saya sebaiknya ikuti panduan membuat website dengan CMS, karena jika tanpa CMS, maka Anda dituntut untuk menguasai bahasa pemrograman, khususnya HTML, CSS dan JavaScript.

Sekedar informasi saja, dari kedua cara membuat website diatas, baik yang menggunakan CMS maupun tanpa CMS, keduanya sama-sama membutuhkan Hosting dan Domain. Jadi sebelum membuat website, kita perlu melakukan pemesan Hosting dan Domain terlebih dahulu.

Apa itu Hosting ? Hosting adalah tempat untuk menyimpan file.
Apa itu Domain ? Domain adalah alamat website.

Penjelasan singkat dengan pengertian hosting dan domain diatas saya rasa sudah cukup jelas, untuk itu mari kita mulai proses pembuatan website.

Cara Memesan Hosting dan Domain


Seperti yang saya jelaskan diatas, sebelum memulai proses pembuatan website, terlebih dahulu kita harus menyiapkan Hosting dan Domain. Untuk mendapatkan Hosting dan Domain, kita bisa memesan melalui beberapa situs penyedia layanan hosting domain, sebagai contoh saya akan menggunakan layanan dari IDHostinger.

  1. Buka situs IDHostinger

    Cara Memesan Hosting dan Domain

    Jika halaman depan situs IDHostinger sudah terbuka, silahkan Anda klik tombol "Buat Akun" untuk mulai proses pendaftaran akun di IDHostinger.

  2. Log in dengan Facebook / Google Plus

    Cara Memesan Hosting dan Domain gambar 2

    Untuk mempermudah Anda dalam melakukan pendaftaran, pihak IDHostinger memberikan dua pilihan yaitu masuk dengan akun Facebook atau Google Plus.

  3. Pilih "Hosting Baru"

    Cara Memesan Hosting dan Domain gambar 3

    Jika sudah berhasil masuk ke halaman Cpanel Idhostinger, itu artinya proses pendaftaran berhasil.

  4. Klik "Order Hosting Baru"

    Cara Memesan Hosting dan Domain gambar 4

    Selanjutnya silahkan Anda klik "Order Hosting Baru" untuk mulai memesan layanan Hosting Gratis dari IDHostinger.

  5. Pesan paket "Hosting Gratis"

    Cara Memesan Hosting dan Domain gambar 5

    Ada tiga pilihan paket hosting yang ditawarkan oleh IDHostinger, karena kita baru belajar membuat website, maka pilih saja hosting paket gratis.

  6. Masukkan nama Website Anda

    Cara Memesan Hosting dan Domain gambar 6

    Pada tahap ini kita akan memesan domain, jadi silahkan Anda masukkan nama domain yang ingin Anda gunakan untuk menamai website Anda.

  7. Selesaikan tantangan ReCaptcha

    Cara Memesan Hosting dan Domain gambar 7

    Ini merupakan tahap akhir proses pemesan hosting dan domain, yaitu dengan membuktikan bahwa pemesan hosting dan domain bukanlah robot.

Sampai sini saya ucapkan selamat, karena Anda telah berhasil memesan hosting beserta domain gratis dari IDHostinger, namun perjalanan kita dalam membuat website belum berakhir sampai disini, prosesnya masih panjang.

Cara Membuat Website dengan CMS


Tutorial pertama akan saya jelaskan tentang cara membuat website dengan CMS. CMS yang akan kita gunakan untuk membuat website baru adalah Wordpress, karena selain gratis, CMS Wordpress juga memiliki fitur atau lebih tepatnya plugin yang lengkap.

  1. Klik menu "Kelola"

    Cara Membuat Website dengan CMS

    Jika Anda sudah memesan lebih dari satu hosting dan domain, maka pilih salah satu yang ingin Anda install CMS, selanjutnya klik tombol Kelola.

  2. Pilih sub-menu "Auto Installer"

    Cara Membuat Website dengan CMS gambar 2

    Scroll atau gulir kebawah untuk menemukan fitur tersebut atau lebih jelasnya silahkan Anda lihat pada gambar diatas.

  3. Pilih CMS Wordpress

    Cara Membuat Website dengan CMS gambar 3

    Karena kita akan membuat website dengan bantuan CMS jadi silahkan Anda pilih CMS terbaik menurut saya yaitu CMS Wordpress.

  4. Masukkan detail tentang Website Anda

    Cara Membuat Website dengan CMS gambar 4

    Isikan semua data yang diminta, mulai dari judul website, deskripsi website sampai password website.

  5. Tunggu beberapa menit

    Cara Membuat Website dengan CMS gambar 5

    Proses penginstallan CMS Wordpress membutuhkan waktu yang cukup singkat, dimana Anda hanya perlu menunggu beberapa menit saja.

  6. Cek website Anda

    Cara Membuat Website dengan CMS gambar 6

    Untuk memastikan proses penginstallan selesai dengan baik, silahkan cek website tersebut, jika muncul seperti gambar diatas, maka saya ucapkan selamat karena Anda telah berhasil buat website sendiri dengan bantuan CMS Wordpress.

Selanjutnya kita akan belajar bagaimana cara membuat website tanpa bantuan CMS apapun, jadi murni HTML dan CSS buatan kita sendiri.

Cara Membuat Website tanpa CMS


Jika kita ingin membuat website tanpa CMS, maka kita butuh dua hal, yaitu file index.html dan file stylesheet.css, kedua file tersebut berfungsi untuk memberikan tampilan pada website kita. Anda tidak perlu pusing dimana mendapatkan kedua file tersebut, karena akan saya bagikan gratis.

  1. Install "File Manajer 1"

    Cara Membuat Website tanpa CMS

    Anda bisa menggunakan domain dan hosting baru atau bisa juga dengan menggunakan hosting dan domain sebelumnya (yang sudah diinstall CMS Wordpress)

  2. Klik "Akses File Manajer"

    Cara Membuat Website tanpa CMS 2

    Tunggu beberapa detik, hingga proses install file manajer selesai, selanjutnya silahkan Anda klik "akses file manajer".

  3. Buat folde baru dengan nama Tanpa CMS

    Cara Membuat Website tanpa CMS 3

    Karena saya ingin tadi menggunakan hosting dan domain yang sama sewaktu install CMS Wordpress, jadi saya akan membuat folder baru untuk memesiahkan kedua website.

  4. Upload file index.html dan stylesheet.css

    Cara Membuat Website tanpa CMS 4

    Kedua file tersebut bisa Anda download disini.

  5. Cek tampilan Website Anda

    Cara Membuat Website tanpa CMS 5

    Jika muncul tampilan seperti gambar diatas, maka proses buat website tanpa CMS berhasil Anda lakukan.

Selanjutnya tinggal Anda modifikasi, baik dari segi layout HTML maupun dari segi desainnya (CSS). Bila perlu pelajari juga bagaimana Cara SEO On-Page Yang Baik Untuk Web agar website Anda tersebut bisa mendapatkan banyak pengunjung dari Google.

Itu saja artikel Cara Membuat Website yang bisa Anda lakukan sendiri, namun jika tutorial membuat website diatas dirasa terlalu susah untuk dipahami, silahkan tinggalkan komentar untuk menanykan dimana letak kebingunan yang Anda alami alternatif lain jiak tidak ingin repot, maka Anda bisa memesan jasa pembuatan website.

Comments

Popular posts from this blog

Blogger Lampung Font All Oppo

Oppo a5s wajib tau sebelum kalian beli. Hello guys welcome to technology master. Ubah Font Oppo A3s 100 Berhasil Tutorial Play | Download Blogger lampung font all oppo . Today we present you oppo a3s font changer | change fonts in with new 50 fonts. Like and subscribe untuk video betikut nya. Berikut adalah video tutorial cara ganti font di perangkat oppo a1k. Kaka fawwaz berikut adalah tutorial cara ganti font oppo a3s, semoga video ini bermanfaat. Cara Ganti Font Oppo A3s Tanpa Root 100 Berhasil Play | Download Ubah Font Oppo A3s 100 Berhasil Tutorial Play | Download Oppo A3s Font Changer Change Fonts In With New 50 Play | Download Cara Ganti Font Di Oppo A1k Play | Download Oppo A3s Cara Ganti Font 100 Berhasil Play | Download ...

Tutorial Illustrator 2020

Https//bitly/2ebyhxc in video, i show you how can u. The main thing here be learning use a gradient mesh tool. Everything New In Adobe Illustrator Cc 2020 Play | Download Subscribe to get more tutorials. Tutorial illustrator 2020 . In this adobe illustrator 2020 tutorial you will learn how to draw an egg. Get into a new way of learning adobe illustrator 2020, vector and logo designs. Illustrator cc 2020 brings many exciting new features including a more intuitive and smarter simplify path option, auto spell check, background save, faster. This video is indepth step by illu. Http//www/c/nsvdesigner cc tutorial | 3d graphic infogr. How to make a flat design tutorial for beginners in adobe illustrator. How To Sketch And Draw Tutorial 2020 Adobe Illustrator Play | Download Adobe Illustrator 2020 Essential Training The Swatches Panel ...

Tiktok Arabic

Thanks for watching, arabic beautiful girl tik tok video 2019, [full hd] [part 5] #arabic #trending please subscribe my channel, arabic. Ipac tshirt http//bitly/2nrtlth expert dating and relationship advice for men women http//bitly/38agutz get your. Arabic Tik Tok Full Hd 2018 Play | Download Arabic remix song girls dance https//www/channel/ucdkiauqplnoyeeqvckpxgw. Tiktok arabic . Tiktok videos,tiktok,tiktok musically,tiktok dance music arabicmusic abukhalifa musically,be. New Arabic Song Tik Tok Video Play | Download Latest Arabic Tiktok Dance Videos Musical Play | Download Beautiful Girl Musically Tik Tok Arabic Play | Download Tik Tok Dance Mashup On Arabic Song Play | Download Tik Tok Best Boys Arabic Play | Download Hot Arab Girls In...