Politeknik Negeri Manado

Program Studi Teknik Informatika

Desain Web
Pengantar Perkuliahan & Pendahuluan
Oleh : Fitria Claudya Lahinta, SST. MT
fclahinta.github.io
Info Dosen
Fitria Claudya Lahinta, SST. MT

DIV Politeknik Negeri Manado

S2 Universitas Hasanuddin

fclahinta@elektro.polimdo.ac.id

081356422299

fclahinta.github.io
Rules !

• Pelaksanaan Kuliah : Daring dan Luring

• Daring via Zoom / Classroom / Elearning
• Ketua kelas wajib konfirmasi sehari sebelum jadwal kuliah
• Pada saat daring lewat Google Meet / Zoom (kamera = MODE
ON)
• Pada saat daring dalam kondisi siap untuk belajar, bukan di
caffe, di mobil atau bahkan di atas motor.
• Luring untuk presentasi tugas (tergantung kondisi)
• Jika ada pertanyaan di chat di WA Group (Kecuali Ketua
Kelas)
• Japri bisa dilakukan hanya dalam kondisi tertentu !
 Penilaian : Praktek

• Tugas: 70 % (Kehadiran, QUIS, Tugas)

• UTS : 15 %
• UAS : 15 %
 Penilaian
Rentang Nilai A

MK Desain WEB B
81 - 100

C
66 - 80

D
56 - 65

E 40 - 55

0 - 39
 Our Plan…
1. Pengantar Kuliah (Daring – Zoom)
2. Konsep Dasar dan Format Text HTML (Daring - Classroom / E-
learning)
3. Case : Halaman dasar HTML (Luring – Perkelompok)
4. Membuat Hyperlink Web (Daring – Classroom / E-learning)
5. Membuat List dan Pilihan (Daring - Zoom)
6. Case : Halaman Web yang terdapat List dan Hyperlink (Luring –
perkelompok)
7. Desain dan Manipulasi gambar (Daring – Classroom / E-learning)
8. Pembagian Tema Kelompok Untuk UTS (Daring)
9. UTS
10.Desain table pada website (Daring – Classroom / Elearning)
11.Desain form dan frame pada website (Daring – Zoom)
12.Case : Tabel dan form pada website (Luring – Perkelompok)
13.CSS (Daring – Zoom)
14.Pengenalan PHP (Daring – Zoom)
15.Pembagian Tema Project Akhir (Daring -- Zoom)
16.Pembuatan Project Akhir
17.UAS
What we need ?
Visual Studio Code

https://code.visualstudio.com/
What we need ?
Visual Studio 2019

1. Auto Close Tag

2. Auto Rename Tag
3. Beautify
4. Bracket Pair Colorizer 2
5. Indent-rainbow
6. IntelliSense for CSS Class
Names in HTML
7. Live Server
8. One Dark Pro (Tema)
9. PHP IntelliSense
10. Prettier - Code Formatter
What we need ?
https://www.w3schools.com/
 • 2 – 3 person.

• 1 of groups must have laptop.

• Help each others.

Make
Groups ! • Do not have boyfriend or girlfriend in

the same groups 

• Group must ready for next week !

THANK YOU and SEE YOU guys…
Keep learning and stay Healthy !