1 LAPORAN PRAKTIK SISWA/I REKAYASA PERANGKAT LUNAK

SMK NEGERI 5 KOTA BEKASI

LAPORAN JOB SHEET
Pemrograman Berbasis W
Semester III Materi / Pokok Bahasan
Kelas XI RPL Struktur dasar HTML, Tag-Tag Dalam
Waktu 6 x 30 Menit HTML, Format Texs Dalam HTML
Nama Guru Nursin Irham, S.Kom Struktur dasar CSS, Tag-Tag Dalam
CSS, Format Texs Dalam CSS

Nama Siswa/i : Aditya Khairifaldi

NIS : 202110063
Kelas : XI RPL 3
Hari, Tanggal : Senin, 18 Oktober 2021

A. Alat dan Bahan Yang Di Gunakan

- PC/ Laptop / HP
- Teks Editor Visual Studio Code
- Xampp
- Browser (chrome)

B. Langkah Kerja
1. Buka Visual Studio Code sebagai editor dokumen CSS.
2. Pertama,buat script program CSS, script ini digunakan sebagai editing
sebuah HTML nantinya
3. Kemudian buat tag tag tag seperti Header,Menu,Content,Righr
Sidebar,dan tag copyright
4. Tentukan properti properti tag tersebut seperti width, background,
height, dan float
5. Selanjutnya simpan script program tersebut dengan ekstensi CSS
6. Langkah kedua yaitu membuat script program HTML untuk
menampilkan layout Web
7. Untuk membuat layout tersebut, gunakan tag <div id></div>
8. Buatlah tag tag seperti Header,Menu,Content,Righr Sidebar,dan tag
copyright
9. Lalu tambahkan tag <image src> untuk menambahkan file dengan
ekstensi jpg,png dan lainnya
10. Kaitkan file HTML tersebut dengan file CSS yang sudah dibuat
sebelumnya yaitu dengan menggunakan <link href>
11. Simpan file tersebut dengan ekstensi HTML dan diletakan dalam satu
folder yang sama dengan file CSS
12. Langkah terakhir, coba jalankan program dengan website masing
masing

1. Pengertian CSS
CSS adalah kepanjangaan dari Cascading Style Sheets yang berguna
untuk menyederhanakan proses pembuatan website dengan mengatur
elemen yang tertulis di bahasa markup. CSS dipakai untuk mendesain
halaman depan atau tampilan website (front end). CSS menangani
tampilan dan ‘rasa’ dari halaman website.
2. Fungsi CSS
Mempercepat proses desain, Halaman lebih cepat dimuat, Proses
pemeliharaan mudah, Style lebih beragam dibandingkan HTML,
Kompatibel dengan berbagai macam perangkat CSS, CSS menjadi
standart pengembangan website
3. Pengertian HTML
HTML adalah bahasa standar pemrogaman yang digunakan untuk
membuat halaman website, yang diakses melalui internet. Singkatan
dari "Hypertext Markup Language" atau "bahasa markup".
4. Fungsi HTML
1). Menandai teks pada suatu laman
2). Menampilkan tabel, gambar, video dan lainnya
3). Menandai elemen dan membuat formulir online
C. PrintScreen / Screenshoot Source Code

 Screenshots Program Latihan.html

 Screenshoot Script program CSS membuat layout web

 Sccreenshoot Script program HTML membuat layout web
D. PrintScreen / Screenshoot Source Code Ketika Di Jalankan (ada identitas
masing masing)

 Screenshots hasil program Latihan.html

 Screenshots hasil script program membuat layout web

E. Foto Saat Mengerjakan