Selasa, 24 Maret 2020

Pertemuan 1&2



  Senin, 23 Maret 2020 


WEB PROGRAMMING 1
      TUGAS DISKUSI

1.Struktur navigasi adalah ? Gunanya untuk apa ? kenapa kita harus menggunakan itu?
   Jawab : -Struktur Navigasi merupakan struktur atau alur dari suatu program.
-Berguna untuk membuat web.
-karena struktur navigasi mempunyai arah informasi yang jelas.

2. Apa itu Web Server ? berikan contoh yang kamu tau ? dan kenapa kalian memilih web server itu ?
    Jawab : -Web Server merupakan perangkat lunak yang berfungsi sebagai penerima permintaan yang dikirimkan melalui browser kemudian memberikan tanggapan permintaan dalam bentuk halaman situs web atau lebih umumnya dalam dokumen HTML.
-Contoh web server yaitu IIS Microsoft & GWS Google.
-Kita menggunakan web server karena lebih mudah di akses dalam menjelajah internet.

3. langkah-langkah apa saja yang harus kita lakukan supaya codingan yang kita buat di notepad bisa dijalankan di browser ?
    Jawab : -Buka aplikasi xampp
-Jika sudah Jalankan/klik star pada kolom yg bernama Appache, mysql ,file zilla
- Jika sudah buka aplikasi notepad
-ketik coding nya
-jika sudah save di file document khusus website
-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.


PERTEMUAN 2
TUGAS MODUL

TUGAS 1
Buatlah Struktur Navigasi dari sebuah halaman website.
Jawab :
Website Akademik



TUGAS 2
Buatlah script HTML sehingga menghasilkan tampilan berikut ini :








  

Jawab :
<html>
<head>
<title> tugas modul ke dua</title>
</head>
<body><body bgcolor="magenta">
perhatikan bawah Halaman ini seharusnya magenta
<h1>Ini adalah heading1</h1>
<h2>Ini adalah heading2</h2>
<h3>Ini adalah heading3</h3>
<h4>Ini adalah heading4</h4>
<h5>Ini adalah heading5</h5>
<h6>Ini adalah heading6</h6>
Gunakan tag heading hanya untuk membuat heading saja. jangan mengunakan tag tersebut hanya untuk membuat tampilan huruf tebal. Gunakan tag lain untuk keperluan itu</br>

<p align=right><h1>Ini adalah heading1</h1></br>
heading diatas telah diposisikan untuk berada di tengah halaman itu          

</body>
</html>


TUGAS 3
Buatlah script HTML untuk bentuk tampilan dibawah ini :

 







 Jawab :
<html>
<head>
<title>tugas modul ke tiga</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>


Seperti itulah jawaban dari kelompok kami, jika ada kata yang kurang enak dibaca mohon dimaafkan...

SEMOGA BERMANFAAT :)

Tidak ada komentar:

Posting Komentar

Pertemuan 5 (Lanjutan Form)

Senin, 13 April 2020 WEB PROGRAMMING 1       LATIHAN SLIDE 5 1.       Buat script program untuk membuat form input dan output data...