SlideShare a Scribd company logo
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

DOCX
Tugaspbw
PDF
Tugas4
DOCX
Membuat Web Sederhana Dengan CSS (Cascading Style Sheets)
PDF
Tugas_pbw_css-1210651163-abdul wafi
DOCX
Pemerograman berbasisi web
DOC
Laporan css (1152)
PDF
Pemrograman berbasis web (Luszara Lucky Viona)
PPTX
Panduan microsoft outlook pemula
Tugaspbw
Tugas4
Membuat Web Sederhana Dengan CSS (Cascading Style Sheets)
Tugas_pbw_css-1210651163-abdul wafi
Pemerograman berbasisi web
Laporan css (1152)
Pemrograman berbasis web (Luszara Lucky Viona)
Panduan microsoft outlook pemula

What's hot (10)

DOCX
Mid tik
PPTX
Tugas 2 - Rekayasa Web
DOCX
Mengenal tampilan ms office word 2013
DOCX
modul CSS tugas Pemrograman Berbasis Web
DOCX
Pemrograman Berbasis Web - CSS
PPTX
Perbedaan Tampilan Microsoft Word 2007 dan Microsoft Word 2010
DOCX
Perbedaan word 2007 2010 2013
PPTX
materi webdesign - CSS
DOCX
PENGENALAN CSS
DOCX
Rian saputa 1211510639 tugas2
Mid tik
Tugas 2 - Rekayasa Web
Mengenal tampilan ms office word 2013
modul CSS tugas Pemrograman Berbasis Web
Pemrograman Berbasis Web - CSS
Perbedaan Tampilan Microsoft Word 2007 dan Microsoft Word 2010
Perbedaan word 2007 2010 2013
materi webdesign - CSS
PENGENALAN CSS
Rian saputa 1211510639 tugas2
Ad

Similar to This Cascading Style Sheets (20)

DOCX
Praktikum pemrograman berbasis web
DOCX
Praktikum pemrograman berbasis web
PDF
Laporan Pemrograman Berbasis Web
DOC
Laporan css 1210651099
PDF
Laporan Pemrograman Berbasis Web Tugas 4 Cascading Style Sheets
DOC
Laporan pbw CSS ferischa
DOCX
Rifkillah s
DOCX
tugas4.PBW_CSS
DOC
Laporan css
DOC
Laporan pbw css
DOCX
Pemerograman berbasisi web
DOC
1210651097 css
DOC
Ihdam fikri 1210651236 css
DOC
Tugas 4 CSS
DOCX
Tugas CSS
DOC
PDF
Menggedit CSS
DOCX
Laporan pbw
PPTX
Praktikum pemrograman berbasis web
Praktikum pemrograman berbasis web
Laporan Pemrograman Berbasis Web
Laporan css 1210651099
Laporan Pemrograman Berbasis Web Tugas 4 Cascading Style Sheets
Laporan pbw CSS ferischa
Rifkillah s
tugas4.PBW_CSS
Laporan css
Laporan pbw css
Pemerograman berbasisi web
1210651097 css
Ihdam fikri 1210651236 css
Tugas 4 CSS
Tugas CSS
Menggedit CSS
Laporan pbw
Ad

Recently uploaded (20)

PPTX
Modul 3 Prinsip-Pembelajaran-Mendalam.pptx
PPTX
SISTEM POLITIK DAN PEMERINTAHAN INDONESIA.pptx
PPTX
1. Bhn Tayang,Kebijaka,Deep Learning,AI & Koding.pptx
PPTX
Pembelajaran-Mendalam-RTL-dan-Umpan-Baliknya.pptx
PDF
Digital Statecraft Menuju Indonesia Emas 2045: Diplomasi Digital, Ketahanan N...
PDF
GUIDE BOOK DMH SCHOLARSHIP...............................
PPTX
Patuh_Terhadap_Norma_PPKn_Kelas_7 oke.pptx
PDF
PPT Yudisium Ceremony Agusus 2025 - new. pdf
PPTX
Sejarah-Kelahiran-Pancasila kelas 8.pptx
PDF
LK Modul 3 - Menentukan Pengalaman Belajar Herpina Indah Permata Sari (2).pdf
PPTX
PPT REVISED - SEMINAR PEMBELAJARAN MENDALAM .pptx
PDF
System Requirement Enterprise Resource Planning Peternakan Ayam dan Daftar Ju...
DOC
RPP Deep Learning _ MGMP Wilayah 1 (1).doc
DOCX
Modul Ajar Deep Learning Prakarya Budidaya Kelas 12 SMA Terbaru 2025
PPTX
! Keterampilan Digital dalam orgnasisasi.pptx
PDF
RPP PEMBELAJARAN MENDALAM BAHASA INDONESIA _SariIndah_DEWI SINTA (1).pdf
DOCX
Modul Ajar Deep Learning PKWU Rekayasa Kelas 12 SMA Terbaru 2025
PDF
System Requirement Enterprise Resource Planning Jasa Penulisan dan Pembuatan ...
PPTX
Modul 4 Asesmen-dalam-Pembelajaran-Mendalam.pptx
PPSX
Teknik Trading Selang Seling Yang Dapat Digunakan Untuk Trading Manual Maupun...
Modul 3 Prinsip-Pembelajaran-Mendalam.pptx
SISTEM POLITIK DAN PEMERINTAHAN INDONESIA.pptx
1. Bhn Tayang,Kebijaka,Deep Learning,AI & Koding.pptx
Pembelajaran-Mendalam-RTL-dan-Umpan-Baliknya.pptx
Digital Statecraft Menuju Indonesia Emas 2045: Diplomasi Digital, Ketahanan N...
GUIDE BOOK DMH SCHOLARSHIP...............................
Patuh_Terhadap_Norma_PPKn_Kelas_7 oke.pptx
PPT Yudisium Ceremony Agusus 2025 - new. pdf
Sejarah-Kelahiran-Pancasila kelas 8.pptx
LK Modul 3 - Menentukan Pengalaman Belajar Herpina Indah Permata Sari (2).pdf
PPT REVISED - SEMINAR PEMBELAJARAN MENDALAM .pptx
System Requirement Enterprise Resource Planning Peternakan Ayam dan Daftar Ju...
RPP Deep Learning _ MGMP Wilayah 1 (1).doc
Modul Ajar Deep Learning Prakarya Budidaya Kelas 12 SMA Terbaru 2025
! Keterampilan Digital dalam orgnasisasi.pptx
RPP PEMBELAJARAN MENDALAM BAHASA INDONESIA _SariIndah_DEWI SINTA (1).pdf
Modul Ajar Deep Learning PKWU Rekayasa Kelas 12 SMA Terbaru 2025
System Requirement Enterprise Resource Planning Jasa Penulisan dan Pembuatan ...
Modul 4 Asesmen-dalam-Pembelajaran-Mendalam.pptx
Teknik Trading Selang Seling Yang Dapat Digunakan Untuk Trading Manual Maupun...

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