際際滷

際際滷Share 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

What's hot (10)

Mid tik
Mid tikMid tik
Mid tik
yasin yusuf
Tugas 2 - Rekayasa Web
Tugas 2 - Rekayasa WebTugas 2 - Rekayasa Web
Tugas 2 - Rekayasa Web
arisjunedi
Mengenal tampilan ms office word 2013
Mengenal tampilan ms office word 2013Mengenal tampilan ms office word 2013
Mengenal tampilan ms office word 2013
Ygrex Thebygdanns
modul CSS tugas Pemrograman Berbasis Web
modul CSS tugas Pemrograman Berbasis Webmodul CSS tugas Pemrograman Berbasis Web
modul CSS tugas Pemrograman Berbasis Web
Sayoer Tetep Slankers
Pemrograman Berbasis Web - CSS
Pemrograman Berbasis Web - CSSPemrograman Berbasis Web - CSS
Pemrograman Berbasis Web - CSS
Ahmad Afandi
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
wahyuphsb
Perbedaan word 2007 2010 2013
Perbedaan word 2007 2010 2013Perbedaan word 2007 2010 2013
Perbedaan word 2007 2010 2013
Mbak Erik Madiun
materi webdesign - CSS
materi webdesign - CSSmateri webdesign - CSS
materi webdesign - CSS
SMK Negeri 6 Malang
Rian saputa 1211510639 tugas2
Rian saputa 1211510639 tugas2Rian saputa 1211510639 tugas2
Rian saputa 1211510639 tugas2
lagilagiryan
Tugas 2 - Rekayasa Web
Tugas 2 - Rekayasa WebTugas 2 - Rekayasa Web
Tugas 2 - Rekayasa Web
arisjunedi
Mengenal tampilan ms office word 2013
Mengenal tampilan ms office word 2013Mengenal tampilan ms office word 2013
Mengenal tampilan ms office word 2013
Ygrex Thebygdanns
modul CSS tugas Pemrograman Berbasis Web
modul CSS tugas Pemrograman Berbasis Webmodul CSS tugas Pemrograman Berbasis Web
modul CSS tugas Pemrograman Berbasis Web
Sayoer Tetep Slankers
Pemrograman Berbasis Web - CSS
Pemrograman Berbasis Web - CSSPemrograman Berbasis Web - CSS
Pemrograman Berbasis Web - CSS
Ahmad Afandi
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
wahyuphsb
Perbedaan word 2007 2010 2013
Perbedaan word 2007 2010 2013Perbedaan word 2007 2010 2013
Perbedaan word 2007 2010 2013
Mbak Erik Madiun
Rian saputa 1211510639 tugas2
Rian saputa 1211510639 tugas2Rian saputa 1211510639 tugas2
Rian saputa 1211510639 tugas2
lagilagiryan

Similar to This Cascading Style Sheets (20)

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
Rifkillah s
Rifkillah sRifkillah s
Rifkillah s
aibi_caem
Laporan pbw CSS ferischa
Laporan pbw  CSS ferischaLaporan pbw  CSS ferischa
Laporan pbw CSS ferischa
ferischaputri
Laporan pbw css
Laporan pbw cssLaporan pbw css
Laporan pbw css
Oppie Rezalina
BOOK-web-programming.pdf
BOOK-web-programming.pdfBOOK-web-programming.pdf
BOOK-web-programming.pdf
Anandaindrasetiawan1
Laporan css 1210651099
Laporan css 1210651099Laporan css 1210651099
Laporan css 1210651099
M Zaenol Arifin S.Kom
Laporan pemrograman berbasis web
Laporan pemrograman berbasis webLaporan pemrograman berbasis web
Laporan pemrograman berbasis web
Ilham Yahya
1210651097 css
1210651097 css1210651097 css
1210651097 css
ardyansyahAhmad
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
materi css dasar dan konektivitas database.pptx
materi css dasar dan konektivitas database.pptxmateri css dasar dan konektivitas database.pptx
materi css dasar dan konektivitas database.pptx
toniwibowo619
Tugas 4 CSS
Tugas 4 CSSTugas 4 CSS
Tugas 4 CSS
Alfian_Bayu
Ihdam fikri 1210651236 css
Ihdam fikri 1210651236 cssIhdam fikri 1210651236 css
Ihdam fikri 1210651236 css
Ihdam Fikri
Modul 2 - CSS
Modul 2 - CSSModul 2 - CSS
Modul 2 - CSS
AchmadHamdan
Chapter 1 introduction html (shared)
Chapter 1   introduction html (shared)Chapter 1   introduction html (shared)
Chapter 1 introduction html (shared)
YUSRA FERNANDO
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
Rifkillah s
Rifkillah sRifkillah s
Rifkillah s
aibi_caem
Laporan pbw CSS ferischa
Laporan pbw  CSS ferischaLaporan pbw  CSS ferischa
Laporan pbw CSS ferischa
ferischaputri
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
materi css dasar dan konektivitas database.pptx
materi css dasar dan konektivitas database.pptxmateri css dasar dan konektivitas database.pptx
materi css dasar dan konektivitas database.pptx
toniwibowo619
Ihdam fikri 1210651236 css
Ihdam fikri 1210651236 cssIhdam fikri 1210651236 css
Ihdam fikri 1210651236 css
Ihdam Fikri
Chapter 1 introduction html (shared)
Chapter 1   introduction html (shared)Chapter 1   introduction html (shared)
Chapter 1 introduction html (shared)
YUSRA FERNANDO

Recently uploaded (20)

BRIEF SAPA RAMADHAN Universitas Al-Falah As-Sunniyah Kencong Jember 2025.pdf
BRIEF SAPA RAMADHAN Universitas Al-Falah As-Sunniyah Kencong Jember 2025.pdfBRIEF SAPA RAMADHAN Universitas Al-Falah As-Sunniyah Kencong Jember 2025.pdf
BRIEF SAPA RAMADHAN Universitas Al-Falah As-Sunniyah Kencong Jember 2025.pdf
Syarifatul Marwiyah
BAHAN UNTUK PELATIHAN PS, DRIGEN, MAZMUR.pptx
BAHAN UNTUK PELATIHAN PS, DRIGEN, MAZMUR.pptxBAHAN UNTUK PELATIHAN PS, DRIGEN, MAZMUR.pptx
BAHAN UNTUK PELATIHAN PS, DRIGEN, MAZMUR.pptx
LunduSitohang
Langkah-langkah Pembuatan Microsite.pptx
Langkah-langkah Pembuatan Microsite.pptxLangkah-langkah Pembuatan Microsite.pptx
Langkah-langkah Pembuatan Microsite.pptx
NurulIlyas3
Manajemen Perpustakaan BAPETEN Berdasarkan油SNI 7496:2009
Manajemen Perpustakaan BAPETEN Berdasarkan油SNI 7496:2009Manajemen Perpustakaan BAPETEN Berdasarkan油SNI 7496:2009
Manajemen Perpustakaan BAPETEN Berdasarkan油SNI 7496:2009
Murad Maulana
Danantara: Pesimis atau Optimis? Podcast Ikatan Alumni Lemhannas RI IKAL Lem...
Danantara:  Pesimis atau Optimis? Podcast Ikatan Alumni Lemhannas RI IKAL Lem...Danantara:  Pesimis atau Optimis? Podcast Ikatan Alumni Lemhannas RI IKAL Lem...
Danantara: Pesimis atau Optimis? Podcast Ikatan Alumni Lemhannas RI IKAL Lem...
Dadang Solihin
Proposal Kegiatan Santunan Anak Yatim.docx
Proposal Kegiatan Santunan Anak Yatim.docxProposal Kegiatan Santunan Anak Yatim.docx
Proposal Kegiatan Santunan Anak Yatim.docx
tuminsa934
Repositori Elib Perpustakaan Badan Pengawas Tenaga Nuklir (BAPETEN)
Repositori Elib Perpustakaan Badan Pengawas Tenaga Nuklir (BAPETEN)Repositori Elib Perpustakaan Badan Pengawas Tenaga Nuklir (BAPETEN)
Repositori Elib Perpustakaan Badan Pengawas Tenaga Nuklir (BAPETEN)
Murad Maulana
Manajemen Risiko Proyek_Training "RISK MANAGEMENT".pptx
Manajemen Risiko Proyek_Training "RISK MANAGEMENT".pptxManajemen Risiko Proyek_Training "RISK MANAGEMENT".pptx
Manajemen Risiko Proyek_Training "RISK MANAGEMENT".pptx
Kanaidi ken
Apakah daging tanpa tulang dan tanpa limfoglandula aman diperdagangkan? Ditje...
Apakah daging tanpa tulang dan tanpa limfoglandula aman diperdagangkan? Ditje...Apakah daging tanpa tulang dan tanpa limfoglandula aman diperdagangkan? Ditje...
Apakah daging tanpa tulang dan tanpa limfoglandula aman diperdagangkan? Ditje...
Tata Naipospos
Muqaddimah ANGGARAN DASAR Muhammadiyah .pptx
Muqaddimah ANGGARAN DASAR  Muhammadiyah .pptxMuqaddimah ANGGARAN DASAR  Muhammadiyah .pptx
Muqaddimah ANGGARAN DASAR Muhammadiyah .pptx
suwaibahkapa2
MODUL AJAR SENI MUSIK KELAS VIII " ALAT MUSIK TRADISIONAL"
MODUL AJAR SENI MUSIK KELAS VIII " ALAT MUSIK TRADISIONAL"MODUL AJAR SENI MUSIK KELAS VIII " ALAT MUSIK TRADISIONAL"
MODUL AJAR SENI MUSIK KELAS VIII " ALAT MUSIK TRADISIONAL"
MUMUL CHAN
PPT PAI-Kelompok 3-X MIPA 1-Sumber-sumber Hukum Islam (Ijtihad).pptx
PPT PAI-Kelompok 3-X MIPA 1-Sumber-sumber Hukum Islam (Ijtihad).pptxPPT PAI-Kelompok 3-X MIPA 1-Sumber-sumber Hukum Islam (Ijtihad).pptx
PPT PAI-Kelompok 3-X MIPA 1-Sumber-sumber Hukum Islam (Ijtihad).pptx
SausanHidayahNova
Farmakologi (antibiotik, antivirus, antijamur).pptx
Farmakologi (antibiotik, antivirus, antijamur).pptxFarmakologi (antibiotik, antivirus, antijamur).pptx
Farmakologi (antibiotik, antivirus, antijamur).pptx
michellepikachuuu
Kelas 5 Mapel P.Pancasila Bab 2 Norma Dalam Kehidupanku
Kelas 5 Mapel P.Pancasila Bab 2 Norma Dalam KehidupankuKelas 5 Mapel P.Pancasila Bab 2 Norma Dalam Kehidupanku
Kelas 5 Mapel P.Pancasila Bab 2 Norma Dalam Kehidupanku
suandi01
1 PPT PENERAPAN PUNGSI DANTUGAS 2 P3K OK.pdf
1 PPT PENERAPAN PUNGSI DANTUGAS 2 P3K OK.pdf1 PPT PENERAPAN PUNGSI DANTUGAS 2 P3K OK.pdf
1 PPT PENERAPAN PUNGSI DANTUGAS 2 P3K OK.pdf
SofyanSkmspd
Analisis Subjek Literatur Pada Disertasi Kajian Budaya dan Media (KBM) Sekola...
Analisis Subjek Literatur Pada Disertasi Kajian Budaya dan Media (KBM) Sekola...Analisis Subjek Literatur Pada Disertasi Kajian Budaya dan Media (KBM) Sekola...
Analisis Subjek Literatur Pada Disertasi Kajian Budaya dan Media (KBM) Sekola...
Murad Maulana
Dari pesantren ke dunia maya (diskusi berkala UAS Kencong Jember0.pptx
Dari pesantren ke dunia maya (diskusi berkala UAS Kencong Jember0.pptxDari pesantren ke dunia maya (diskusi berkala UAS Kencong Jember0.pptx
Dari pesantren ke dunia maya (diskusi berkala UAS Kencong Jember0.pptx
Syarifatul Marwiyah
BHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptx
BHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptxBHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptx
BHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptx
AyeniahVivi
Lembar Kerja Mahasiswa Applied Artificial Intelligence in Information Systems
Lembar Kerja Mahasiswa Applied Artificial Intelligence in Information SystemsLembar Kerja Mahasiswa Applied Artificial Intelligence in Information Systems
Lembar Kerja Mahasiswa Applied Artificial Intelligence in Information Systems
Ainul Yaqin
1. -MICROTEACHING- Modul Penanganan Kekerasan.pptx
1. -MICROTEACHING- Modul Penanganan Kekerasan.pptx1. -MICROTEACHING- Modul Penanganan Kekerasan.pptx
1. -MICROTEACHING- Modul Penanganan Kekerasan.pptx
SofyanSkmspd
BRIEF SAPA RAMADHAN Universitas Al-Falah As-Sunniyah Kencong Jember 2025.pdf
BRIEF SAPA RAMADHAN Universitas Al-Falah As-Sunniyah Kencong Jember 2025.pdfBRIEF SAPA RAMADHAN Universitas Al-Falah As-Sunniyah Kencong Jember 2025.pdf
BRIEF SAPA RAMADHAN Universitas Al-Falah As-Sunniyah Kencong Jember 2025.pdf
Syarifatul Marwiyah
BAHAN UNTUK PELATIHAN PS, DRIGEN, MAZMUR.pptx
BAHAN UNTUK PELATIHAN PS, DRIGEN, MAZMUR.pptxBAHAN UNTUK PELATIHAN PS, DRIGEN, MAZMUR.pptx
BAHAN UNTUK PELATIHAN PS, DRIGEN, MAZMUR.pptx
LunduSitohang
Langkah-langkah Pembuatan Microsite.pptx
Langkah-langkah Pembuatan Microsite.pptxLangkah-langkah Pembuatan Microsite.pptx
Langkah-langkah Pembuatan Microsite.pptx
NurulIlyas3
Manajemen Perpustakaan BAPETEN Berdasarkan油SNI 7496:2009
Manajemen Perpustakaan BAPETEN Berdasarkan油SNI 7496:2009Manajemen Perpustakaan BAPETEN Berdasarkan油SNI 7496:2009
Manajemen Perpustakaan BAPETEN Berdasarkan油SNI 7496:2009
Murad Maulana
Danantara: Pesimis atau Optimis? Podcast Ikatan Alumni Lemhannas RI IKAL Lem...
Danantara:  Pesimis atau Optimis? Podcast Ikatan Alumni Lemhannas RI IKAL Lem...Danantara:  Pesimis atau Optimis? Podcast Ikatan Alumni Lemhannas RI IKAL Lem...
Danantara: Pesimis atau Optimis? Podcast Ikatan Alumni Lemhannas RI IKAL Lem...
Dadang Solihin
Proposal Kegiatan Santunan Anak Yatim.docx
Proposal Kegiatan Santunan Anak Yatim.docxProposal Kegiatan Santunan Anak Yatim.docx
Proposal Kegiatan Santunan Anak Yatim.docx
tuminsa934
Repositori Elib Perpustakaan Badan Pengawas Tenaga Nuklir (BAPETEN)
Repositori Elib Perpustakaan Badan Pengawas Tenaga Nuklir (BAPETEN)Repositori Elib Perpustakaan Badan Pengawas Tenaga Nuklir (BAPETEN)
Repositori Elib Perpustakaan Badan Pengawas Tenaga Nuklir (BAPETEN)
Murad Maulana
Manajemen Risiko Proyek_Training "RISK MANAGEMENT".pptx
Manajemen Risiko Proyek_Training "RISK MANAGEMENT".pptxManajemen Risiko Proyek_Training "RISK MANAGEMENT".pptx
Manajemen Risiko Proyek_Training "RISK MANAGEMENT".pptx
Kanaidi ken
Apakah daging tanpa tulang dan tanpa limfoglandula aman diperdagangkan? Ditje...
Apakah daging tanpa tulang dan tanpa limfoglandula aman diperdagangkan? Ditje...Apakah daging tanpa tulang dan tanpa limfoglandula aman diperdagangkan? Ditje...
Apakah daging tanpa tulang dan tanpa limfoglandula aman diperdagangkan? Ditje...
Tata Naipospos
Muqaddimah ANGGARAN DASAR Muhammadiyah .pptx
Muqaddimah ANGGARAN DASAR  Muhammadiyah .pptxMuqaddimah ANGGARAN DASAR  Muhammadiyah .pptx
Muqaddimah ANGGARAN DASAR Muhammadiyah .pptx
suwaibahkapa2
MODUL AJAR SENI MUSIK KELAS VIII " ALAT MUSIK TRADISIONAL"
MODUL AJAR SENI MUSIK KELAS VIII " ALAT MUSIK TRADISIONAL"MODUL AJAR SENI MUSIK KELAS VIII " ALAT MUSIK TRADISIONAL"
MODUL AJAR SENI MUSIK KELAS VIII " ALAT MUSIK TRADISIONAL"
MUMUL CHAN
PPT PAI-Kelompok 3-X MIPA 1-Sumber-sumber Hukum Islam (Ijtihad).pptx
PPT PAI-Kelompok 3-X MIPA 1-Sumber-sumber Hukum Islam (Ijtihad).pptxPPT PAI-Kelompok 3-X MIPA 1-Sumber-sumber Hukum Islam (Ijtihad).pptx
PPT PAI-Kelompok 3-X MIPA 1-Sumber-sumber Hukum Islam (Ijtihad).pptx
SausanHidayahNova
Farmakologi (antibiotik, antivirus, antijamur).pptx
Farmakologi (antibiotik, antivirus, antijamur).pptxFarmakologi (antibiotik, antivirus, antijamur).pptx
Farmakologi (antibiotik, antivirus, antijamur).pptx
michellepikachuuu
Kelas 5 Mapel P.Pancasila Bab 2 Norma Dalam Kehidupanku
Kelas 5 Mapel P.Pancasila Bab 2 Norma Dalam KehidupankuKelas 5 Mapel P.Pancasila Bab 2 Norma Dalam Kehidupanku
Kelas 5 Mapel P.Pancasila Bab 2 Norma Dalam Kehidupanku
suandi01
1 PPT PENERAPAN PUNGSI DANTUGAS 2 P3K OK.pdf
1 PPT PENERAPAN PUNGSI DANTUGAS 2 P3K OK.pdf1 PPT PENERAPAN PUNGSI DANTUGAS 2 P3K OK.pdf
1 PPT PENERAPAN PUNGSI DANTUGAS 2 P3K OK.pdf
SofyanSkmspd
Analisis Subjek Literatur Pada Disertasi Kajian Budaya dan Media (KBM) Sekola...
Analisis Subjek Literatur Pada Disertasi Kajian Budaya dan Media (KBM) Sekola...Analisis Subjek Literatur Pada Disertasi Kajian Budaya dan Media (KBM) Sekola...
Analisis Subjek Literatur Pada Disertasi Kajian Budaya dan Media (KBM) Sekola...
Murad Maulana
Dari pesantren ke dunia maya (diskusi berkala UAS Kencong Jember0.pptx
Dari pesantren ke dunia maya (diskusi berkala UAS Kencong Jember0.pptxDari pesantren ke dunia maya (diskusi berkala UAS Kencong Jember0.pptx
Dari pesantren ke dunia maya (diskusi berkala UAS Kencong Jember0.pptx
Syarifatul Marwiyah
BHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptx
BHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptxBHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptx
BHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptx
AyeniahVivi
Lembar Kerja Mahasiswa Applied Artificial Intelligence in Information Systems
Lembar Kerja Mahasiswa Applied Artificial Intelligence in Information SystemsLembar Kerja Mahasiswa Applied Artificial Intelligence in Information Systems
Lembar Kerja Mahasiswa Applied Artificial Intelligence in Information Systems
Ainul Yaqin
1. -MICROTEACHING- Modul Penanganan Kekerasan.pptx
1. -MICROTEACHING- Modul Penanganan Kekerasan.pptx1. -MICROTEACHING- Modul Penanganan Kekerasan.pptx
1. -MICROTEACHING- Modul Penanganan Kekerasan.pptx
SofyanSkmspd

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