Ada beberapa cara untuk menampatkan sintaks CSS di halaman web kita. Ada dengan menggunakan cara embed, inline dan external.
slide bantuan untuk video youtube:
https://youtu.be/bnnislprJro
di channel Web Programming UNPAS
Pseudo class adalah kelas khusus yang dapat kita beri style css pada keadaan tertentu.. ada banyak jenis pseudo class / selector, tetapi yang akan dibahas pada video ini hanya yang berhubungan dengan link dan urutan elemen saja..
contoh pseudo-class yang berhubungan dengan link :
:link
:hover
:active
:visited
slide bantuan untuk video youtube:
https://youtu.be/G0gYWdIHOug
Masih ingat anatomi dari sebuah sintaks CSS kan? di dalamnya terdapat bagian yang dinamakan selector.
Selector digunakan untuk memilih elemen spesifik pada HTML yang akan diberi style. Ada 3 jenis selector yaitu elemen HTML, id dan class.
slide bantuan untuk video youtube:
https://youtu.be/0KLwWyQyMQo
Pada slide kali ini yang akan kita bahas adalah mengenai bagaimana cara memberi style pada background dari sebuah elemen. Setiap elemen bisa kita beri background, namun contoh di slide ini hanya pada body saja.
Selain warna, kita juga dapat menambahkan gambar pada background dan pengatur pengulangan dari gambar serta posisinya. Setelah menyaksikan video ini, silahkan berkreasi dengan background pada halaman web kalian.. :)
slide bantuan untuk video youtube:
https://youtu.be/zm-HPYS_ELU
Konsep inheritance atau pewarisan ternyata terdapat juga pada CSS, tetapi konsepnya sangat sederhana tidak se-kompleks pada bahasa pemrograman lain seperti Java atau PHP.
Intinya adalah elemen child mewarisi beberapa value dari properti yang dimiliki parentnya.
Nilai dari properti di css yang akan kita pelajari di video ini adalah inherit.
slide bantuan untuk video youtube:
https://youtu.be/kY2FEA3y43E
Setiap selector css yang kita buat memiliki berat yang berbeda, berat tersebut menentukan seberapa spesifik selector yang kita buat. Semakin spesifik, maka style yang dibuat akan semakin berpengaruh.
contohnya jika kita membuat selector dengan elemen HTML maka beratnya adalah 1, jika dengan class maka 10 kali lipat lebih berat dan jika dengan id 100 kali lipat lebih berat.
di video ini akan dijelaskan maksud dari berat masing-masing selector dan bagaimana cara menghitungnya
slide bantuan untuk video youtube:
https://youtu.be/yu74Y1ndd5w
Slide pendukung untuk mata kuliah Pemrograman Web 1 di Jurusan Teknik Informatika Universitas Pasundan Bandung.
Digunakan juga sebagai pendukung untuk video di channel youtube "WebProgrammingUNPAS"
https://www.youtube.com/channel/UCkXmLjEr95LVtGuIm3l2dPg
Sama seperti HTML, CSS juga memiliki anatomi / struktur dari tiap-tiap deklarasinya. Anatomi tersebut terdiri dari :
1. selector
2. property
3. value
slide bantuan untuk video youtube:
https://youtu.be/8lXDi2Mxp9c
di channel Web Programming UNPAS
Ada beberapa cara untuk menampatkan sintaks CSS di halaman web kita. Ada dengan menggunakan cara embed, inline dan external.
slide bantuan untuk video youtube:
https://youtu.be/bnnislprJro
di channel Web Programming UNPAS
Pseudo class adalah kelas khusus yang dapat kita beri style css pada keadaan tertentu.. ada banyak jenis pseudo class / selector, tetapi yang akan dibahas pada video ini hanya yang berhubungan dengan link dan urutan elemen saja..
contoh pseudo-class yang berhubungan dengan link :
:link
:hover
:active
:visited
slide bantuan untuk video youtube:
https://youtu.be/G0gYWdIHOug
Masih ingat anatomi dari sebuah sintaks CSS kan? di dalamnya terdapat bagian yang dinamakan selector.
Selector digunakan untuk memilih elemen spesifik pada HTML yang akan diberi style. Ada 3 jenis selector yaitu elemen HTML, id dan class.
slide bantuan untuk video youtube:
https://youtu.be/0KLwWyQyMQo
Pada slide kali ini yang akan kita bahas adalah mengenai bagaimana cara memberi style pada background dari sebuah elemen. Setiap elemen bisa kita beri background, namun contoh di slide ini hanya pada body saja.
Selain warna, kita juga dapat menambahkan gambar pada background dan pengatur pengulangan dari gambar serta posisinya. Setelah menyaksikan video ini, silahkan berkreasi dengan background pada halaman web kalian.. :)
slide bantuan untuk video youtube:
https://youtu.be/zm-HPYS_ELU
Konsep inheritance atau pewarisan ternyata terdapat juga pada CSS, tetapi konsepnya sangat sederhana tidak se-kompleks pada bahasa pemrograman lain seperti Java atau PHP.
Intinya adalah elemen child mewarisi beberapa value dari properti yang dimiliki parentnya.
Nilai dari properti di css yang akan kita pelajari di video ini adalah inherit.
slide bantuan untuk video youtube:
https://youtu.be/kY2FEA3y43E
Setiap selector css yang kita buat memiliki berat yang berbeda, berat tersebut menentukan seberapa spesifik selector yang kita buat. Semakin spesifik, maka style yang dibuat akan semakin berpengaruh.
contohnya jika kita membuat selector dengan elemen HTML maka beratnya adalah 1, jika dengan class maka 10 kali lipat lebih berat dan jika dengan id 100 kali lipat lebih berat.
di video ini akan dijelaskan maksud dari berat masing-masing selector dan bagaimana cara menghitungnya
slide bantuan untuk video youtube:
https://youtu.be/yu74Y1ndd5w
Slide pendukung untuk mata kuliah Pemrograman Web 1 di Jurusan Teknik Informatika Universitas Pasundan Bandung.
Digunakan juga sebagai pendukung untuk video di channel youtube "WebProgrammingUNPAS"
https://www.youtube.com/channel/UCkXmLjEr95LVtGuIm3l2dPg
Sama seperti HTML, CSS juga memiliki anatomi / struktur dari tiap-tiap deklarasinya. Anatomi tersebut terdiri dari :
1. selector
2. property
3. value
slide bantuan untuk video youtube:
https://youtu.be/8lXDi2Mxp9c
di channel Web Programming UNPAS
Ada 2 property pada CSS yang digunakan untuk mengatur Dimensi pada elemen HTML kita, property-nya yaitu width dan height.
Pada video ini, kita akan bahas bagaimana cara menggunakan property tersebut, dan juga unit / satuan apa saja yang dapat kita gunakan untuk mengatur width dan height-nya.
Di video ini juga akan dibahas mengenai overflow, yaitu property CSS yang digunakan untuk mengatur perilaku sebuah elemen, ketika isi / konten nya melebihi tempat / parent nya.
slide bantuan untuk video youtube:
https://youtu.be/VkUSH3SIH0g
Setelah di slide sebelumnya kita mempelajari tentang bagaimana memberi style pada font, di slide kali ini yang akan kita bahas adalah memberikan style pada text seperti pengaturan paragraf, pengaturan warna, dll
slide bantuan untuk video youtube:
https://youtu.be/xih8giA7S3Q
Slide pendukung untuk mata kuliah Pemrograman Web 1 di Jurusan Teknik Informatika Universitas Pasundan Bandung.
Digunakan juga sebagai pendukung untuk video di channel youtube "WebProgrammingUNPAS"
https://www.youtube.com/channel/UCkXmLjEr95LVtGuIm3l2dPg
Font merupakan elemen pada halaman web yang berhubungan dengan typeface (jenis tulisan / huruf), bisa mengenai family-nya, ukuran, bold atau tidaknya dan lain-lain.
slide bantuan untuk video youtube:
https://youtu.be/nPHed3_oPvY
Box model adalah konsep yang paling utama dari CSS Layouting, jika kalian paham mengenai ini maka akan mudah untuk kalian dalam melakukan pengaturan tata letak elemen pada website kalian.
ada 4 komponen dalam box model :
1. margin
2. padding
3. border
4. konten
Slide pendukung untuk mata kuliah Pemrograman Web 1 di Jurusan Teknik Informatika Universitas Pasundan Bandung.
Digunakan juga sebagai pendukung untuk video di channel youtube "WebProgrammingUNPAS"
https://www.youtube.com/channel/UCkXmLjEr95LVtGuIm3l2dPg
Slide pendukung untuk mata kuliah Pemrograman Web 1 di Jurusan Teknik Informatika Universitas Pasundan Bandung.
Digunakan juga sebagai pendukung untuk video di channel youtube "WebProgrammingUNPAS"
https://www.youtube.com/channel/UCkXmLjEr95LVtGuIm3l2dPg
Slide pendukung untuk mata kuliah Pemrograman Web 1 di Jurusan Teknik Informatika Universitas Pasundan Bandung.
Digunakan juga sebagai pendukung untuk video di channel youtube "WebProgrammingUNPAS"
https://www.youtube.com/channel/UCkXmLjEr95LVtGuIm3l2dPg
Slide pendukung untuk mata kuliah Pemrograman Web 1 di Jurusan Teknik Informatika Universitas Pasundan Bandung.
Digunakan juga sebagai pendukung untuk video di channel youtube "WebProgrammingUNPAS"
https://www.youtube.com/channel/UCkXmLjEr95LVtGuIm3l2dPg
Slide pendukung untuk mata kuliah Pemrograman Web 1 di Jurusan Teknik Informatika Universitas Pasundan Bandung.
Digunakan juga sebagai pendukung untuk video di channel youtube "WebProgrammingUNPAS"
https://www.youtube.com/channel/UCkXmLjEr95LVtGuIm3l2dPg
Float merupakan properti CSS yang dapat membuat elemen berada di sebelah kiri atau kanan dari pembungkusnya.
Float dapat digunakan untuk beberapa hal berikut :
1. Text Wrapping
2. Image Gallery
3. Multiple Columns
Slide pendukung untuk mata kuliah Pemrograman Web 1 di Jurusan Teknik Informatika Universitas Pasundan Bandung.
Digunakan juga sebagai pendukung untuk video di channel youtube "WebProgrammingUNPAS"
https://www.youtube.com/channel/UCkXmLjEr95LVtGuIm3l2dPg
Position adalah properti CSS yang dapat membuat kita melakukan tata letak dari elemen HTML sesuai dengan keinginan kita.
ada 4 value yang bisa kita gunakan pada properti position :
1. static
2. relative
3. absolute
4. fixed
Setiap elemen HTML yang kita buat memiliki property css display, pada slide ini akan dibahas bagaimana masing-masing perilaku dari value pada properti display tersebut.
value yang dapat digunakan adalah :
- inline
- inline-block
- block
- none
slide bantuan untuk video youtube:
https://youtu.be/VPaIdiPvWQM
Slide pendukung untuk mata kuliah Pemrograman Web 1 di Jurusan Teknik Informatika Universitas Pasundan Bandung.
Digunakan juga sebagai pendukung untuk video di channel youtube "WebProgrammingUNPAS"
https://www.youtube.com/channel/UCkXmLjEr95LVtGuIm3l2dPg
Slide pendukung untuk mata kuliah Pemrograman Web 1 di Jurusan Teknik Informatika Universitas Pasundan Bandung.
Digunakan juga sebagai pendukung untuk video di channel youtube "WebProgrammingUNPAS"
https://www.youtube.com/channel/UCkXmLjEr95LVtGuIm3l2dPg
Ada 2 property pada CSS yang digunakan untuk mengatur Dimensi pada elemen HTML kita, property-nya yaitu width dan height.
Pada video ini, kita akan bahas bagaimana cara menggunakan property tersebut, dan juga unit / satuan apa saja yang dapat kita gunakan untuk mengatur width dan height-nya.
Di video ini juga akan dibahas mengenai overflow, yaitu property CSS yang digunakan untuk mengatur perilaku sebuah elemen, ketika isi / konten nya melebihi tempat / parent nya.
slide bantuan untuk video youtube:
https://youtu.be/VkUSH3SIH0g
Setelah di slide sebelumnya kita mempelajari tentang bagaimana memberi style pada font, di slide kali ini yang akan kita bahas adalah memberikan style pada text seperti pengaturan paragraf, pengaturan warna, dll
slide bantuan untuk video youtube:
https://youtu.be/xih8giA7S3Q
Slide pendukung untuk mata kuliah Pemrograman Web 1 di Jurusan Teknik Informatika Universitas Pasundan Bandung.
Digunakan juga sebagai pendukung untuk video di channel youtube "WebProgrammingUNPAS"
https://www.youtube.com/channel/UCkXmLjEr95LVtGuIm3l2dPg
Font merupakan elemen pada halaman web yang berhubungan dengan typeface (jenis tulisan / huruf), bisa mengenai family-nya, ukuran, bold atau tidaknya dan lain-lain.
slide bantuan untuk video youtube:
https://youtu.be/nPHed3_oPvY
Box model adalah konsep yang paling utama dari CSS Layouting, jika kalian paham mengenai ini maka akan mudah untuk kalian dalam melakukan pengaturan tata letak elemen pada website kalian.
ada 4 komponen dalam box model :
1. margin
2. padding
3. border
4. konten
Slide pendukung untuk mata kuliah Pemrograman Web 1 di Jurusan Teknik Informatika Universitas Pasundan Bandung.
Digunakan juga sebagai pendukung untuk video di channel youtube "WebProgrammingUNPAS"
https://www.youtube.com/channel/UCkXmLjEr95LVtGuIm3l2dPg
Slide pendukung untuk mata kuliah Pemrograman Web 1 di Jurusan Teknik Informatika Universitas Pasundan Bandung.
Digunakan juga sebagai pendukung untuk video di channel youtube "WebProgrammingUNPAS"
https://www.youtube.com/channel/UCkXmLjEr95LVtGuIm3l2dPg
Slide pendukung untuk mata kuliah Pemrograman Web 1 di Jurusan Teknik Informatika Universitas Pasundan Bandung.
Digunakan juga sebagai pendukung untuk video di channel youtube "WebProgrammingUNPAS"
https://www.youtube.com/channel/UCkXmLjEr95LVtGuIm3l2dPg
Slide pendukung untuk mata kuliah Pemrograman Web 1 di Jurusan Teknik Informatika Universitas Pasundan Bandung.
Digunakan juga sebagai pendukung untuk video di channel youtube "WebProgrammingUNPAS"
https://www.youtube.com/channel/UCkXmLjEr95LVtGuIm3l2dPg
Slide pendukung untuk mata kuliah Pemrograman Web 1 di Jurusan Teknik Informatika Universitas Pasundan Bandung.
Digunakan juga sebagai pendukung untuk video di channel youtube "WebProgrammingUNPAS"
https://www.youtube.com/channel/UCkXmLjEr95LVtGuIm3l2dPg
Float merupakan properti CSS yang dapat membuat elemen berada di sebelah kiri atau kanan dari pembungkusnya.
Float dapat digunakan untuk beberapa hal berikut :
1. Text Wrapping
2. Image Gallery
3. Multiple Columns
Slide pendukung untuk mata kuliah Pemrograman Web 1 di Jurusan Teknik Informatika Universitas Pasundan Bandung.
Digunakan juga sebagai pendukung untuk video di channel youtube "WebProgrammingUNPAS"
https://www.youtube.com/channel/UCkXmLjEr95LVtGuIm3l2dPg
Position adalah properti CSS yang dapat membuat kita melakukan tata letak dari elemen HTML sesuai dengan keinginan kita.
ada 4 value yang bisa kita gunakan pada properti position :
1. static
2. relative
3. absolute
4. fixed
Setiap elemen HTML yang kita buat memiliki property css display, pada slide ini akan dibahas bagaimana masing-masing perilaku dari value pada properti display tersebut.
value yang dapat digunakan adalah :
- inline
- inline-block
- block
- none
slide bantuan untuk video youtube:
https://youtu.be/VPaIdiPvWQM
Slide pendukung untuk mata kuliah Pemrograman Web 1 di Jurusan Teknik Informatika Universitas Pasundan Bandung.
Digunakan juga sebagai pendukung untuk video di channel youtube "WebProgrammingUNPAS"
https://www.youtube.com/channel/UCkXmLjEr95LVtGuIm3l2dPg
Slide pendukung untuk mata kuliah Pemrograman Web 1 di Jurusan Teknik Informatika Universitas Pasundan Bandung.
Digunakan juga sebagai pendukung untuk video di channel youtube "WebProgrammingUNPAS"
https://www.youtube.com/channel/UCkXmLjEr95LVtGuIm3l2dPg
Style Untuk Font Family
Membuat Teks Italic
Membuat Teks Tebal
Mengatur Ukuran Font
Mengatur Jarak Baris Dalam Paragraf
Mengubah Warna Text
Mengubah Warna Background Text
Materi pemrograman web di KuliahKita yang membahas bahasa yang digunakan untuk mendefinisikan cara menampilkan halaman situs yaitu CSS di http://kuliahkita.com/kelas/pengembangan-web/
Sebuah buku foto yang berjudul Lensa Kampung Ondel-Ondelferrydmn1999
Indonesia, negara kepulauan yang kaya akan keragaman budaya, suku, dan tradisi, memiliki Jakarta sebagai pusat kebudayaan yang dinamis dan unik. Salah satu kesenian tradisional yang ikonik dan identik dengan Jakarta adalah ondel-ondel, boneka raksasa yang biasanya tampil berpasangan, terdiri dari laki-laki dan perempuan. Ondel-ondel awalnya dianggap sebagai simbol budaya sakral dan memainkan peran penting dalam ritual budaya masyarakat Betawi untuk menolak bala atau nasib buruk. Namun, seiring dengan bergulirnya waktu dan perubahan zaman, makna sakral ondel-ondel perlahan memudar dan berubah menjadi sesuatu yang kurang bernilai. Kini, ondel-ondel lebih sering digunakan sebagai hiasan atau sebagai sarana untuk mencari penghasilan. Buku foto Lensa Kampung Ondel-Ondel berfokus pada Keluarga Mulyadi, yang menghadapi tantangan untuk menjaga tradisi pembuatan ondel-ondel warisan leluhur di tengah keterbatasan ekonomi yang ada. Melalui foto cerita, foto feature dan foto jurnalistik buku ini menggambarkan usaha Keluarga Mulyadi untuk menjaga tradisi pembuatan ondel-ondel sambil menghadapi dilema dalam mempertahankan makna budaya di tengah perubahan makna dan keterbatasan ekonomi keluarganya. Buku foto ini dapat menggambarkan tentang bagaimana keluarga tersebut berjuang untuk menjaga warisan budaya mereka di tengah arus modernisasi.
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa BaratEldi Mardiansyah
Di dalamnya mencakup Presentasi tentang Pendampingan Individu 2 Pendidikan Guru Penggerak Aangkatan ke 10 Kab. Sukabumi Jawa Barat tahun 2024 yang bertemakan Visi dan Prakarsa Perubahan pada SMP Negeri 4 Ciemas. Penulis adalah seorang Calon Guru Penggerak bernama Eldi Mardiansyah, seorang guru bahasa Inggris kelahiran Bogor.
15. Cascading Style Sheet
• Aturan yang digunakan untuk menampilkan elemen / tag HTML
• Dibuat terpisah dengan HTML
• Bertujuan untuk memisahkan konten dan style
• 1 CSS dapat digunakan untuk banyak halaman HTML
• 1 halaman HTML dapat terlihat berbeda jika menggunakan CSS yang
berbeda pula