Langsung ke konten utama

Panduan Rinci Cara Membuat Website


Website adalah suatu kumpulan halaman berbentuk digital yang dapat diakses menggunakan perangkat lunak yang disebut Browser, dengan bantuan jaringan Internet. Penjelasan mengenai apa itu website telah dijelaskan sebelumnya di dalam postingan : Mengenal Apa Itu Web dan Hal yang Perlu di Perhatikan dalam Membangun Web.

Didalam postingan tersebut sudah dijelaskan apa saja yang perlu diperhatikan dalam pembuatan web atau website. Selanjutnya pada postingan ini akan dijelaskan secara rinci bagaimana cara membuat sebuah website. Sebelum membuat sebuah website anda harus memutuskan terlebih dahulu akan membuat website seperti apa. Jika anda sudah menentukan tema web anda sekarang anda perlu menentukan aplikasi apa yang ingin anda gunakan. Apakah anda akan membuatnya secara native, menggunakan framework, atau menggunakan CMS.

Pada postingan ini yang dijelaskan adalah langkah-langkah membuat sebuah website baik secara native, framework, ataupun menggunkan CMS. Silahkan anda simak langkah demi langkah.

Langkah pertama menentukan dan menginstall aplikasi

Adapun aplikasi yang dibutuhkan adalah sebuah aplikasi editor text untuk menuliskan kode pemrograman, aplikasi web server (untuk melihat web dalam keadaan offline), serta aplikasi browser untuk menampilkan web yang sudah di tuliskan. Disini saya akan menyebutkan saja aplikasi yang digunakan, karena saya tahu tentunya anda sudah mengenal aplikasi di bawah ini :

  • Aplikasi Server : XAMPP
  • Aplikasi editor : Sublime Text
  • Aplikasi browser : Mozilla Firefox




Langkah Kedua Memilih

Secara Native (Coding langsung)

Jika anda sudah menginstall semua aplikasi di atas kini saatnya anda memulai menuliskan sebuah program. Silahkan buka folder XAMPP anda, bisanya berada di lokasi C:/Xampp/Htdocs/ silahkan buat folder baru dalam folder Htdocs tersebut. Berikan nama folder sesuai dengan keinginan anda misalnya "percobaan". Sehingga nantinya untuk mengakses website ini kita memasukkan alamat "http://localhost/percobaan/".

Jangan lupa jalankan aplikasi XAMPP klik start pada Apache dan MySql. Selanjutnya ikuti langkah pembuatan web secara native berikut :

  • Buat sebuah struktur folder di dalam folder web "percobaan" anda. Struktur yang baik nantinya akan memudahkan anda bila ingin mengedit kembali web anda. Sebaliknya web yang strukturnya buruk nantinya akan berefek ketika anda ingin mangedit kembali web anda. Buatlah struktur folder yang dimulai dari asset, dan inc.

    Asset - berisi file-file dan folder yang mendukung tampilan web seperti css, js, boostrap, gambar, serta plugin-plugin yang ingin anda tambahkan.

    Inc - folder ini berisi file yang nantinya akan di includekan dengan file utama yaitu file index. File-file yang bisa anda masukkan kesini seperti header, content, atau footer.

    Jika anda sudah membuat struktur di atas itu berarti di folder utama sekarang terdapat 2 folder dan satu file seperti gambar berikut :


  • Langkah selanjutnya adalah mengisi folder css dengan kode css yang akan anda terapkan pada web nantinya. Begitupula dengan js atau javascript silahkan diisi dengan kode js anda.
  • File utama yang harus anda perhatikan adalah index.php karena itu adalah file pertama yang akan di eksekusi apabila web di akses.

Menggunakan Framework

Framework akan sangat membantu apabila anda ingin membuat web dengan bantuan class-class yang tinggal anda panggil. Misalnya untuk mengakses ke database anda tinggal memanggilnya dengan perintah yang sangat sederhana, tidak lagi menuliskan "mysql_query(aksi)" tapi anda bisa menggunakan perintah "return $this->db->get('user')". Perintah tersebut berlaku untuk framework CI (Codeigniter). Tidak tahu apa itu Codeigniter, silahkan baca Mengenal Apa itu Codeigniter (CI) beserta Sejarahnya. Untuk tahapan penggunaan CI anda bisa memulai dengan :

  • Silahkan download file Ci di website resminya disini. Pilih yang paling terbaru.
  • Setelah itu hasil file download tadi akan berupa file berekstensi ".zip". Exctract file tersebut kedalam folder htdocs.
  • Sekarang anda bisa berkreasi mengguanakan Codeigniter. Silahkan baca : Dasar-dasar Codeigniter Bagi Pemula.

Menggunakan CMS

CMS kepanjangan daari Content Management System adalah situs atau aplikasi yang berguna untuk membuat web secara instant. Contoh CMS seperti Wordpres. Dengan menggunakan cms anda tidak perlu lagi khawatir akan segi keamanannya karena sudah teruji. CMS menyediakan tema tampilan web, serta halaman admin dimana anda bisa mengatur bagaimana tampilan web anda. Sayangnya anda tidak akan leluasa untuk membangun web sesuai keinginan anda sebab, diperlukan pemahaman koding yang tinggi untuk mengutak atik koding CMS.

Apabila anda berniat menggunakan CMS saya merekomendasikan Wordpress. Untuk mengetahui lebih jauh dan cara pemasangan silahkan baca : Cara Pasang Wordpress di Htdoc Xamp.

Langkah Ketiga Mulailah Belajar Bahasa Pemrograman WEB

Bukan Development Web namanya jika belum tahu bahasa pemrograman web. Ada beberapa bahasa pemrograman web yang harus anda ketahui. Berikut yang saya maksudkan :

  • HTML - merupakan bahasa pemrograman web wajib untuk anda ketahui karena dengan bahasa inilah anda akan mengatur element-element apa saja yang akan anda tampilkan pada web anda.
  • CSS - berguna untuk mengatur tampilan, contohnya background, padding, margin, dan lain-lain.
  • JavaAcript - bahasa ini akan membuat web anda lebih interaktif. Contoh penggunaan js atau javascript bisa dilihat pada slide, menu, splash screen, serta animasi. Baca Belajar Fungsi Dasar Java Script

Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Apa Sih Itu Svelte Js? Bagaimana Cara Menjalankannya? Yuks Simak Pembahasan Berikut Ini

(Sumber : Website https://svelte.dev/)   Hallo Sahabat Coders, Semoga kita semua selalu diberikan Kesehatan dan keberlimpahan dalam pekerjaan atau usaha kita. Perkembangan dunia pemrograman semakin hari semakin menjadi-jadi. Banyak Bahasa pemrograman maupun framework baru bermunculan akhir-akhir ini. Terutama framework JavaScript yang yang banyak bermunculan. Dan semuanya sangat menarik untuk dicoba.  Framework JavaScript yang terkenal saat ini contohnya Angular JS, Vue JS, React JS dan lain sebagainya dan mungkin banyak orang sudah tahu tentang framework- framework ini. Namun, akhir-akhir ini, ada framework yang baru terkenal yaitu Svelte JS (Website : https://svelte.dev/ ). Framework ini Admin tahu dari seorang JavaScript Developer terkenal di Indonesia yaitu Mas Riza Fahmi ( Curriculum Director di Hacktiv8 Indonesia ). Svelte Js merupakan sebuah framework JavaScript untuk menulis komponen antarmuka ( user interface) yang dibuat oleh Rich Harris . Namun menurut penulisn...
Posting Komentar
Baca selengkapnya

Mengenal Apa itu Android Studio

Android Studio merupakan tools IDE ( Integrated Development Environment ) yang digunakan untuk membuat aplikasi android. Fungsi utamanya adalah sebagai editor yang menyediakan berbagai kebutuhan dalam membangun aplikasi android seperti widget, library, dll. Android Studio versi terbaru telah mendukung 2 bahasa pemrograman yaitu Java dan Kotlin. Sebelumnya hanya mendukung bahasa Java. Android Studio hadir sebagai pengganti Eclipse ADT ( Android Development Tools ) yaitu tools utama sebelumnya. Tools Android Studio ini dibangun di atas aplikasi yang sudah populer sebagai editor programer yaitu JetBrains IntelliJ IDE. Selain itu Android Studio di lengkapi dengan Emulator sendiri. Sama halnya seperti Eclipse, Android Studio juga memerlukan SDK ( Software Development Kit ) untuk membangun aplikasi android. Bedanya Android Studio didukung penuh oleh Google sebagai pengembangnya serta menggunakan grandle dalam melakukan build. Baca juga : Perbedaan Membuat Aplikasi Android Menggunakan Ecli...
Posting Komentar
Baca selengkapnya

Cara Membuat Project Baru dengan Ruby on Rails

    Pada postingan sebelumnya Mengenal dan Menginstall Ruby on Rails kita telah menginstall bahan-bahan yang diperlukan untuk menjalankan Rails atau Ruby on Rails. Tentunya membuat project baru adalah langkah yang perlu di ketahui sebagai dasar membuat web menggunakan Rails ini. Membuat Project baru di Rails Sebagai contoh disini kita akan membuat project baru bernama " hello_world ". Cara membuatnya sangat mudah anda tinggal buka CMD dengan menekan Windows + R kemudian ketikkan CMD. Setelah CMD terbuka, arahkan ke folder tempat anda ingin menyimpan file Rails anda. Disini saya mengarahkannya pada "E:\ruby_on_rails", anda bisa menentukan sesuka hati tempat penyimpanannya. Untuk mengarahkan ketikkan perintah " cd E: " kemudian masuk ke folder " cd ruby_on_rails ", seperti pada gambar.     Setelah berada di folder atau directory yang di inginkan, ketikkan perintah rails new hello_world . Intruksi tersebut mengisyaratkan untuk membuat project ba...
Posting Komentar
Baca selengkapnya