Kamis, 10 September 2020

TUGAS PROJECT PBO

 Tampilan Website Daftar Riwayat Hidup Dengan Menggunakan HTML & CSS

-Tampilan Coding Halaman 1


-Tampilan Coding Daftar Riwayat Hidup





-Hasil Akhir dan Tampilan dari Halaman 1



-Hasil Akhir dan Tampilan Daftar Riwayat Hidup 



Mohon maaf apabila ada kesalahan dalam pembuatan coding di atas, karena saya pun masih dalam tahap belajar. 
Terima Kasih. 














Diposting oleh di Tidak ada komentar:

Rabu, 02 September 2020

TUGAS PRAKTEK DARING PBO KLS XII RPL 2

 Belajar Membuat HMTL & CSS



1.HTML



2.CSS


3.Hasilnya




Mohon maaf apabila ada kesalahan dalam pembuatan coding di atas, karena saya pun masih dalam tahap belajar. 
Terima kasih. 
Diposting oleh di Tidak ada komentar:

Rabu, 12 Agustus 2020

Tugas Project 1 Membuat Landing Page dengan halaman HTML dan CSS

 HTML & CSS

HTML di buat untuk struktur halaman website atau dasar suatu halaman web untuk menampilkan informasi. 

CSS digunakan untuk menghiasi struktur yang sudah kita buat atau mengubah tampilan halaman web menjadi lebih bagus dan menarik.


Kita akan membuat html nya dulu seperti ini:


Setelah selesai membuat html, kita baru bisa mengerjakan css nya seperti ini:


Dan hasilnya jadi seperti ini:


Diposting oleh di Tidak ada komentar:

Minggu, 02 Agustus 2020

TUGAS 1 HTML LANJUTAN - XII RPL TH 2020

Contoh Pembuatan HTML & CSS

Contoh penulisan yang saya buat:


Hasil penulisan di atas:


Diposting oleh di Tidak ada komentar:

TUGAS 1 HTML LANJUTAN - XII RPL TH 2020

Quiz Topik Materi : HTML Lanjutan

Carilah kesalahan-kesalahan yang terdapat pada sintak html dibawah ini dan tulis kembali dengan lengkap! 

<html>
<head>
<title>
Quiz 1
<title>
<body>
<h3>Menentukan Sintak yang salah dan kurang </h2>
<p> belajar menjadi ahli butuh latihan yang terus menerus</p>
<p>Latihan skill dengan terus mengulang-ngulang materi agar otak dan tangan men jadi terlatih<p>
</>
<html>

 Mencari kesalahan sintak html
1.kurang tag penutup </head>
2.kesalahan tag penutup </h2>
Seharusnya </h3>
3.Kurang tanda (/) pada tag penutup <p>,pada paragraf ke 2 seharusnya </p>
5.kurang tanda (/) juga pada tag <html> yang terakhir seharusnya </html>
6.penulisan </> di hapus saja

Penulisan coding yang saya kejakan:

<html>
<head>
<title>Quiz 1</title>
<body>
<h3>menentukan sintak yang salah dan kurang</h3>
<p>belajar menjadi ahli butuh latihan yang terus menerus</p>
<p>latihan skill dengan dengan terus mengulang-ngulang agar otak dan tangan menjadi terlatih</p>
</body>
</head>
</htm>

Diposting oleh di Tidak ada komentar:

Sabtu, 16 Mei 2020

TUGAS DARING MATERI 4 BELAJAR HTML - Tag Table

Tag Table

Tabel HTML memungkinkan penulis web untuk mengatur data menjadi baris dan kolom.

Kali ini saya akan mengerjakan tugas akhir kejar siswa yaitu menyelesaikan 3 project...

1.Membuat lambang bendera merah putih dengan tulisan"AKU CINTA INDONESIA"

Berikut contoh kode html membuat lambang negara:

<!DOCTYPE html>
<html>
<body>
<title>Bendera Indonesia</title>
<center>
<table border="1" cellpadding="60" cellspacing="0" style="width:100%">
<tr style="background-color: red">
<td></td>
</tr>
<tr style="background-color: white">
<td></td>
</tr>
</table>

<h1>
<td><center>AKU CINTA INDONESIA</center></td>
</h1>
</center>
</body>
</html>

Jika di tulis dalam Notepad++ akan seperti ini:



Hasilnya akan seperti ini:



2.Membuat Tabel Gabungan

Berikut contoh kode htmlnya:

<!DOCTYPE html>
<html>
<body>
<center>
<table border="1" cellpadding="50" cellspacing="1">
<tr>
<td colspan="2" style="background-color:red"></td>
<td colspan="2" style="background-color:blue"></td>
<td colspan="2" style="background-color:blue"></td>
<td colspan="2" style="background-color:red"></td>
</tr>
<tr align="center">
<td colspan="2" style="background-color:blue"></td>
<td colspan="4" rowspan="2">
<h1>SMK 4</h1>
<h1>LPPM RI</h1>
<h1> PADALARANG</h1>
</td>
<td colspan="2" style="background-color:blue"></td>
</tr>
<tr align="center">
<td colspan="2" style="background-color:blue"></td>
<td colspan="2" style="background-color:blue"></td>
</tr>
<tr align="center">
<td colspan="2" style="background-color:red"></td>
<td colspan="2" style="background-color:blue"></td>
<td colspan="2" style="background-color:blue"></td>
<td colspan="2" style="background-color:red"></td>
</tr>
</table>
</body>
</html>

Jika di tulis dalam Notepad++ akan seperti ini:



Hasilnya akan seperti ini:



3.Membuat Tabel Absen Kelas

Berikut contoh kode html membuat absen:

<!DOCTYPE html>
<html>
<head>
<body>
<table border="1" cellpadding="1" cellspacing="1">
<tr>
<th align="center" colspan="4" style="background-color:blue">ANGGOTA GRUP KELAS XI RPL 1</th>
</tr>
<tr>
<th style="background-color:yellow">NO</th>
<th style="background-color:yellow">NAMA</th>
<th style="background-color:yellow">P/L</th>
<th style="background-color:yellow">ALAMAT BLOG</th>
</tr>
<tr>
<td>1</td>
<td>Yuni Sri M</td>
<td>P</td>
<td>http://yunisrimulyani pelajarperdulicovid19.blogspot.com</td>
</tr>
<tr>
<td>2</td>
<td>Pramesti Widia P</td>
<td>P</td>
<td>https://pramesti-pelajarpedulicovid19.blogspot.com</td>
</tr>
<tr>
<td>3</td>
<td> Fitri Rianti</td>
<td>P</td>
<td>https://fitririanti-pedulicovid19.blogspot.com/?m=1</td>
</tr>
<tr>
<td>4</td>
<td>Aulia Rahma</td>
<td>P</td>
<td>https://agystarahmaaulia blogspot.com</td>
</tr>
<tr>
<td>5</td>
<td>Nurul Azzahra</td>
<td>P</td>
<td>https://nurulazzahra.blogspot.com/?m=1</td>
</tr>
<tr>
<td>6</td>
<td>Mita Dwi A</td>
<td>P</td>
<td>http://anjanidwimita.blogspot.com</td>
</tr>
<tr>
<td>7</td>
<td>Muhammad Arya C</td>
<td>L</td>
<td>http://muhamadaryacitra blogspot.com/?m=1</td>
</tr>
<tr>
<td>8</td>
<td>Fajar Mustopa</td>
<td>L</td>
<td>https://fajarmustopa-pelajarperdulicovid19 blogspot.com</td>
</tr>
<tr>
<td>9</td>
<td>Chelsea K</td>
<td>P</td>
<td>https://chelseakhariun19.blogspot.com/?m=1</td>
</tr>
<tr>
<td>10</td>
<td>Vina Setia B</td>
<td>P</td>
<td>https://vinasetyavinasetya blogspot.com</td>
</tr>
</table>
</body>
</head>
</html>

Jika di tulis dalam Notepad++ akan seperti ini:


Dan Hasilnya akan seperti ini:


Foto siswi yang sedang mengerjakan:



Terima Kasih :V


Diposting oleh di Tidak ada komentar:

Selasa, 12 Mei 2020

MEMBUAT TABLE RELASI SISTEM JUAL BELI BARANG

Membuat Table Relasi Sistem
 Jual Beli Barang 

Studi kasus kali ini adalah pengembangan dari studi kasus minggu lalu.
Tujuannya : memberikan kalian pengalama bagaimana sebuah sistem aplikasi itu dibangun tidak lepas dari keberadaan database .
Tanpa data base maka sebuah sistem tidak akan berjalan dengan baik.

Saya akan menyampaikan studi kasus hari ini ... diharapkan melihat hasil kerja kalian yang minggu lalu sebagai perbandingan.
Judul studi kasus : membuat table relasi sistem jual beli barang
Design tabelnya adalah sebagai berikut:


Nama database : DB_TRANSAKASI

Perhatikan Baik2 Mengeni Primary Key dan Foreign Key.


Ini hasil tabel yang saya buat:



Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)