Pada
pertemuan pertama mata kuliah Pemrograman web bapak Barka Satya memberikan
materi tentang cara mendesign web menggunakan bahasa HTML. Aplikasi yang
digunakan adalah dreamweaver. Setelah membuka aplikasi Dreamweaver kita memilih
option HTML. Lalu kita mulai belajar mendesign web dengan bahasa-bahasa html.
Awal dari membuat halaman web dengan menggunakan <html>...</html>
,Untuk bagian atas disebut <head> dan diakhiri </head> , untuk
menulis judul menggunakan <title> dan diakhiri </title>. Setelah
mendesign bagian kepala atau atas web
kita lalu membuat bagian isi dengan menggukan <body> diakhiri
</body> . berikut tags-tags dalam html yang sudah di ajarkan:
<h1>
<h2> <h3> <h4>.. =untuk
menentukan ukuran huruf
<p> ...</p>=untuk membuat paragraf baru
<p> ...</p>=untuk membuat paragraf baru
<br> =untuk mengenter atau membuat baris baru
<marquee>...<//marquee>
<marquee>...<//marquee>
Di pertemuan
kedua Pak Barka Satya memberikan materi tentang bagaimana memasukan gambar dan
link pada web kita . kita masih mengggunakan aplikasi yang sama yaitu dreamweaver.
Untuk
memasukan link ke dalam web menggunakan:
Untuk
memasukan gambar pada web yaitu menggunakan:
<img
src=”latihan1.jpg” width=”300” height=”300”> usahakan gambar yang dipilih
adalah gambar yang mempunyai resolusi yang bagus agar tidak pecah. Jika ingin
menggerakkan gambar pada tampilan web kita bisa menggunakan tags html yaitu
<marguee>...</marquee>
Jika kita
ingin memasukkan gambar delang lebih rapi dan teratur kita bisa menggunakan
option “table” kita bisa menentukan berapa jumlah kolom dan barisnya. Setelah
itu kita bisa memasukan gambar disetiap kolomnya. Dengan begitu foto yang kita
tampilkan akan lebih rapi dan teratur. Ini adalah contoh blog sederhana yang
sudah diajarkan
<html>
<head>
<title>Toko
Sepatu Abadi</title>
</head>
<body>
<body>
<p>
Toko ini menjual berbagai jenis sepatu .
Semua sepatu bisa di pesan secar online</p>
<table width="300" border="2">
<tr>
<td><img src="nike1.jpg"width="200" height="200"></td>
<td><img src="nike2.jpg"width="200" height="200"></td>
<td><img src="nike3.jpg"width="200" height="200"></td>
</tr>
<tr>
<td><img src="adidas1.jpg"width="200" height="200"></td>
<td><img src="adidas2.jpg"></td>
<td><img src="adidas3.jpg"></td>
</tr>
<tr>
<td><img src="puma1.jpg"width="200" height="200"></td>
<td><img src="puma2.jpg"width="200" height="200"></td>
<td><img src="puma3.jpg"width="200" height="200"></td>
</tr>
</table>
<table width="300" border="2">
<tr>
<td><img src="nike1.jpg"width="200" height="200"></td>
<td><img src="nike2.jpg"width="200" height="200"></td>
<td><img src="nike3.jpg"width="200" height="200"></td>
</tr>
<tr>
<td><img src="adidas1.jpg"width="200" height="200"></td>
<td><img src="adidas2.jpg"></td>
<td><img src="adidas3.jpg"></td>
</tr>
<tr>
<td><img src="puma1.jpg"width="200" height="200"></td>
<td><img src="puma2.jpg"width="200" height="200"></td>
<td><img src="puma3.jpg"width="200" height="200"></td>
</tr>
</table>
</body>
</html>
Tidak ada komentar:
Posting Komentar