Cara Membuat Website Dasar
Apa perbedaan website yang ditulis dengan kode sendiri dan menggunakan platform seperti wordpress ?
Menggunakan platform punya keuntungan berikut:
Namun dengan batasan:
Sebaliknya, dengan membuat website dengan kode sendiri, kita bisa:
Pilih Platform Website
Untuk membuat website, ada beberapa platform yang bisa mempermudah kamu. Disini saya menyarankan penggunaan WordPress. Kenapa WordPress?
WordPress adalah platform CMS pembuat website yang paling banyak digunakan dan populer. Diketahui dari W3Techs mengatakan 40,1% website di dunia menggunakan platform ini.
Ada berbagai alasan kenapa WordPress menjadi platform CMS yang paling banyak digunakan, diantaranya karena proses instalasi dan pembaharuan yang mudah dilakukan, mudah dipelajari, fleksibel untuk berbagai kebutuhan pengguna, menyediakan berbagai macam tema, plugin dan tentunya platform ini dapat digunakan secara gratis.
Oleh karena itu, WordPress menjadi platform yang paling tepat untuk membuat website sekolah. Bagaimana cara menggunakannya? Baca selanjutnya dibawah ini.
Cara membuat website gratis sekarang ini sedang banyak dicari. Orang-orang semakin memahami pentingnya membuat website untuk bisnis mereka, komunitas, yayasan atau sekadar menulis bebas tentang kehidupan sehari-hari.
Website menjadi salah satu media promosi yang paling efektif karena tidak hanya memberikan kesan profesional tapi juga dapat dikostumisasi sesuai kebutuhan.
Pembuatan website juga mudah, meskipun ada beberapa langkah terperinci yang harus dilakukan. Kalian bahkan bisa membuatnya di HP jika tidak ada komputer. Dan yang paling penting, gratis, geng!
Jaka sudah tidak sabar untuk kasih tahu cara membuat website gratis tanpa coding ini ke kalian. Jadi, silakan simak penjelasan lengkap di bawah ini untuk mengetahuinya, ya!
Hal yang Perlu Dipersiapkan Sebelum Membuat Website Sekolah
Sebelum membuat website sekolah, ada 4 hal yang perlu kamu persiapkan terlebih dahulu.
Nama domain merupakan nama yang digunakan untuk mengidentifikasikan sebuah website di internet. Untuk membuat website sekolah, perhatikan tips berikut ini:
Misalnya nama sekolah kamu adalah SMA N 1 Pekanbaru, kamu bisa membuat nama domain “smansapku.sch.id”.
Hosting merupakan media penyimpanan file-file yang ada didalam website. Seperti gambar, video, audio dan sebagainya.
File-file tersebut akan disimpan dalam sebuah tempat yang dinamakan server hosting. Server hosting inilah nantinya yang akan menampilkan data-data tersebut pada web client (browser) seperti Chrome, Mozilla, Safari, dan Opera.
Untuk hosting website, kamu bisa menyewa salah satu jasa yang menyediakan layanan hosting. Jangan lupa lakukan diskusi terlebih dahulu dengan salah satu penyedia jasa hosting yang akan kamu gunakan.
Langkah selanjutnya kamu juga perlu memperhatikan keamanan website untuk melindungi privasi data yang ada di website. Pastikan website kamu memiliki SSL certificate.
Selain berfungsi sebagai pengaman, certificate ini juga meningkatkan citra website kamu. Tentukan website sekolah yang dilengkapi dengan SSL certificate akan memiliki kredibilitas yang lebih baik.
Berikut contoh website yang tidak menggunakan dan sudah menggunakan SSL certificate.
Dan untuk memasang SSL certificate, bisa dilakukan pada jasa layanan hosting yang kamu gunakan.
Baca juga: Apa itu SSL/TLS?
Cara Membuat Website di Wordpress
Kelebihan dan kekurangan Wordpress
+ Lebih aman meski versi gratis
+ Waktu loading cepat
- Tema dan warna yang monoton
- Banyak plugin gratis tapi harus upgrade ke premium
- Keterbatasan pengembangan
Wordpress adalah salah satu layanan penyedia website gratis yang populer dan mudah digunakan. Website ini juga lebih aman, SEO friendly dan mudah dikelola.
Kalian bisa lakukan cara ini di komputer, tapi kalau tidak ada, bisa kok menggunakan handphone! Begini cara membuat website usaha gratis di Wordpress.
Klik Start your website
Isi alamat email, username dan kata sandi yang diinginkan
Klik Create your account
Setelah itu, kalian sudah bisa masuk ke akun Wordpress
Tentukan nama website yang kalian inginkan di kolom yang tersedia
Kalian akan dihadapkan pada kolom Domain. Isi dengan alamat website yang diinginkan, dan pastikan akhirannya adalah .wordpress.com karena domain ini yang gratis ya, geng
Pilih plan website kalian, yaitu gratis. Klik Free
Lanjut, tentukan tema yang sesuai dengan website kalian. Kalian bisa utak atik supaya lebih bagus nanti, ya
Website gratis siap dipakai!
Kalian bisa mengarah ke menu pengaturan untuk mengelola desain dan postingan di website kalian. Terus, untuk membuat tulisan, cukup klik Write di pojok kanan atas.
Pengertian CSS dan Fungsinya
Sedangkan CSS merupakan kependekan dari Cascading Style Sheets, yaitu bahasa yang dipakai untuk menentukan bagaimana halaman web akan ditampilkan, elemen-elemen di dalamnya seperti apa, serta style desain web akan bagaimana.
CSS lah yang membuat tampilan website jadi atraktif dan menarik. CSS ini bukan bahasa pemrograman, lebih tepatnya disebut dengan bahasa style sheet. Namun selain berfungsi mengatur tampilan halaman web yang berbasis HTML, CSS juga memiliki fungsi lain.
Mulai dari mempercepat waktu loading website, menawarkan banyak variasi tampilan web, mempermudah mengelola kode, dan membuat tampilan website rapi di ukuran layar yang berbeda.
Sebelumnya disebut mengenai mengelola kode, karena pada bahasa CSS ini yang dipakai memang sebuah kode.
Tidak seperti HTML yang menggunakan serangkaian tag dan ditulis berulang untuk halaman yang berbeda. Pada CSS Anda cukup menuliskan kode untuk mengubah tampilan web keseluruhan.
Dalam membuat website Anda perlu menguasai HTML dan CSS. Setelah memahami cara menggunakannya, Anda bisa membuat jenis website apapun, misalnya company profile, portofolio, ataupun blog pribadi.
Apa yang perlu kamu pelajari selanjutnya ?
Itu dia gambara membuat website sendiri dengan HTML dan CSS.
Kita barus melihat sedikit dari luasnya kemampuan HTML dan CSS. Kamu bisa menggunakan link-link di bawah sebagai referensi lanjutan untuk belajar lebih jauh.
Buat Tampilan Website yang User Friendly
Karena first impression adalah awal dari segalanya, kalian juga harus membuat tampilan website kalian menarik. Website harus bisa dibuka di mana saja, baik itu komputer, laptop, handphone dan lainnya.
Lalu, pilih kombinasi warna yang pas. Jangan terlalu banyak 'hiasan' supaya website tetap cepat loadingnya.
SEO, alias Search Engine Optimization, adalah suatu cara meningkatkan trafik website kalian. Dengan penerapan SEO, website kalian lebih mudah ditemukan karena berada di halaman awal Google.
Hal yang Perlu Dipersiapkan Sebelum Membuat Website Sekolah
Sebelum membuat website sekolah, ada 4 hal yang perlu kamu persiapkan terlebih dahulu.
Nama domain merupakan nama yang digunakan untuk mengidentifikasikan sebuah website di internet. Untuk membuat website sekolah, perhatikan tips berikut ini:
Misalnya nama sekolah kamu adalah SMA N 1 Pekanbaru, kamu bisa membuat nama domain “smansapku.sch.id”.
Hosting merupakan media penyimpanan file-file yang ada didalam website. Seperti gambar, video, audio dan sebagainya.
File-file tersebut akan disimpan dalam sebuah tempat yang dinamakan server hosting. Server hosting inilah nantinya yang akan menampilkan data-data tersebut pada web client (browser) seperti Chrome, Mozilla, Safari, dan Opera.
Untuk hosting website, kamu bisa menyewa salah satu jasa yang menyediakan layanan hosting. Jangan lupa lakukan diskusi terlebih dahulu dengan salah satu penyedia jasa hosting yang akan kamu gunakan.
Langkah selanjutnya kamu juga perlu memperhatikan keamanan website untuk melindungi privasi data yang ada di website. Pastikan website kamu memiliki SSL certificate.
Selain berfungsi sebagai pengaman, certificate ini juga meningkatkan citra website kamu. Tentukan website sekolah yang dilengkapi dengan SSL certificate akan memiliki kredibilitas yang lebih baik.
Berikut contoh website yang tidak menggunakan dan sudah menggunakan SSL certificate.
Dan untuk memasang SSL certificate, bisa dilakukan pada jasa layanan hosting yang kamu gunakan.
Baca juga: Apa itu SSL/TLS?
Menambahkan gambar di situs kamu
Untuk menambahkan gambar, kita bisa menggunakan tag .
Sebelumnya, siapkan sebuah gambar dan letakkan di folder yang sama dengan file index.html yang kamu buat tadi.
Lalu, tambahkan kode ini:
Ganti sumbergambar.png dengan nama file gambar yang kamu letakkan tadi.
Kamu bisa mencoba meletakkan tag img ini di setelah atau sebelum tag lain.
Jangan takut untuk coba-coba! tidak akan ada masalah kalau error, kamu bisa undo tulisan kamu jika ada masalah
Karena nanti artikelnya bisa terlalu panjang dan sulit diikuti, kita sudahi dulu untuk membuat konten HTMLnya. Sekarang kita lihat cara menghias website kita dengan CSS.
Cara menulis CSS, letakkant tag di dalam tag
... . Contohnya:Kita perlu mengisi bagian ... dengan kode CSS sebenarnya.
Kelebihan Membuat Website Dengan HTML dan CSS
Kebutuhan website baik untuk urusan bisnis maupun portofolio karya selalu tinggi. Anda sebetulnya bisa menggunakan desain template dari web builder.
Namun template dan fitur website-nya terbatas. Sehingga terkadang Anda bisa sangat menyukai tampilan desainnya, tetapi merasa fitur penunjangnya kurang sesuai.
Karena itulah membuat website sendiri menggunakan HTML dan CSS, bisa menjadi solusi alternatif. Di samping itu berikut ini 4 kelebih dari cara membuat website dengan HTML dan CSS:
Website dengan HTML dan CSS cocok bagi Anda yang masih pemula dan masih belajar cara membuat website.
Hal ini karena prosesnya tidak terlalu rumit dan mudah dipelajari setiap tahapannya. Selain itu bahasa HTML sendiri merupakan kemampuan dasar yang perlu dipahami calon web developer.
Jika Anda ingin membuat website tetapi ragu karena budget yang minim, maka Anda bisa membuat website HTML. Sehingga biaya yang perlu dikeluarkan untuk merancang website bisa lebih ditekan.
Dana yang perlu Anda keluarkan hanya untuk menyewa hosting dan domain. Selebihnya bisa gratis jika Anda menyusun sendiri websitenya.
Selain itu cara membuat website dengan HTML dan CSS lebih mudah. Dibandingkan dengan bahasa pemrograman yang menuntut Anda untuk memahami coding. Sedangn HTML dan CSS ini bisa Anda pelajar sendiri lalu praktikan.
Kelebihan lain dari website dengan HTML adalah kecepatan akses atau loading halaman.
Karena biasanya website dengan HTML dan CSS tidak menambahkan banyak fitur unik ke dalam website. Sehingga waktu untuk server merespon lebih singkat, yang membuat loading halaman web jadi lebih cepat.
Itu dia penjelasan mengenai pengertian, fungsi, dan cara membuat website dengan HTML dan CSS.
Teknik ini cocok bagi Anda yang ingin belajar cara membuat website (website development). Setelah menguasai kemampuan yang dasar ini, Anda dapat mulai mempelajari teknik yang lebih rumit.
Selain dipakai untuk jadi tempat praktikum merancang halaman web, kemampuan ini juga bisa kamu manfaatkan untuk membuat website sederhana. Misalnya untuk portofolio, blog pribadi, katalog produk, company profile, dan lainnya.
Semoga artikel ini bisa menambah wawasan dan pemahaman Anda terkait web development. Share seluas-luasnya agar tulisan ini tidak hanya berhenti di diri Anda!
