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
<br> = untuk mengenter atau membuat baris
baru
|
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:
<a href="http://www.amikom.ac.id">Kampus ku</a>
|
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>
<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>
</body>
</html>
|
Yang mau download Dreamweaver bisa ke SINI
