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.

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