SlideShare a Scribd company logo
1 of 6
Download to read offline
I’tishom Al Khoiry, M.Kom.
Web Design
#10. CSS Framework
Mahasiswa dapat
mengetahui kontrak
pembelajaran dan
Teknologi Website
Mahasiswa
mengenal Web
Design & Tools
Mahasiswa dapat
membuat
prototype web
dengan Figma
Mahasiswa dapat
memahami Bahasa
pemrograman
markup HTML #1
Mahasiswa dapat
memahami Bahasa
pemrograman
markup HTML #2
Mahasiswa dapat
memahami Bahasa
pemrograman
markup HTML #3
Mahasiswa dapat
memahami Bahasa
pemrograman
markup HTML #4
Mahasiswa dapat
menggunakan
styling HTML
dengan CSS #1
1 2 3 4
5
6
7
8
Mahasiswa dapat
menggunakan styling
HTML dengan CSS #2
Mahasiswa mampu
menggunakan CSS
Framework #1
Mahasiswa dapat
memahami Dasar
Bahasa Pemrograman
JavaScript
Mahasiswa mampu
menggunakan CSS
Framework #2
Mahasiswa dapat convert
prototype menjadi kode
HTML dan CSS dengan
CSS Framework
Mahasiswa dapat
upload Website ke
GitHub Pages dan
Pengenalan CMS
9 10 11
12
13
14
Roadmap Perkuliahan 1 Semester
Topik Pembahasan
Pertemuan 10#
Pengenalan
Bootstrap
01 Praktek
Bootstrap
02
Bootstrap adalah kerangka kerja CSS open source yang
digunakan untuk kebutuhan pembuatan tampilan
desain visual website yang responsive / mobile friendly
Kerangka kerja yang digunakan berbentuk template
desain berbasis HTML dan CSS.
Selain itu, Bootstrap juga memiliki fitur yang mencakup
library dari JavaScript.
Bootstrap
Popular
CSS Framework
Praktek Web
Development
Bootstrap

More Related Content

Similar to #10 CSS Framework.pdf

Tugas 6 ku 0316 1311511529
Tugas 6 ku 0316 1311511529Tugas 6 ku 0316 1311511529
Tugas 6 ku 0316 1311511529Iich-oNe Hidayat
 
Tugas 6 ku 0316 1311511529
Tugas 6 ku 0316 1311511529Tugas 6 ku 0316 1311511529
Tugas 6 ku 0316 1311511529Iich-oNe Hidayat
 
Belajar html dan css tutorial fundamental dalam mempelajari html dan css
Belajar html dan css   tutorial fundamental dalam mempelajari html dan cssBelajar html dan css   tutorial fundamental dalam mempelajari html dan css
Belajar html dan css tutorial fundamental dalam mempelajari html dan cssboim duminggu
 
Modul web programing
Modul web programingModul web programing
Modul web programingFitra Sani
 
Tugas 6 individu rekayasa web 0316
Tugas 6  individu rekayasa web 0316Tugas 6  individu rekayasa web 0316
Tugas 6 individu rekayasa web 0316septianarul
 
1_Pengantar_Web_Desain_aaaaaaaaapptx.pptx
1_Pengantar_Web_Desain_aaaaaaaaapptx.pptx1_Pengantar_Web_Desain_aaaaaaaaapptx.pptx
1_Pengantar_Web_Desain_aaaaaaaaapptx.pptxDeniHidayat46
 
Tugas 3 0317 (individu)
Tugas 3  0317 (individu)Tugas 3  0317 (individu)
Tugas 3 0317 (individu)RiaWahyuni5
 
Modul Pelatihan CodeIgniter Dasar
Modul Pelatihan CodeIgniter DasarModul Pelatihan CodeIgniter Dasar
Modul Pelatihan CodeIgniter DasarRidwan Fadjar
 
Plugin chapter-12-materi-kuliah-web-framework1-pengenalan-web-framework
Plugin chapter-12-materi-kuliah-web-framework1-pengenalan-web-frameworkPlugin chapter-12-materi-kuliah-web-framework1-pengenalan-web-framework
Plugin chapter-12-materi-kuliah-web-framework1-pengenalan-web-frameworkMuhammad Rio
 
RPS - Pemrograman Web Desain - berbasis KKNI OBE Prodi MI.pdf
RPS - Pemrograman Web Desain - berbasis KKNI OBE Prodi MI.pdfRPS - Pemrograman Web Desain - berbasis KKNI OBE Prodi MI.pdf
RPS - Pemrograman Web Desain - berbasis KKNI OBE Prodi MI.pdfSuparno20
 
pemrograman internet
pemrograman internetpemrograman internet
pemrograman internetmafailmi
 

Similar to #10 CSS Framework.pdf (20)

BOOK-web-programming.pdf
BOOK-web-programming.pdfBOOK-web-programming.pdf
BOOK-web-programming.pdf
 
Tugas 6 rekayasa web
Tugas 6 rekayasa webTugas 6 rekayasa web
Tugas 6 rekayasa web
 
Tugas 6 ku 0316 1311511529
Tugas 6 ku 0316 1311511529Tugas 6 ku 0316 1311511529
Tugas 6 ku 0316 1311511529
 
Tugas 6 ku 0316 1311511529
Tugas 6 ku 0316 1311511529Tugas 6 ku 0316 1311511529
Tugas 6 ku 0316 1311511529
 
5 pemrograman internet css
5 pemrograman internet   css5 pemrograman internet   css
5 pemrograman internet css
 
Modul webdesign
Modul webdesignModul webdesign
Modul webdesign
 
Bab 1 Teknologi Web
Bab 1   Teknologi WebBab 1   Teknologi Web
Bab 1 Teknologi Web
 
Belajar html dan css tutorial fundamental dalam mempelajari html dan css
Belajar html dan css   tutorial fundamental dalam mempelajari html dan cssBelajar html dan css   tutorial fundamental dalam mempelajari html dan css
Belajar html dan css tutorial fundamental dalam mempelajari html dan css
 
Modul web programing
Modul web programingModul web programing
Modul web programing
 
Tugas 6 individu rekayasa web 0316
Tugas 6  individu rekayasa web 0316Tugas 6  individu rekayasa web 0316
Tugas 6 individu rekayasa web 0316
 
Silibus web design
Silibus web designSilibus web design
Silibus web design
 
1_Pengantar_Web_Desain_aaaaaaaaapptx.pptx
1_Pengantar_Web_Desain_aaaaaaaaapptx.pptx1_Pengantar_Web_Desain_aaaaaaaaapptx.pptx
1_Pengantar_Web_Desain_aaaaaaaaapptx.pptx
 
Modul web programing
Modul web programingModul web programing
Modul web programing
 
Tugas 3 0317 (individu)
Tugas 3  0317 (individu)Tugas 3  0317 (individu)
Tugas 3 0317 (individu)
 
Bahan ajar web1
Bahan ajar web1Bahan ajar web1
Bahan ajar web1
 
Modul Pelatihan CodeIgniter Dasar
Modul Pelatihan CodeIgniter DasarModul Pelatihan CodeIgniter Dasar
Modul Pelatihan CodeIgniter Dasar
 
Plugin chapter-12-materi-kuliah-web-framework1-pengenalan-web-framework
Plugin chapter-12-materi-kuliah-web-framework1-pengenalan-web-frameworkPlugin chapter-12-materi-kuliah-web-framework1-pengenalan-web-framework
Plugin chapter-12-materi-kuliah-web-framework1-pengenalan-web-framework
 
1100631021_YiiFramework
1100631021_YiiFramework1100631021_YiiFramework
1100631021_YiiFramework
 
RPS - Pemrograman Web Desain - berbasis KKNI OBE Prodi MI.pdf
RPS - Pemrograman Web Desain - berbasis KKNI OBE Prodi MI.pdfRPS - Pemrograman Web Desain - berbasis KKNI OBE Prodi MI.pdf
RPS - Pemrograman Web Desain - berbasis KKNI OBE Prodi MI.pdf
 
pemrograman internet
pemrograman internetpemrograman internet
pemrograman internet
 

#10 CSS Framework.pdf

  • 1. I’tishom Al Khoiry, M.Kom. Web Design #10. CSS Framework
  • 2. Mahasiswa dapat mengetahui kontrak pembelajaran dan Teknologi Website Mahasiswa mengenal Web Design & Tools Mahasiswa dapat membuat prototype web dengan Figma Mahasiswa dapat memahami Bahasa pemrograman markup HTML #1 Mahasiswa dapat memahami Bahasa pemrograman markup HTML #2 Mahasiswa dapat memahami Bahasa pemrograman markup HTML #3 Mahasiswa dapat memahami Bahasa pemrograman markup HTML #4 Mahasiswa dapat menggunakan styling HTML dengan CSS #1 1 2 3 4 5 6 7 8 Mahasiswa dapat menggunakan styling HTML dengan CSS #2 Mahasiswa mampu menggunakan CSS Framework #1 Mahasiswa dapat memahami Dasar Bahasa Pemrograman JavaScript Mahasiswa mampu menggunakan CSS Framework #2 Mahasiswa dapat convert prototype menjadi kode HTML dan CSS dengan CSS Framework Mahasiswa dapat upload Website ke GitHub Pages dan Pengenalan CMS 9 10 11 12 13 14 Roadmap Perkuliahan 1 Semester
  • 4. Bootstrap adalah kerangka kerja CSS open source yang digunakan untuk kebutuhan pembuatan tampilan desain visual website yang responsive / mobile friendly Kerangka kerja yang digunakan berbentuk template desain berbasis HTML dan CSS. Selain itu, Bootstrap juga memiliki fitur yang mencakup library dari JavaScript. Bootstrap