Langsung ke konten utama

Haikal PG - XI RPL 1 - PWPB Sesi 6

Assalamualaikum Wahahmatullahi Wabarokatuh.
Kita akan membuat variasi / mendesain dengan tabel. Kalau kita belum bisa/bingung menggunakan CSS maka desain tabel ini berguna untuk mendesain halaman web kita. Kita langsung masuk tutorialnya :

22.TOPINDEX.html dan lanjutannya
Desain Top Index
Untuk membuat desain table seperti diatas kita buat code. Contoh codenya : 

Contoh Code Tabel TOPINDEX

23.BOTTOMINDEX.html dan lanjutannya
Bottom Index
Code untuk desain diatas : 
Contoh Code Tabel BOTTOMINDEX

24.LEFTINDEX.html dan lanjutannya
Left Index
Contoh codenya : 
Contoh Code Tabel LEFTINDEX

25.LAYOUTSPLIT.html dan lanjutannya
Layout Split
Contoh Codenya : 
Contoh Code Tabel LAYOUTSPLIT

27.MYTABELINDEX_HaikalPG_XIRPL1
Kita coba pilih salah satu dari contoh diatas dan isi kontennya : 

Bottom Index
Codenya : Code

Sekian yang bisa saya sampaikan pada sesi ini. Wassalamualaikum Warahmatullahi Wabarokatuh.

Komentar

Posting Komentar

Postingan populer dari blog ini

Haikal PG - XI RPL 1 - PWPB Sesi 9

Assalamualaikum Warahmatullahi Wabarokatuh Dipertemuan kali ini Kita akan masuk ke CSS. Apa itu CSS?, CSS (Cascading Style Sheet) Merupakan salah satu dokumen webstire yang bertujuan untuk mengatur gaya (style) tampilan website. CSS ini ada untuk mempermudah kita mengedit tampilan. Jika di analogikan CSS ini merupakan tampilan luar/ dan HTML kita analogikan sebagai kerangka. Manfaat CSS Kode HTML menjadi lebih sederhana dan lebih mudah diatur Ukuran file menjadi lebih kecil sehingga load file lebih cepat. Mudah untuk mengubah tampilan hanya dengan mengubah file CSS saja Dapat berkolaborasi dengan javascript. dapat digunakan dalam hampit semua jenis web browser. Anatomi CSS Anatomi CSS Pengkodingan CSS CSS memiliki 3 cara pengkodingan yaitu : Inline : Didalam tag html kita bisa menambahkan atribut "style" Embbeded : Didalam satu file yang sama External : Dengan membuat file CSS dan di dalam file html ki...
Posting Komentar
Baca selengkapnya

Haikal PG - XI RPL 1 - PWPB Sesi 19

Assalamualaikum Warahmatullahi Wabarokatuh Kita akan melanjutkan materi tentang web dinamis. Apa saja yang akan kita pelajari? Pengenalan PHP Aturan umum PHP Scripting Variable Tipe Data Komentar Operator Membuat Aplikasi Sederhana Variable Scope (Lingkup Variabel) Pengelompokkan Tipe Data Boolean String Studi Kasus Hal yang harus dipersiapkan: XAMPP yang sudah diinstal kita akan menggunakan web server apache yang telah di bundle dalam aplikasi XAMPP ini Notepad++, Vs Code, Sublime atau apapun text editor favorit kalian. Pengenalan PHP PHP   adalah bahasa pemrograman yang didesain khusus untuk membuat halaman web. PHP adalah singkatan dari Hypertext Preprocessor. Awalya, PHP adalah singkatan dari Personal Home Page yang pertamkali diciptakan oleh Rasmus Lerdorf PHP diciptakan pertama kali untuk keperluan mencatat jumlah pengunjung himepage nya. Perkembangan php saat ini dapat dilihat pada www.php.net PHP adalah salah satu bahasa server-side ...
Posting Komentar
Baca selengkapnya

Pemberitahuan

Assalamualaikum wr wb. Halo guys gimana nih kabarnya? Semoga baik-baik saja. Saya mau memberi pemberitahuan, sekarang saya sedang fokus di materi javascript di blog https://masteringjs.blogspot.com/ terus gimana dengan blog ini? Blog ini masih lanjut akan tetapi tidak akan secepat blog satunya lagi. Jika kalian nih yang mau belajar javascript silahkan kunjungi blog diatas dan kita belajar bersama-sama tentang javascript. Kita juga akan belajar framework frontend yang terkenal yaitu reactjs. Mungkin sekian info yang ingin saya sampaikan, sampai jumpa lagi. Wassalamualaikum wr wb.
Posting Komentar
Baca selengkapnya