LAPORAN RESMI Boxes
Dosen Pembimbing : Dwi Susanto,ST, MT
Oleh Hamidah Nur Hidayati
4103131038
PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA KREATIF POLITEKNIK ELEKTRONIKA NEGERI SURABAYA 2015
Hasil dan Analisa Percobaan 1. Percobaan: Mengatur Width dan Height
HTML Percobaan
Hasil Pada Web Analisa Percobaan Pada percobaan 1 ini, membuat suatu background dalam suatu petak ruangan dalam sebuah kotaan (div). fotmat div bisa dilakukan didalam div. Dalam div kita bisa mengatur ukuran dan style kotaan yang kita inginkan.
contoh penggunaan div 2. Percobaan: Membatasi Ukuran Minimal Dengan Min-width dan Maxwidth
HTML Percobaan
Hasil Pada Web Analisa Percobaan Pada percobaan 2 ini, mencoba menampilkan ukuran batas garis dengan penggunaan min dan max lebar garis. 3. Percobaan: Membatasi Ukuran Minimalis dengan Min-height dan Maxheight
HTML Percobaan
Hasil Pada Web Analisa Percobaan Pada percobaan 3 ini, mencoba menampilkan ukuran batas garis dengan penggunaan min dan max pada ukuran tinggi kolom. 4. Percobaan: Penerapan Overflow
HTML Percobaan
Hasil Pada Web Analisa Percobaan Overflow pada css digunakan untuk pengaturan pada text yang melebuhi area atau kolom yang sudah ditentukan. Biasanya penggunaan overflow ditambahi dengan pengaturan scroll. Scroll berfungsi untuk memunculkan text yang tertutupi atau tidak muat pada kolom. Scroll biasany berbentuk naik dan turun. 5. Percobaan: Ukuran Lebar Garis Tepi
HTML Percobaan
Hasil Pada Web Analisa Percobaan
Pada percobaan ini, mencoba membuat border dengan ketentuan ketebalan yang ditentukan, melalui beberapa pengaturan solid, px, dll. 6. Percobaan: Menerapkan Border Style
HTML Percobaan
Hasil Pada Web Analisa Percobaan Pada percobaan ini, mencoba membuat border dengan berbagai style, sesuai ukuran yang ditentukan.
7. Percobaan: Menerapkan Warna Pada Garis Tepi
HTML Percobaan
Hasil Pada Web Analisa Percobaan Percobaan ini bermain pada style warna pada border. 8. Percobaan: Padding
HTML Percobaan
Hasil Pada Web Analisa Percobaan Pada percobaan ini menerapkan style border dan warna, serta padding antara text dengan kolom pada border. 9. Percobaan: Margin
HTML Percobaan
Hasil Pada Web Analisa Percobaan Selector Class hampir sama dengan selector ID. Perbedaannya yaitu terletak pada border, dan pengaturan padding. Dan itu diletakkan pada div yang berbeda-beda sehingga pengaturan tidak tercampur semua.
10. Percobaan: Mengatur Posisi Konten
HTML Percobaan
Hasil Pada Web Analisa Percobaan Pada percobaan ini menerapkan border style pada color, ukuran lebar border, padding text pada garir border, serta pengatur pada posisi konten, yaitu dengan penggunaan text-align. 11. Percobaan: Mengatur Display
HTML Percobaan
Hasil Pada Web Analisa Percobaan Percobaan ini memunculkan sub menu yang umum ada pada web yaitu yang memiliki style vertikal. 12. Percobaan: Garis Tepi Berupa Gambar
HTML Percobaan
Hasil Pada Web Analisa Percobaan Memunculkan garis tepi berupa gambar pada lebar border, dan dengan mengawasi margin yang digunakan.
13. Percobaan: Mengatur Border Radius
HTML Percobaan
Hasil Pada Web Analisa Percobaan Pada percobaan kali ini, yang lebih digunakan adalah pengaturan shadow dari sebbuah gambar.
14. Percobaan: Box Shadow
HTML Percobaan
Hasil Pada Web Analisa Percobaan Pada percobaan 14, mencooba memunculkan border teradius, yaitu border yang memiliki lengkunagan pada ujung atau sudut yang akan ditentukan.
15. Percobaan: Bentuk Elips
HTML Percobaan
Hasil Pada Web Analisa Percobaan Pada percobaan ini, hampirsaa dengan percobaan sebelumnya, namun radius yang dipake ialah radius yang berbeda-beda.
Hasil dan Analisa Tugas 1. Tugas Pertama
HTML
Hasil Pada Web AnalisaTugas Pertama Pada tugas 1 ini menampilkan logo, dengan style sesuai contoh. 2. Tugas Kedua
HTML
Hasil Pada Web AnalisaTugas kedua
Menampilkan gambar pada suatu kolom atau kotak yang sudah diatur radiusnya, atau lengkungan pada setiap ujung sisi bidang kotak. Kesimpulan Pada praktikum 6 kali ini, kita belajar untuk mengatur text, background seta tampilan boxes dengan css. Dan banyak hal yang perlu diperhatikan seperti pada pengaturan font-family dll. dan peletakkan image untuk background dan div nya.
http://hamidahnh.mb.student.pens.ac.id/Praktikum%206/
