SlideShare a Scribd company logo
1 of 7
Download to read offline
Laporan Pemograman Berbasis Web
Page 1 of 7
Tugas CSS
Disusun Oleh :
Eriko Januar Akbar
1210651284
JURUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH JEMBER
2014
Laporan Pemograman Berbasis Web
Page 2 of 7
Apa Itu CSS?
1. CSS adalah singkatan dari Cascading Style Sheets
2. CSS adalah aliran dari suatu kode ke kode lain yang saling berhubungan
3. CSS merupkan kumpulan kode-kode berurutan dan saling berhubungan untuk mengatur
format/tampilan suatu halaman HTML
Keuntungan CSS
1. Memudahkan dalam penggantian format secara keseluruhan
2. Lebih praktis
3. Untuk mengubah tampilan web, tanpa mengubah layout utamanya.
Saya mendapatkan tugas dari pak mudafiq yang pertama tampilan seperti berikut :
Dengan script sebagai berikut :
Laporan Pemograman Berbasis Web
Page 3 of 7
Laporan Pemograman Berbasis Web
Page 4 of 7
Ini tugas yang saya kerjakan dari Pak Mudafiq Ryan Pratama

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
5. Dibuat laporan ya, upload di slideshare.net dan URLnya disubmit di elearning.
Laporan Pemograman Berbasis Web
Page 5 of 7
Beginilah Hasilnya :
Laporan Pemograman Berbasis Web
Page 6 of 7
Laporan Pemograman Berbasis Web
Page 7 of 7
Itulah hasil kerja saya semoga kekurangan saya dapat bisa hilang karna ada
kritikan dan masukan dari dosen Pak Mudafiq Ryan Pratama

More Related Content

What's hot (10)

Mid tik
Mid tikMid tik
Mid tik
 
Tugas 2 - Rekayasa Web
Tugas 2 - Rekayasa WebTugas 2 - Rekayasa Web
Tugas 2 - Rekayasa Web
 
Mengenal tampilan ms office word 2013
Mengenal tampilan ms office word 2013Mengenal tampilan ms office word 2013
Mengenal tampilan ms office word 2013
 
modul CSS tugas Pemrograman Berbasis Web
modul CSS tugas Pemrograman Berbasis Webmodul CSS tugas Pemrograman Berbasis Web
modul CSS tugas Pemrograman Berbasis Web
 
Pemrograman Berbasis Web - CSS
Pemrograman Berbasis Web - CSSPemrograman Berbasis Web - CSS
Pemrograman Berbasis Web - CSS
 
Perbedaan Tampilan Microsoft Word 2007 dan Microsoft Word 2010
Perbedaan Tampilan Microsoft Word 2007 dan Microsoft Word 2010 Perbedaan Tampilan Microsoft Word 2007 dan Microsoft Word 2010
Perbedaan Tampilan Microsoft Word 2007 dan Microsoft Word 2010
 
Perbedaan word 2007 2010 2013
Perbedaan word 2007 2010 2013Perbedaan word 2007 2010 2013
Perbedaan word 2007 2010 2013
 
materi webdesign - CSS
materi webdesign - CSSmateri webdesign - CSS
materi webdesign - CSS
 
PENGENALAN CSS
PENGENALAN CSSPENGENALAN CSS
PENGENALAN CSS
 
Rian saputa 1211510639 tugas2
Rian saputa 1211510639 tugas2Rian saputa 1211510639 tugas2
Rian saputa 1211510639 tugas2
 

Similar to This Cascading Style Sheets

Praktikum pemrograman berbasis web
Praktikum pemrograman berbasis webPraktikum pemrograman berbasis web
Praktikum pemrograman berbasis web
andika_navian
 
Praktikum pemrograman berbasis web
Praktikum pemrograman berbasis webPraktikum pemrograman berbasis web
Praktikum pemrograman berbasis web
andika_navian
 
Laporan pemrograman berbasis web
Laporan pemrograman berbasis webLaporan pemrograman berbasis web
Laporan pemrograman berbasis web
Ilham Yahya
 
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
Shofura Kamal
 
Ihdam fikri 1210651236 css
Ihdam fikri 1210651236 cssIhdam fikri 1210651236 css
Ihdam fikri 1210651236 css
Ihdam Fikri
 

Similar to This Cascading Style Sheets (20)

Laporan css
Laporan cssLaporan css
Laporan css
 
Laporan Pemrograman Berbasis Web
Laporan Pemrograman Berbasis WebLaporan Pemrograman Berbasis Web
Laporan Pemrograman Berbasis Web
 
Laporan css
Laporan cssLaporan css
Laporan css
 
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
 
Web
WebWeb
Web
 
Rifkillah s
Rifkillah sRifkillah s
Rifkillah s
 
Laporan pbw CSS ferischa
Laporan pbw  CSS ferischaLaporan pbw  CSS ferischa
Laporan pbw CSS ferischa
 
Laporan pbw css
Laporan pbw cssLaporan pbw css
Laporan pbw css
 
BOOK-web-programming.pdf
BOOK-web-programming.pdfBOOK-web-programming.pdf
BOOK-web-programming.pdf
 
Laporan css 1210651099
Laporan css 1210651099Laporan css 1210651099
Laporan css 1210651099
 
Laporan pemrograman berbasis web
Laporan pemrograman berbasis webLaporan pemrograman berbasis web
Laporan pemrograman berbasis web
 
1210651097 css
1210651097 css1210651097 css
1210651097 css
 
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
 
Tugas 4 CSS
Tugas 4 CSSTugas 4 CSS
Tugas 4 CSS
 
Ihdam fikri 1210651236 css
Ihdam fikri 1210651236 cssIhdam fikri 1210651236 css
Ihdam fikri 1210651236 css
 
Modul 2 - CSS
Modul 2 - CSSModul 2 - CSS
Modul 2 - CSS
 
PBW Tugas
PBW TugasPBW Tugas
PBW Tugas
 
Chapter 1 introduction html (shared)
Chapter 1   introduction html (shared)Chapter 1   introduction html (shared)
Chapter 1 introduction html (shared)
 
pemrograman internet
pemrograman internetpemrograman internet
pemrograman internet
 

Recently uploaded

ATP MM FASE E MATEMATIKA KELAS X KURIKULUM MERDEKA
ATP MM FASE E MATEMATIKA KELAS X KURIKULUM MERDEKAATP MM FASE E MATEMATIKA KELAS X KURIKULUM MERDEKA
ATP MM FASE E MATEMATIKA KELAS X KURIKULUM MERDEKA
VeonaHartanti
 
perwalian IKLIM SEKOLAH AMAN Mencegah Intoleransi.pptx
perwalian IKLIM SEKOLAH AMAN Mencegah Intoleransi.pptxperwalian IKLIM SEKOLAH AMAN Mencegah Intoleransi.pptx
perwalian IKLIM SEKOLAH AMAN Mencegah Intoleransi.pptx
Mas PauLs
 
443016507-Sediaan-obat-PHYCOPHYTA-MYOPHYTA-dan-MYCOPHYTA-pptx.pptx
443016507-Sediaan-obat-PHYCOPHYTA-MYOPHYTA-dan-MYCOPHYTA-pptx.pptx443016507-Sediaan-obat-PHYCOPHYTA-MYOPHYTA-dan-MYCOPHYTA-pptx.pptx
443016507-Sediaan-obat-PHYCOPHYTA-MYOPHYTA-dan-MYCOPHYTA-pptx.pptx
ErikaPutriJayantini
 

Recently uploaded (20)

Materi Pertemuan 4 Materi Pertemuan 4.pptx
Materi Pertemuan 4 Materi Pertemuan 4.pptxMateri Pertemuan 4 Materi Pertemuan 4.pptx
Materi Pertemuan 4 Materi Pertemuan 4.pptx
 
Pembahasan Soal Ujian Komprehensif Farmasi Perapotekan
Pembahasan Soal Ujian Komprehensif Farmasi PerapotekanPembahasan Soal Ujian Komprehensif Farmasi Perapotekan
Pembahasan Soal Ujian Komprehensif Farmasi Perapotekan
 
UAS Matematika kelas IX 2024 HK_2024.pdf
UAS Matematika kelas IX 2024 HK_2024.pdfUAS Matematika kelas IX 2024 HK_2024.pdf
UAS Matematika kelas IX 2024 HK_2024.pdf
 
ATP MM FASE E MATEMATIKA KELAS X KURIKULUM MERDEKA
ATP MM FASE E MATEMATIKA KELAS X KURIKULUM MERDEKAATP MM FASE E MATEMATIKA KELAS X KURIKULUM MERDEKA
ATP MM FASE E MATEMATIKA KELAS X KURIKULUM MERDEKA
 
MODUL AJAR MATEMATIKA KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR MATEMATIKA KELAS 5 KURIKULUM MERDEKA.pdfMODUL AJAR MATEMATIKA KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR MATEMATIKA KELAS 5 KURIKULUM MERDEKA.pdf
 
Materi Pertemuan 3 Bagian 1 Materi Pertemuan 3 Bagian 1.pptx
Materi Pertemuan 3 Bagian 1 Materi Pertemuan 3 Bagian 1.pptxMateri Pertemuan 3 Bagian 1 Materi Pertemuan 3 Bagian 1.pptx
Materi Pertemuan 3 Bagian 1 Materi Pertemuan 3 Bagian 1.pptx
 
MODUL AJAR IPAS KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 5 KURIKULUM MERDEKA.pdfMODUL AJAR IPAS KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 5 KURIKULUM MERDEKA.pdf
 
MODUL AJAR SENI TARI KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI TARI KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR SENI TARI KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI TARI KELAS 6 KURIKULUM MERDEKA.pdf
 
PPT PENDIDIKAN KELAS RANGKAP MODUL 3 KELOMPOK 3.pptx
PPT PENDIDIKAN KELAS RANGKAP MODUL 3 KELOMPOK 3.pptxPPT PENDIDIKAN KELAS RANGKAP MODUL 3 KELOMPOK 3.pptx
PPT PENDIDIKAN KELAS RANGKAP MODUL 3 KELOMPOK 3.pptx
 
Materi Pertemuan 3 Bagian 2Materi Pertemuan 3 Bagian 2.pptx
Materi Pertemuan 3 Bagian 2Materi Pertemuan 3 Bagian 2.pptxMateri Pertemuan 3 Bagian 2Materi Pertemuan 3 Bagian 2.pptx
Materi Pertemuan 3 Bagian 2Materi Pertemuan 3 Bagian 2.pptx
 
perwalian IKLIM SEKOLAH AMAN Mencegah Intoleransi.pptx
perwalian IKLIM SEKOLAH AMAN Mencegah Intoleransi.pptxperwalian IKLIM SEKOLAH AMAN Mencegah Intoleransi.pptx
perwalian IKLIM SEKOLAH AMAN Mencegah Intoleransi.pptx
 
443016507-Sediaan-obat-PHYCOPHYTA-MYOPHYTA-dan-MYCOPHYTA-pptx.pptx
443016507-Sediaan-obat-PHYCOPHYTA-MYOPHYTA-dan-MYCOPHYTA-pptx.pptx443016507-Sediaan-obat-PHYCOPHYTA-MYOPHYTA-dan-MYCOPHYTA-pptx.pptx
443016507-Sediaan-obat-PHYCOPHYTA-MYOPHYTA-dan-MYCOPHYTA-pptx.pptx
 
Materi Pertemuan 2.pptxMateri Pertemuan 2
Materi Pertemuan 2.pptxMateri Pertemuan 2Materi Pertemuan 2.pptxMateri Pertemuan 2
Materi Pertemuan 2.pptxMateri Pertemuan 2
 
Materi Asuransi Kesehatan di Indonesia ppt
Materi Asuransi Kesehatan di Indonesia pptMateri Asuransi Kesehatan di Indonesia ppt
Materi Asuransi Kesehatan di Indonesia ppt
 
SISTEM SARAF OTONOM_.SISTEM SARAF OTONOM
SISTEM SARAF OTONOM_.SISTEM SARAF OTONOMSISTEM SARAF OTONOM_.SISTEM SARAF OTONOM
SISTEM SARAF OTONOM_.SISTEM SARAF OTONOM
 
PELAKSANAAN + Link2 MATERI Training_ "AUDIT INTERNAL + SISTEM MANAJEMEN MUTU ...
PELAKSANAAN + Link2 MATERI Training_ "AUDIT INTERNAL + SISTEM MANAJEMEN MUTU ...PELAKSANAAN + Link2 MATERI Training_ "AUDIT INTERNAL + SISTEM MANAJEMEN MUTU ...
PELAKSANAAN + Link2 MATERI Training_ "AUDIT INTERNAL + SISTEM MANAJEMEN MUTU ...
 
Webinar 1_Pendidikan Berjenjang Pendidikan Inklusif.pdf
Webinar 1_Pendidikan Berjenjang Pendidikan Inklusif.pdfWebinar 1_Pendidikan Berjenjang Pendidikan Inklusif.pdf
Webinar 1_Pendidikan Berjenjang Pendidikan Inklusif.pdf
 
Materi Pertemuan 1Materi Pertemuan 1.pptx
Materi Pertemuan 1Materi Pertemuan 1.pptxMateri Pertemuan 1Materi Pertemuan 1.pptx
Materi Pertemuan 1Materi Pertemuan 1.pptx
 
Lokakarya tentang Kepemimpinan Sekolah 1.pptx
Lokakarya tentang Kepemimpinan Sekolah 1.pptxLokakarya tentang Kepemimpinan Sekolah 1.pptx
Lokakarya tentang Kepemimpinan Sekolah 1.pptx
 
MODUL AJAR SENI MUSIK KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI MUSIK KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR SENI MUSIK KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI MUSIK KELAS 6 KURIKULUM MERDEKA.pdf
 

This Cascading Style Sheets

  • 1. Laporan Pemograman Berbasis Web Page 1 of 7 Tugas CSS Disusun Oleh : Eriko Januar Akbar 1210651284 JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH JEMBER 2014
  • 2. Laporan Pemograman Berbasis Web Page 2 of 7 Apa Itu CSS? 1. CSS adalah singkatan dari Cascading Style Sheets 2. CSS adalah aliran dari suatu kode ke kode lain yang saling berhubungan 3. CSS merupkan kumpulan kode-kode berurutan dan saling berhubungan untuk mengatur format/tampilan suatu halaman HTML Keuntungan CSS 1. Memudahkan dalam penggantian format secara keseluruhan 2. Lebih praktis 3. Untuk mengubah tampilan web, tanpa mengubah layout utamanya. Saya mendapatkan tugas dari pak mudafiq yang pertama tampilan seperti berikut : Dengan script sebagai berikut :
  • 3. Laporan Pemograman Berbasis Web Page 3 of 7
  • 4. Laporan Pemograman Berbasis Web Page 4 of 7 Ini tugas yang saya kerjakan dari Pak Mudafiq Ryan Pratama  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 5. Dibuat laporan ya, upload di slideshare.net dan URLnya disubmit di elearning.
  • 5. Laporan Pemograman Berbasis Web Page 5 of 7 Beginilah Hasilnya :
  • 6. Laporan Pemograman Berbasis Web Page 6 of 7
  • 7. Laporan Pemograman Berbasis Web Page 7 of 7 Itulah hasil kerja saya semoga kekurangan saya dapat bisa hilang karna ada kritikan dan masukan dari dosen Pak Mudafiq Ryan Pratama