1.
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

2.
CSS
(

3.
Objectives Learning
 Student know the Css Definition
 Student know Css Sintax and Selector CSS
 Student know the Web Technology, HTML, Web Static & Web
Dynamic

4.
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

5.
CSS Syntax and Selectors

6.
exercise
1. CSS SelectorCSS
2. CSS ColorButton
3. CSS FORMS
4. CSS Navigation Bar
5. CSS MENU Dropdown

7.
Selector <TAG>
Save File by Name : tagSelectorCss.html
1. Selector
<tag>

8.
Source Code
Save File by Name : clssSelectorCss.html
1. Selector
.class Selector .class

9.
2. How To Style Alert Buttons

10.
Source Code
Save File by Name : colorButton.html

11.
3. CSS FORMS

12.
Source Code
Save File by Name : Form1.html

13.
4. CSS Navigation Bar

14.
Source Code
Save File by Name : navigation.html
UNIVERSITAS
TEKNOKRAT INDONESIA

15.
5. CSS Menu Dropdown

16.
Source Code
Save File by Name : dropdownMenu.html

17.
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)

18.
TUGAS CSS :
- Kunjungi Situs W3School
- Buat 15 script CSS Masing – masing mahasiswa harus
berbeda (ketikkan script yg terbaik)

19.
Refference
https://www.w3schools.com
Modul Pemrograman Web
Universitas Teknokrat Indonesia
UNIVERSITAS
TEKNOKRAT INDONESIA

20.
21
Thank
You
Should you have any question,
you may drop your mail to
yusra.fernando@teknokrat.ac.id