Postingan

Teknologi Aplikasi Web Server dan Pemrograman Server Side Scripting

Penjelasan dan Code Script dari properti CSS

Gambar
 Halo Teman-teman! saya akan menjelaskan dan menampilkan contoh dari properti CSS. Apa sih itu Properti CSS?  Property CSS  adalah jenis style, atau elemen apa yang akan diubah dari sebuah tag HTML. Apa saja isi dari Property CSS dan contohnya? ayo kita lihat. 1. Margin Margin  merupakan spasi atau ruang kosong di dalam  Box Model .  fungsinya mengatur jarak antara satu elemen dengan elemen lainnya pada HTML. Contoh code script dan hasilnya;     .box1 {     }     .box2 {       margin-left : 20px ;     }     /* ini digunakan agar posisi element block berada di tengah-tengah */     .box3 {       margin : 0 auto ;     } Hasil dari code script di atas 2. Padding Padding adalah  sebutan untuk spasi atau ruang di antara konten dan batas pada Cascading Style Sheet (CSS) dalam website. Property ini  berfungsi untuk mengatur tampilan elemen yang tertulis ...

Membuat Formulir Lomba Akademik

Gambar
 Cara Membuat Formulir Lomba Akademik dalam HTML Hallo! Bertemu lagi dengan saya Si Tampan, Kali ini saya akan membuat Form Lomba Akademik dalam HTML untuk para peserta. Tutorial atau cara untuk membuat Formulir nya adalah 1. Pertama anda memerlukan Text Editor yaitu Visual Studio Code, Sublime Text, Notepad++, dll. 2. Kedua membuat Header atau Kepala dari Code Formulir ; <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < style >         h1 { text-align : center ;}         p { text-align : center ;}         div { text-align : center ;}         legend { text-align : center ;}     </ style >     < title > F...

Cara Menggabungkan Sel Tabel (Attribut Rowspan dan Colspan)

Gambar
Pertama-tama apa sih itu Attribut Rowspan dan Colspan? Atribut R owspan  digunakan untuk menggabungkan baris pada tabel. Sedangkan Atribut C olspan  digunakan untuk menggabungkan kolom pada tabel Contoh Penggunaan Rowspan dan Colspan :   < table class="table" border="2">   < thead class=" thead-dark ">     < tr >         < th rowspan="2">No</ th >         < th rowspan="2">First Name</ th >         < th rowspan="2">Last Name</ th >         < th colspan="3">Life Style</ th >     </ tr > Dalam contoh di atas, kita dapat melihat bahwa tag  th  yang memiliki Attribut  Colspan ,   akan membuat sel tabel  bersatu  dengan  kolom  disebelahnya. Sedangkan atribut  Rowspan  akan membuat sel tabel bersatu dengan  baris  dibawahnya. Kedua at...

Bab 4 Style Halaman Web dan Client Side Scripting

 BAB 4 Style Halaman Web dan Client Side Scripting A. Style pada Halaman Web CSS sebagai sebuah bahasa style sheet yang digunakan dalam mengatur tampilan dokumen. Dengan adanya CSS maka tampilan halaman yang sama akan memiliki format yang berbeda. Jenis - jenis CSS adalah : 1. Internal CSS Internal CSS adalah kode CSS yang penulisannya dalam tag <style> dan posisinya ada pada bagian atas header file HTML. CSS jenis ini berguna untuk membuat custom khusus dalam satu halaman website. 2. External CSS External CSS adalah kode CSS yang dituliskan terpisah dengan file HTML, dan ditulis sendiri pada file ekstensi .css. Penulisan file eksternalnya bisa diletakkan pada bagian <head>, jadi setiap halaman website dilakukan pemanggilan file .css. 3. Inline CSS Jenis yang terakhir ini langsung memasukkan kode CSS yang ditulis pada setiap atribut HTML. 1. Konsep Layout dalam Halaman Web Layout adalah tata letak, atau secara bahasa, layout merupakan rancangan desain tata letak dengan ...

BAB 3 Format Kaitan dan Format Formulir pada Halaman Web

  BAB 3 Format Kaitan dan Format Formulir pada Halaman Web  A. Format Kaitan pada Halaman Web  Ada beberapa cara (format) untuk menampilkan pranala pada halaman web. Jika pengunjung website sedang mengeklik suatu kata atau gambar yang mengandung hyperlink, ia akan diarahkan untuk menuju ke alamat URL yang ada di dalam hyperlink tersebut. Sebuah embedded link (pranala yang tersimpan) adalah salah satu dari beberapa cara yang biasa digunakan dengan tipe/gaya teks khusus.  1. Konsep Hyperlink dalam HTML Link berguna untuk menghubungkan antardokumen HTML Link merupakan singkatan dari hyperlink, yang identik dengan sebuah fungsi dalam HTML yang digunakan untuk memudahkan user untuk menelusuri seluruh isi atau informasi yang tersimpan dalam website bersangkutan. Dalam HTML, sebuah objek teks yang berupa link akan ditampilkan dengan fout berwarna biru style underline (bergaris bawah). 2. Tag-Tag untuk Hyperlink Peran link dalam halaman web sangat besar dan selalu dibutuhkan...

Pemrograman Web dan Perangkat Bergerak

 Pemrograman Web dan Perangkat Bergerak PENDAHULUAN A. Latar Belakang Pemrograman Web dan Perangkat Bergerak adalah salah satu mata pelajaran SMK program keahlian bagi siswa Kelas XI semester dan semester 2. Pelajaran ini termasuk paket keahlian (C3) pada bidang keahlian Teknologi Informasi dan Komunikasi dengan program keahlian Teknik Komputer dan Informatika, serta termasuk ke dalam kompetensi keahlian Rekayasa Perangkat Lunak (C3). Mata pelajaran ini diajarkan selama satu tahun, yaitu pada kelas XI. Jumlah jam tatap muka mata pelajaran keahlian Pemrograman Web dan Perangkat Bergerak memang tergolong banyak, mengingat mata pelajaran ini merupakan kompetensi penting yang membantu siswa lebih memahami pemrograman web dan perangkat bergerak di sekolah dan dunia kerja nantinya. B. Deskripsi Buku ini merupakan bahan ajar yang membahas tentang mata pelajaran Pemrograman Web dan Perangkat Bergerak Kelas XI dengan ruang lingkup pembahasan sebagai berikut. 1. Menjelaskan konsep teknologi ...