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/
Materi pemrograman web di KuliahKita yang membahas pengenalan HTML yang merupakan bahasa markup untuk mendesain struktur halaman sebuah situs di http://kuliahkita.com/kelas/pengembangan-web/
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/
Materi pemrograman web di KuliahKita yang membahas pengenalan HTML yang merupakan bahasa markup untuk mendesain struktur halaman sebuah situs 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.
ppt profesionalisasi pendidikan Pai 9.pdfNur afiyah
Pembelajaran landasan pendidikan yang membahas tentang profesionalisasi pendidikan. Semoga dengan adanya materi ini dapat memudahkan kita untuk memahami dengan baik serta menambah pengetahuan kita tentang profesionalisasi pendidikan.
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.
1. Laporan Pemrograman Berbasis Web
Materi CSS (Cascading Style Sheets )
Disusun oleh
Muhammad Ilham Yahya 1210651206
JURUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH JEMBER
2012/2013
2. 1.1 Tujuan Perkuliaha.
1.Memahami konsep dasar CSS dan penggunaannya pada web.
1.2 Apa itu CSS ?
CSS adalah singkatan dari Cascading Style Sheets.
CSS adalah aliran dari suatu kode ke kode lain yang saling berhubungan.
CSS merupakan kumpulan kode-kode berurutan dan saling berhubungan untuk
mengatur format / tampilan suatu halaman HTML.
1.3 Keuntungan CSS
Memudahkan dalam penggantian format secara keseluruhan.
Lebih praktis.
Untuk mengubah tampilan web, tanpa mengubah layout utamanya.
1.4 Sintaks CSS
Terdiri dari beberapa set peraturan yang memiliki: selector, property, value.
selector {property: value;}
Selector menunjukkan bagian mana yang hendak diatur/diformat.
Property bagian dari selector yang hendak diatur.
Value adalah nilai dari pengaturannya.
Contoh sintaks CSS:
h1 {color: red;}
Keterangan:
Selector: h1
Property: color
Value: red
Terjemahan bahasa manusia: mengatur color dari h1 ke red (warna merah)
1.5 Pengelompokkan Selectors
Anda dapat menulis satu kode CSS untuk berbagai macam selector dengan cara
menggunakan pemisah koma.
Misalkan mengatur tag-tag h1, h2, h3 menggunakan warna merah, maka CSSnya
menjadi: h1, h2, h3 {color: red;}
1.6 Penggunaan Multi Property
Untuk mengatur lebih dari satu property gunakan pemisah titik koma ( ; )
Contoh: h1, h2, h3 {
color: red;
3. font-family: arial;
font-size: 150%;
}
1.7 CSS Comment
Menggunakan syntax pembuka /* dengan penutup */ untuk menuliskan komentar di
CSS. Contoh:
/* tulis komentar anda disini */
p {
text-align: justify;
/* tulis lagi komentar anda disini */
color: blue;
font-family: arial;
}
1.8 Pemasangan CSS di HTML
Ada 3 cara memasang CSS ke dalam HTML:
1.Inline CSS
2.Embedded CSS
3.Import CSS file
Inline CSS
Kode CSS dituliskan langsung ke dalam tag HTML.
Penulisan cara ini tidak memerlukan selector dalam kode CSS.
Cara ini sebaiknya hanya digunakan jika memformat suatu elemen hanya
satu kali.
Contoh:
<p style=“color:blue;”>
isi paragraf.
</p>
Embedded CSS
Menempelkan kode CSS diantara tag <head> dan </head> atau dapat juga diantara
tag <body> dan </body>
Contoh:
<head>
<style type=“text/css”>
p {color:blue;}
4. </style>
</head>
Import CSS File
Kode CSS dituliskan pada file tersendiri berekstensi .css
Kemudian file .css tersebut diimport diantara tag <head> dan </head>
Contoh:
<head>
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
</head>
Pada kode href itulah yang merujuk pada file CSS, yaitu berada pada folder css
dengan nama file style.css
1.9 Class dan ID Selector
Pada contoh sebelumnya, penggunaan tag HTML sebagai selector.
Misalkan membuat kode CSS untuk tag <h1>, sintaks CSSnya h1 {color: red;}
Sehingga ketika menggunakan tag <h1> maka teksnya berwarna merah.
Jika membutuhkan format tersendiri untuk elemen tertentu bagaimana?
Maka dibutuhkan penentuan Class dan ID Selector.
Class Selector
Class selector adalah penulisan selector untuk sekelompok elemen yang sering
digunakan pada beberapa elemen.
.nama_class_selector {property: value;}
class.
<div class="nama_class_selector"> dan diakhiri dengan tag </div>
Penulisan kode CSS:
.tengah {text-align: center;}
p.tengah {color: red;}
h1.kiri {color:blue;}
h1.tengah {color:black;}
<p class=“tengah”>Teks tengah akan berwarna merah</p>
<div class="tengah">
5. <h1>Tag h1 tengah akan berwarna hitam</h1>
</div>
<h1 class="kiri">Tag h1 kiri akan berwarna biru</h1>
ID Selector
ID selector digunakan untuk menentukan format style pada elemen tunggal yang unik.
da HTML, dan didefinisikan dengan tanda # pada sintaks CSS.
CSS Property Reference
More info:
1.http://www.w3schools.com/css/
2.http://meyerweb.com/eric/css/references/css1ref.html
3.http://meyerweb.com/eric/css/references/css2ref.html
4.http://www.tizag.com/cssT/reference.php
6. Tugas..........!
1.Ubahlah teks dalam list (kandungan susu) sehingga property font (warna, jenis font,
ukurannya sama dengan paragraf pertama)
2.Ubahlah teks dalam panel menu atas menjadi link dan ketika disorot dengan kursor,
warna teks dan background-nya berubah.
3.Isilah bagian sebelah kanan halaman (bagian berwarna biru) dengan suatu konten
(misalnya daftar artikel, dsb). Dan percantiklah dengan kreasi CSS anda (tidak ada
CSS berarti juga TIDAK ADA NILAI)
4.Tambahkanlah teks/ tulisan yang proporsional di bagian header halaman