Hallo semua jumpa lagi sama mimin nih sekarang mimin mau ajak kalian untuk mempelajari dasar – dasar dari web program nih biar kalian tau bagaimana sih sebuah website itu bisa dibuat dan bagaimana cara pembuatannya? mudah untuk dipelajari kok. Nah jangan kemana – mana kita kali ini akan bahas tentang dasar – dasar web program mulai dari alat yang di butuhkan sampai bagaimana eksekusi awalnya. Untuk mempelajari pemograman web ini butuh ketelitian dan juga ketekunan. oke tanpa berlama – lama yuk gass keun! Bicara tentang aplikasi berbasis web program tentunya tidak akan terlepas dari yang namanya HTML nah apa sih HTML itu?. Html sendiri kepanjangan dari Hypertext Markup Language dimana ini adalah dasar dari kita ketika ingin membuat sebuah aplikasi berbasis web nih oke yang pertama yuk kita langsung aja lihat elemen apa saja yang ada di website. jika di ibaratkan sebagai manusia maka html dan css serta js adalah sebuah kerangka dari aplikasi berbasis web, css sebagai kulitnya dan javascript ibarat otot penggeraknya. Untuk pertama website memiliki file yang bereksistensi .html contoh ketika kita membuat halaman awal dari web maka kita akan menamainya dengan index.html yang mana hanya dapat di buka melalui browser teman – teman. Untuk format penulisan bisa di lihat gambar di atas oke disini mimin akan jelasin setiap syntax yang ada di gambar. Yang pertama ada syntax <!DOCTYPE html> ini untuk menginisialisasi bahwa yang di pakai adalah html versi ke 5 selanjutnya ada <html> ini adalah tag yang di gunakan untuk membuat dokumen html jangan lupa ketika kita membuka sebuah syntax maka harus di tutup dengan </nama syntax> oke selanjutnya ada yang nama syntax <head> menunjukkan kepada dari sebuah web kita biasanya berisi oleh <title> yang di gunakan untuk menamai bar browser yang kita buat contoh nya seperti pada gambar di bawah Lalu ada syntax <body> ini digunakan untuk membuat isi dari website kita seperti konten – konten yang ingin kita tampilkan. Oke sekarang kita akan membahas tenatang isi dari <body>, coba kalian ketik syntax seperti gambar di bawah ini Nah akan mimin jelaskan kegunaan dari syntax di atas, yang pertama <h1> ini digunakan untuk menampilkan sebuah tulisan tetapi dalam ukuran yang besar. Semakin besar angka dari <h> maka semakin kecil pula hasil yang di tampilkan di browsernya. Untuk hasil bisa kita lihat gambar di bawah ini. Mudah untuk diingat bukan sintaksnya Nah selanjutnya kita akan pelajar bagaimana cara membuat sebuah paragpraf di web yang kita buat. Kamu hanya perlu menggunakan syntax seperti dibawah ini. Syntax <p> ini biasanya digunakan dalam membuat sebuah paragraph. Selanjutnya kita akan membahas tentang kegunaan syntax <a> nah syntax yang satu ini biasa di sebut syntax link dimana dia kan masuk ke link yang di tuju ketika di klik nah untuk penulisannya bisa di lihat pada gambar di bawah ini Maka nanti akan tampil tulisan yang bergaris dan berwarna biru seperti gambar di bawah ini Nah ketika di klik maka akan masuk ke web idmetafora.com sesuai dengan link yang kita cantumka pada gambar di atas. Nah selain itu ada juga syntax untuk menampilkan sebuah foto loh. Untuk syntax nya bisa di lihat di bawah ya. Syntax ini akan menampilkan foto dengan nama contact-bg.jpg dimana src ini merupakan link untuk mencari tempat dile foto jika file foto tersimpan di folder yang berbeda maka kita harus tuliskan nama foldernya baru / nama foto atau file yang ingin kita tampilkan sedangkan untuk mengatur ukuran dari file foto kita bisa menggunakan width dengan ukuran sesuai yang kita ingin kan kalau disini saya menggunakan 1000 pixel dan unruk preview bisa di lihat pada gambar di bawah ini Nah untuk basic html kira – kira itu ada juga nanti yang namanya table untuk membuat table ada lagi syntax input biasanya di gunakan untuk membuat form login atau register nah kita akan bahas cara membuat table seperti apa yuk kita lanjut gass ken. Untuk membuat sebuah table kita menggunakan syntax <table> untuk penulisannya seperti apa bisa kalian lihat di gambar ini Untuk yang pertama kita membuat Syntax <table> lalu di ikuti dengan <tr> digunakan untuk membuat sebuah baris lalu ada <th> atau table head di gunakan untuk membuat judul stiap kolom nya untuk hasilnya ada pada gambar di bawah Nah kalau seperti ini tidak akan ada bedanya degan membuat tulisan berjajar untuk membedakan kalau ini table kita harus gunakan yang namanya border seperti ini contohnya Maka secara otomatis akan membuat garis – garis seperti table pada umumnya, nah untuk isi dari table kita bisa memakai syntax seperti gambar di bawah ini Nah dalam penulisan isi dari table jangan lupa kita harus menggunakan syntax <tr> kareran kita akan membuat baris baru setelah itu di ikuti oleh <td> atau table body di gunakan untuk membut isian dari sebuah table Nah maka akan muncul data nya sebagai isi dari table diatas. Dalam kasus ini kita juga bisa dengan mudah untuk mempercantik tampilan table kita menggunakan yang namanya html dan css, html dan css sendiri biasa digunakan sebagai penghias atau pemanis tampilan dari sebuah website karena kalau menggunakan hanya html saja maka tampilan dari web yang kita buat akan monoton, selain html dan css ada juga javascript tapi pada umumnya javascript lebih banyak digunakan untuk membuat sebuah animasi dari pada mempercantik tampilan dari website. untuk mempelajari cara mempercantik ini kalian bisa melihat tutorial yang tersedia di youtube kok. Dan juga untuk mempelajari tentang html ini kamu bisa melihat berbagai sintaks nya di web w3school. mudah untuk dipelajari bukan?. Nah itu sedikit pengetahuan mimin tentang dasar – dasar pembuatan website kita akan lanjutkan pembahasan website pada artikel berikutnya jadi jangan sampai terlewatkan postingan admin yang selanjutnya jangan pula stay tune terus bersama mimin di IDMETAFORA karena masih banyak artikel untuk mempelajari nya yang bikin kalian tambah penasaran nih oke guys jumpa lagi di artikel berikutnya see youu.. IDMETAFORA Menawarkan Enterprise resource planning (ERP) adalah aplikasi bisnis yang terintegrasi. Aplikasi ERP membantu proses operasional bisnis yang luas dan mendalam, seperti yang ditemukan dalam proses pembelian, pengelolaan gudang, penjualan, keuangan, SDM, distribusi, manufaktur, layanan, dan rantai pasokan. Hubungi kami di : 0896 6423 0232 atau 0813 9399 3723. Jl. Damai No.36, Sleman, Yogyakarta.
Kesempatan lowongan magang terbaru di tahun 2024
Baca Selengkapnya..