3. latihan css 01 (shared)
0 likes354 views
The document is a profile of Yusra Fernando, an instructor with degrees in Computer Science and Informatics. It outlines a CSS learning module, detailing objectives, definitions, syntax, selectors, and exercises for students. Additionally, it provides tasks and references to enhance students' understanding of CSS in web programming.
3. latihan css 01 (shared)
- 2. PROFIL Nama :Yusra Fernando, S.Kom., M.Kom. Pendidikan : S1,Teknik Informatika/(Ti) (Teknokrat 2004) S2, Ilmu Komputer/(Cs) (IPB 2012) Email : yusra.fernando@teknokrat.ac.id yusra.fernando@teknokrat.ac.id Yusra Fernando, M.Kom CONTACT ME 2
- 3. CSS (
- 4. Objectives Learning Student know the Css Definition Student know Css Sintax and Selector CSS Student know the Web Technology, HTML, Web Static & Web Dynamic
- 5. What is CSS? • CSS stands for Cascading Style Sheets • CSS describes how HTML elements are to be displayed on screen, paper, or in other media • CSS saves a lot of work. It can control the layout of multiple web pages all at once • External stylesheets are stored in CSS files
- 6. CSS Syntax and Selectors
- 7. exercise 1. CSS SelectorCSS 2. CSS ColorButton 3. CSS FORMS 4. CSS Navigation Bar 5. CSS MENU Dropdown
- 8. Selector <TAG> Save File by Name : tagSelectorCss.html 1. Selector <tag>
- 9. Source Code Save File by Name : clssSelectorCss.html 1. Selector .class Selector .class
- 10. 2. How To Style Alert Buttons
- 11. Source Code Save File by Name : colorButton.html
- 12. 3. CSS FORMS
- 13. Source Code Save File by Name : Form1.html
- 14. 4. CSS Navigation Bar
- 15. Source Code Save File by Name : navigation.html UNIVERSITAS TEKNOKRAT INDONESIA
- 16. 5. CSS Menu Dropdown
- 17. Source Code Save File by Name : dropdownMenu.html
- 18. Kerjakan Latihan CSS Tersebut: 1. CSS 1. Tag (Tambahkan 2 Tag Selector ) 2. Class (Tambahkan 2 Class Selector ) 2. CSS - Style Alert Buttons (Tambahkan 2 Button) 3. CSS - FORM (Tambahkan 2 Input Text) 4. CSS – Navigation Bar (Tambahkan 2 Link Menu Navigasi) 5. CSS – Menu Drop Down (Tambahkan 2 Menu DropDown)
- 19. TUGAS CSS : - Kunjungi Situs W3School - Buat 15 script CSS Masing – masing mahasiswa harus berbeda (ketikkan script yg terbaik)
- 20. Refference https://www.w3schools.com Modul Pemrograman Web Universitas Teknokrat Indonesia UNIVERSITAS TEKNOKRAT INDONESIA
- 21. 21 Thank You Should you have any question, you may drop your mail to yusra.fernando@teknokrat.ac.id