Web Programing 1 || Pertemuan 1 & 2
Senin 23 Maret 2020
Tugas diskusi
1. Struktur navigasi adalah ? gunanya untuk apa ? kenapa kita harus menggunakan itu ?
Jawab : - Struktur navigasi adalah struktur atau suatu program / halaman yang sebaiknya dilakukan sebelum membuat suatu website.
- Untuk mempermudah pembaca saat melihat ataupun melakukan pencarian suatu label / judul yang ada diblog.
- Karena menurut kami sangat gampang dalam pemakaian, dan memudahkan kita dalam mencari link yang kita cari.
2. Apa itu web server ? berikan contoh yang kamu tau dan kenapa kalian memilih web server itu ?
Jawab : - Web server adalah sebuah software yang memberikan sebuah layanan berbasis data dan berfungsi menerima permintaan dan HTTP atau HTTPS pada web browser.
- Contohnya : Mozila Firefox, Google Chrome (dalam bentuk HTML).
- Alasannya kami memilih web server itu karena konfigurasi yang lebih mudah, jumlah pengguna banyak, dan sangat memudahkan kami untuk mencari sesuatu.
3. Langkah - langkah apa saja yang harus kita lakukan supaya coding yang kita buat di notepad bisa dijalankan dibrowser?
Jawab : - Buka aplikasi xampp.
- Jika sudah jalankan / klik star pada kolom yang bernama Appache, mysql, file zilla.
- Jika sudah buka aplikasi notepad.
- Ketik coding nya.
- Jika sudah save as dengan tipe file HTML.
- Klik Run pilih launch in (nama aplikasi web browser). Pada launch in itu memiliki 4 aplikasi web browser yang bisa kita gunakan dengan memilih salah satunya. Setelah itu tunggu beberapa saat sampai terbuka aplikasi web browser hasil dari pilihan kita tadi.
Tugas 1
Buatlah struktur navigasi dari sebuah halaman website
Jawab :
Website E-Commerce
Tugas 2
Buatlah script html sehingga menghasilkan tampilan berikut ini :
Jawab :
<html>
<head>
<body bgcolor="magenta">
<tittle> <font color="black">Perhatikan bahwa halaman ini seharusnya berwarna magenta</tittle>
<head>
<body>
<h1> <font color="black"> ini adalah heading 1</h1>
<h2> <font color="black"> ini adalah heading 2</h2>
<h3> <font color="black"> ini adalah heading 3</h3>
<h4> <font color="black"> ini adalah heading 4</h4>
<h5> <font color="black"> ini adalah heading 5</h5>
<h6> <font color="black"> ini adalah heading 6</h6>
</body>
</head>
Tugas 3
Buatlah script html untuk bentuk tampilan dibawah ini :
Jawab :
<html>
<head>
<title>tugas p2</title>
</head>
<body background = "rem.png">
<table width="520" border="7" align"center" cellpading="1" cellpascing="1" bordercolor="#ffffff"bgcolor="violet">
<th colspan="3"bgcolor="BISQUE">
<p>DAFTAR PRODUK</p>
</th>
</tr>
<tr>
<td bgcolor="YELLOW" width="120" rowspan="100" height="100"><img src="pikachu.jpg"width="120"height="100"></td>
<td bgcolor="LIGHTGREEN" height="40">nama<br>Produk <bgcolor="YELLOW">
</td>
<td>CANON EOS M10 Kit EF-M 15-45mm</td>
</tr>
<tr>
<td bgcolor="LIGHTGREEN"height="25">Harga</td>
<td>Rp 4.899.000</td>
</tr>
<tr>
<td bgcolor="LIGHTGREEN">Fitur<br>Produk</td>
<td>
<li>Kamera mirrorless</li>
<li>Efektifitas Piksel:18MP</li>
<li>Tipe Sensor : CMOS DIGIC 6</li>
<li>Layar : 3.0 Inch</li>
<li>Memiliki Lampu flash dengan jarak jangkauan hingga 5 meter</li>
</td>
</tr>
</table>
</body>
</html>
Inilah jawaban dari kelompok kami.
SEMOGA BERMANFAAT :)
Komentar
Posting Komentar