SlideShare a Scribd company logo
1 of 6
Laporan Praktikum Basis Data
PRAKTIKUM BASIS DATA
MODUL
CSS(Cascading Style Sheet)
Disusun Oleh :
IKLIL RAFIKA
1210651170
JURUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH JEMBER
2012/2013
Page 1 of 5
Laporan Praktikum Basis Data
I. DATA CSS
1.Maksud
Modul ini membahas tentang bahasa dasar CSS ()
2.Tujuan
2.1 Memahami konsep dasar CSS dan penggunaannya pada web.
3.Dasar Teori
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.
4.Keuntungan CSS
- Memudahkan dalam penggantian format secara keseluruhan.
- lebih praktis
-Untuk mengubah tampilan web, tanpa mengubah layout utamanya.
5. Penulisan kode CSS:
.tengah {text-align: center;}
p.tengah {color: red;}
h1.kiri {color:blue;}
h1.tengah {color:black;}
6. Pemakaian kode CSS ke HTML:
<p class=“tengah”>Teks tengah akan berwarna merah</p>
<div class="tengah">
tengah akan berwarna hitam</h1>
</div>
<h1 class="kiri">Tag h1 kiri akan berwarna biru</h1>
II. 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
Page 2 of 5
Laporan Praktikum Basis Data
(tidak ada CSS berarti juga TIDAK ADA NILAI)
4. Tambahkanlah teks/ tulisan yang proporsional di bagian header halaman
5. Dibuat laporan ya, upload di slideshare.net dan URLnya disubmit di elearning.
Berikut Scriptnya :
Page 3 of 5
Laporan Praktikum Basis Data
Untuk melihat hasilnya, browse localhost/css pada web browse anda. Hasilnya akan seperti ini:
Page 4 of 5
Laporan Praktikum Basis Data
Page 5 of 5
Laporan Praktikum Basis Data
Page 5 of 5

More Related Content

Viewers also liked

Everything Out Organizing Style Personality Preference
Everything Out Organizing Style Personality PreferenceEverything Out Organizing Style Personality Preference
Everything Out Organizing Style Personality PreferenceCena Block
 
Jt meedia ülevaade 13 19.01.11
Jt meedia ülevaade 13 19.01.11Jt meedia ülevaade 13 19.01.11
Jt meedia ülevaade 13 19.01.11JaanToots
 
Manning park presentation int
Manning park presentation intManning park presentation int
Manning park presentation intbyrnecreekleoclub
 
chỗ nào dịch vụ giúp việc nhà tốt giá rẻ sài gòn
chỗ nào dịch vụ giúp việc nhà tốt giá rẻ sài gònchỗ nào dịch vụ giúp việc nhà tốt giá rẻ sài gòn
chỗ nào dịch vụ giúp việc nhà tốt giá rẻ sài gònkristopher782
 
Sumários Desenvolvidos de Filosofia do Direito
Sumários Desenvolvidos de Filosofia do DireitoSumários Desenvolvidos de Filosofia do Direito
Sumários Desenvolvidos de Filosofia do Direitonelson0802
 
Resume Brief - only after 1992
Resume Brief - only after 1992Resume Brief - only after 1992
Resume Brief - only after 1992Syed Sobhan
 
Arrows Group Brochure (Technology)
Arrows Group Brochure (Technology)Arrows Group Brochure (Technology)
Arrows Group Brochure (Technology)B20wna
 
Türkiye Marketing Projesi
Türkiye Marketing ProjesiTürkiye Marketing Projesi
Türkiye Marketing ProjesiHakan TOPUZOĞLU
 
Katie\'s Portfolio
Katie\'s PortfolioKatie\'s Portfolio
Katie\'s Portfoliokatiedhahn
 
политкорректность как условие для взаимопонимания представит
политкорректность как условие для взаимопонимания представитполиткорректность как условие для взаимопонимания представит
политкорректность как условие для взаимопонимания представитOlga Gushcha
 
Welwitschia Mirabilis
Welwitschia MirabilisWelwitschia Mirabilis
Welwitschia Mirabilisadam dim
 

Viewers also liked (19)

Everything Out Organizing Style Personality Preference
Everything Out Organizing Style Personality PreferenceEverything Out Organizing Style Personality Preference
Everything Out Organizing Style Personality Preference
 
Introduccion a Jasmin
Introduccion a JasminIntroduccion a Jasmin
Introduccion a Jasmin
 
Resume
ResumeResume
Resume
 
Jt meedia ülevaade 13 19.01.11
Jt meedia ülevaade 13 19.01.11Jt meedia ülevaade 13 19.01.11
Jt meedia ülevaade 13 19.01.11
 
Spp kota banjarmasin
Spp kota banjarmasinSpp kota banjarmasin
Spp kota banjarmasin
 
Whats new in Groovy 2.0?
Whats new in Groovy 2.0?Whats new in Groovy 2.0?
Whats new in Groovy 2.0?
 
Research design power point for adult aging class
Research design power point for adult aging classResearch design power point for adult aging class
Research design power point for adult aging class
 
Consulta nombre
Consulta nombreConsulta nombre
Consulta nombre
 
2015 Ford Hybrid Car Electric Information at El Paso - Albuquerque Dealers Ja...
2015 Ford Hybrid Car Electric Information at El Paso - Albuquerque Dealers Ja...2015 Ford Hybrid Car Electric Information at El Paso - Albuquerque Dealers Ja...
2015 Ford Hybrid Car Electric Information at El Paso - Albuquerque Dealers Ja...
 
Manning park presentation int
Manning park presentation intManning park presentation int
Manning park presentation int
 
chỗ nào dịch vụ giúp việc nhà tốt giá rẻ sài gòn
chỗ nào dịch vụ giúp việc nhà tốt giá rẻ sài gònchỗ nào dịch vụ giúp việc nhà tốt giá rẻ sài gòn
chỗ nào dịch vụ giúp việc nhà tốt giá rẻ sài gòn
 
Sumários Desenvolvidos de Filosofia do Direito
Sumários Desenvolvidos de Filosofia do DireitoSumários Desenvolvidos de Filosofia do Direito
Sumários Desenvolvidos de Filosofia do Direito
 
Resume Brief - only after 1992
Resume Brief - only after 1992Resume Brief - only after 1992
Resume Brief - only after 1992
 
Arrows Group Brochure (Technology)
Arrows Group Brochure (Technology)Arrows Group Brochure (Technology)
Arrows Group Brochure (Technology)
 
Final report
Final reportFinal report
Final report
 
Türkiye Marketing Projesi
Türkiye Marketing ProjesiTürkiye Marketing Projesi
Türkiye Marketing Projesi
 
Katie\'s Portfolio
Katie\'s PortfolioKatie\'s Portfolio
Katie\'s Portfolio
 
политкорректность как условие для взаимопонимания представит
политкорректность как условие для взаимопонимания представитполиткорректность как условие для взаимопонимания представит
политкорректность как условие для взаимопонимания представит
 
Welwitschia Mirabilis
Welwitschia MirabilisWelwitschia Mirabilis
Welwitschia Mirabilis
 

Similar to CSS Praktikum Laporan

Materi CSS yang akan dipaparkan di salah satu
Materi CSS yang akan dipaparkan di salah satuMateri CSS yang akan dipaparkan di salah satu
Materi CSS yang akan dipaparkan di salah satuDera62
 
Praktikum pemrograman berbasis web
Praktikum pemrograman berbasis webPraktikum pemrograman berbasis web
Praktikum pemrograman berbasis webandika_navian
 
Praktikum pemrograman berbasis web
Praktikum pemrograman berbasis webPraktikum pemrograman berbasis web
Praktikum pemrograman berbasis webandika_navian
 
Pengenalan web minggu ketiga
Pengenalan web minggu ketigaPengenalan web minggu ketiga
Pengenalan web minggu ketigaWawan Darmawan
 
Laporan Pemrograman Berbasis Web Tugas 4 Cascading Style Sheets
Laporan Pemrograman Berbasis Web Tugas 4 Cascading Style SheetsLaporan Pemrograman Berbasis Web Tugas 4 Cascading Style Sheets
Laporan Pemrograman Berbasis Web Tugas 4 Cascading Style Sheetskunidar
 
Laporan pbw CSS ferischa
Laporan pbw  CSS ferischaLaporan pbw  CSS ferischa
Laporan pbw CSS ferischaferischaputri
 
Cascading Style Sheets (CSS).pdf
Cascading Style Sheets (CSS).pdfCascading Style Sheets (CSS).pdf
Cascading Style Sheets (CSS).pdfario48
 
Laporan pratikum II web
Laporan pratikum II webLaporan pratikum II web
Laporan pratikum II webrahmi wahyuni
 
This Cascading Style Sheets
This Cascading Style SheetsThis Cascading Style Sheets
This Cascading Style Sheetserichotaubat
 
Laporan Praktikum Basis Data Modul VI-Membuat Website
Laporan Praktikum Basis Data Modul VI-Membuat WebsiteLaporan Praktikum Basis Data Modul VI-Membuat Website
Laporan Praktikum Basis Data Modul VI-Membuat WebsiteShofura Kamal
 
Modul Cascading Style Sheet (CSS)
Modul Cascading Style Sheet (CSS)Modul Cascading Style Sheet (CSS)
Modul Cascading Style Sheet (CSS)Brian Raafiu
 

Similar to CSS Praktikum Laporan (20)

Tugas4
Tugas4Tugas4
Tugas4
 
Materi CSS yang akan dipaparkan di salah satu
Materi CSS yang akan dipaparkan di salah satuMateri CSS yang akan dipaparkan di salah satu
Materi CSS yang akan dipaparkan di salah satu
 
Praktikum pemrograman berbasis web
Praktikum pemrograman berbasis webPraktikum pemrograman berbasis web
Praktikum pemrograman berbasis web
 
Praktikum pemrograman berbasis web
Praktikum pemrograman berbasis webPraktikum pemrograman berbasis web
Praktikum pemrograman berbasis web
 
Rifkillah s
Rifkillah sRifkillah s
Rifkillah s
 
Pengenalan web minggu ketiga
Pengenalan web minggu ketigaPengenalan web minggu ketiga
Pengenalan web minggu ketiga
 
Laporan Pemrograman Berbasis Web
Laporan Pemrograman Berbasis WebLaporan Pemrograman Berbasis Web
Laporan Pemrograman Berbasis Web
 
Laporan Pbw 4
Laporan Pbw 4Laporan Pbw 4
Laporan Pbw 4
 
Laporan Pemrograman Berbasis Web Tugas 4 Cascading Style Sheets
Laporan Pemrograman Berbasis Web Tugas 4 Cascading Style SheetsLaporan Pemrograman Berbasis Web Tugas 4 Cascading Style Sheets
Laporan Pemrograman Berbasis Web Tugas 4 Cascading Style Sheets
 
PBW Tugas
PBW TugasPBW Tugas
PBW Tugas
 
Laporan
LaporanLaporan
Laporan
 
Laporan css 1210651099
Laporan css 1210651099Laporan css 1210651099
Laporan css 1210651099
 
1210651097 css
1210651097 css1210651097 css
1210651097 css
 
Laporan pbw CSS ferischa
Laporan pbw  CSS ferischaLaporan pbw  CSS ferischa
Laporan pbw CSS ferischa
 
Cascading Style Sheets (CSS).pdf
Cascading Style Sheets (CSS).pdfCascading Style Sheets (CSS).pdf
Cascading Style Sheets (CSS).pdf
 
Laporan pratikum II web
Laporan pratikum II webLaporan pratikum II web
Laporan pratikum II web
 
This Cascading Style Sheets
This Cascading Style SheetsThis Cascading Style Sheets
This Cascading Style Sheets
 
Laporan Praktikum Basis Data Modul VI-Membuat Website
Laporan Praktikum Basis Data Modul VI-Membuat WebsiteLaporan Praktikum Basis Data Modul VI-Membuat Website
Laporan Praktikum Basis Data Modul VI-Membuat Website
 
Css
CssCss
Css
 
Modul Cascading Style Sheet (CSS)
Modul Cascading Style Sheet (CSS)Modul Cascading Style Sheet (CSS)
Modul Cascading Style Sheet (CSS)
 

Recently uploaded

MAteri:Penggunaan fungsi pada pemrograman c++
MAteri:Penggunaan fungsi pada pemrograman c++MAteri:Penggunaan fungsi pada pemrograman c++
MAteri:Penggunaan fungsi pada pemrograman c++FujiAdam
 
Slide Transformasi dan Load Data Menggunakan Talend Open Studio
Slide Transformasi dan Load Data Menggunakan Talend Open StudioSlide Transformasi dan Load Data Menggunakan Talend Open Studio
Slide Transformasi dan Load Data Menggunakan Talend Open Studiossuser52d6bf
 
05 Sistem Perencanaan Pembangunan Nasional.ppt
05 Sistem Perencanaan Pembangunan Nasional.ppt05 Sistem Perencanaan Pembangunan Nasional.ppt
05 Sistem Perencanaan Pembangunan Nasional.pptSonyGobang1
 
001. Ringkasan Lampiran Juknis DAK 2024_PAUD.pptx
001. Ringkasan Lampiran Juknis DAK 2024_PAUD.pptx001. Ringkasan Lampiran Juknis DAK 2024_PAUD.pptx
001. Ringkasan Lampiran Juknis DAK 2024_PAUD.pptxMuhararAhmad
 
Pembangkit Listrik Tenaga Nuklir Kelompok 1.pptx
Pembangkit Listrik Tenaga Nuklir Kelompok 1.pptxPembangkit Listrik Tenaga Nuklir Kelompok 1.pptx
Pembangkit Listrik Tenaga Nuklir Kelompok 1.pptxmuhammadrizky331164
 
Strategi Pengembangan Agribisnis di Indonesia
Strategi Pengembangan Agribisnis di IndonesiaStrategi Pengembangan Agribisnis di Indonesia
Strategi Pengembangan Agribisnis di IndonesiaRenaYunita2
 

Recently uploaded (6)

MAteri:Penggunaan fungsi pada pemrograman c++
MAteri:Penggunaan fungsi pada pemrograman c++MAteri:Penggunaan fungsi pada pemrograman c++
MAteri:Penggunaan fungsi pada pemrograman c++
 
Slide Transformasi dan Load Data Menggunakan Talend Open Studio
Slide Transformasi dan Load Data Menggunakan Talend Open StudioSlide Transformasi dan Load Data Menggunakan Talend Open Studio
Slide Transformasi dan Load Data Menggunakan Talend Open Studio
 
05 Sistem Perencanaan Pembangunan Nasional.ppt
05 Sistem Perencanaan Pembangunan Nasional.ppt05 Sistem Perencanaan Pembangunan Nasional.ppt
05 Sistem Perencanaan Pembangunan Nasional.ppt
 
001. Ringkasan Lampiran Juknis DAK 2024_PAUD.pptx
001. Ringkasan Lampiran Juknis DAK 2024_PAUD.pptx001. Ringkasan Lampiran Juknis DAK 2024_PAUD.pptx
001. Ringkasan Lampiran Juknis DAK 2024_PAUD.pptx
 
Pembangkit Listrik Tenaga Nuklir Kelompok 1.pptx
Pembangkit Listrik Tenaga Nuklir Kelompok 1.pptxPembangkit Listrik Tenaga Nuklir Kelompok 1.pptx
Pembangkit Listrik Tenaga Nuklir Kelompok 1.pptx
 
Strategi Pengembangan Agribisnis di Indonesia
Strategi Pengembangan Agribisnis di IndonesiaStrategi Pengembangan Agribisnis di Indonesia
Strategi Pengembangan Agribisnis di Indonesia
 

CSS Praktikum Laporan

  • 1. Laporan Praktikum Basis Data PRAKTIKUM BASIS DATA MODUL CSS(Cascading Style Sheet) Disusun Oleh : IKLIL RAFIKA 1210651170 JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH JEMBER 2012/2013 Page 1 of 5
  • 2. Laporan Praktikum Basis Data I. DATA CSS 1.Maksud Modul ini membahas tentang bahasa dasar CSS () 2.Tujuan 2.1 Memahami konsep dasar CSS dan penggunaannya pada web. 3.Dasar Teori 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. 4.Keuntungan CSS - Memudahkan dalam penggantian format secara keseluruhan. - lebih praktis -Untuk mengubah tampilan web, tanpa mengubah layout utamanya. 5. Penulisan kode CSS: .tengah {text-align: center;} p.tengah {color: red;} h1.kiri {color:blue;} h1.tengah {color:black;} 6. Pemakaian kode CSS ke HTML: <p class=“tengah”>Teks tengah akan berwarna merah</p> <div class="tengah"> tengah akan berwarna hitam</h1> </div> <h1 class="kiri">Tag h1 kiri akan berwarna biru</h1> II. 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 Page 2 of 5
  • 3. Laporan Praktikum Basis Data (tidak ada CSS berarti juga TIDAK ADA NILAI) 4. Tambahkanlah teks/ tulisan yang proporsional di bagian header halaman 5. Dibuat laporan ya, upload di slideshare.net dan URLnya disubmit di elearning. Berikut Scriptnya : Page 3 of 5
  • 4. Laporan Praktikum Basis Data Untuk melihat hasilnya, browse localhost/css pada web browse anda. Hasilnya akan seperti ini: Page 4 of 5
  • 5. Laporan Praktikum Basis Data Page 5 of 5
  • 6. Laporan Praktikum Basis Data Page 5 of 5