Anda di halaman 1dari 8

Nama : Muhammad Novianto Nugroho

Kelas : 3KA23
Mata Praktikum : Dreamweaver
Matakuliah : Interaksi Manusia Dan Komputer
Pertemuan Ke :3
Tanggal : 2/12/2020

Laboratorium Sistem Informasi


Universitas Gunadarma
PTA 2020 / 2021
Tugas :

1. Sebutkan kode pembuka dan penutup PHP!


2. Buatlah sebuah program seperti output dibawah ini! Cantumkan juga cara pembuatan
beserta gambar, kodingan, serta hasil outputnya.

TAMBAHAN:
 Kumpulkan Jawaban Dalam Format Pdf.
 Gunakan Template Atau Format Ini Untuk Menjawab.
 Praktikan Yang Jawabanya Sama [Kurang Lebih (80%)] Akan Mendapatkan Nilai Minimal !
 Praktikan Yang Tidak Menjelaskan Logika Pengerjaan Akan Mendapatkan Nilai Minimal !
 Jawaban Yang Dikumpulkan Diluar Batas Waktu Pertemuan Tidak Akan Diinput Nilainya.!

Jawaban :
1). Dalam menginput suatu kode php mulai dari tag pembukanya <? dan tag penutup >?.
PHP memiliki file khusus untuk seluruh perintah PHP (tidak memiliki kode HTMLnya), untuk
tanda kurung penutupnya ?> tidak ditulis. Seperti contoh dibawah ini:
1 <?php
2 echo "Sedang belajar PHP di Gunadarma";
3 echo "File ini hanya terdiri dari kode PHP saja";
Teknik ini kita pakai untuk menghindari masalah jika kita sudah sering men-include satu file
PHP ke file PHP lain.

jika di dalam filenya terdapat kode HTML nya setelah kode PHP, maka kita harus menutupnya
dengan tanda ?>:
1 <?php
2 echo "Sedang belajar PHP di Gunadarma";
3 echo "File ini terdiri dari kode PHP dan HTML";
4 ?>
5 <p>Ini adalah kode HTML</p>
Di baris ke 4 saya harus menulis tanda ?> karena di baris 5 sudah ada kode HTML.

2). Untuk membuat suatu html tahap pertama yaitu kita masuk ke aplikasi macromedia
dreamweaver, berikutnya yaitu kita pilih html

Berikutnya yaitu masuk ketahap selanjutnya yaitu memasukan kode programnya


Kode program yang kita gunakan ini berfungsi untuk sebagai soucode htmlnya,
<style Type=”text/css”>
(Kita dapat menggunakan untuk memilih type stylenya)
Background-color: #00CC33
(Berfungsi sebagai pemberian warna pada background)
Untuk body,td,th {
(memiliki suatu fungsi untuk memberikan warna pada teks yang di pakai dan ukuran font yang di
gunakan yaitu 24px).
.style3 { , .style5 { , .style6 { ,
(fungsinya adalah untuk memberikan nama style yang ingin di gunakan font size yaitu ukuran
taks yang di pakai font weight yaitu huruf yang dicetak tebal.).
<body>
<div align="center">
<p><img src="../../Pictures/tARI.jpg" width="259" height="261" border="0" /></p>
(berfungsi untuk memasukan gambar pada aplikasi micromedia dreamweaver 8 dengan width =
259 dan height = 261)
<p class="style6">Tari Kreasi Daerah</p>
<table width="386" border="1">
<tr>
(fungsinya yaitu memberikan nama pada style 6 dengan nama tari kreasi Daerah dengan
widht=386 dan border yang digunakan 1).

(digunakan untuk membuat suatu table di html dan memberikan nama pada tabel htmnya).
<th width="376" scope="col"><span class="style3">Inilah Hasil Penentuan Sementara Tari
Kreasi Indonesia </span></th>
</tr>
</table>
<table width="385" border="1">
<tr>
<th width="102" scope="col"><span class="style5">Tari Kreasi Baru </span></th>
<th width="145" scope="col"><span class="style5">Tari Tunggal </span></th>
<th width="116" scope="col"><span class="style5">Tari Berpasangan </span></th>
</tr>
<tr>
<td><span class="style5">Tari Merak </span></td>
<td><span class="style5">Tari Legong </span></td>
<td><span class="style5">Tari Payung </span></td>
</tr>
<tr>
<td><span class="style5">Tari Nguri </span></td>
<td><span class="style5">Tari Baris </span></td>
<td><span class="style5">Tari Serampang Dua Belas </span></td>
</tr>
<tr>
<td><span class="style5">Tari kupu - Kupu </span></td>
<td><span class="style5">Tari Jaipong </span></td>
<td><span class="style5">Tari Janger </span></td>
</tr>
</table>
Memiliki suatu fungsi untuk memasukan suatu gambar di dreamweaver caranya adalah dengan
kita klik image lalu kita pilih gambar yang ingin kita masukan setelah itu klik ok.
Ini merupakan tahap akhir yaitu menjalankan dreamweavernya apakah sudah benar atau tidak
Cara untuk meng Run aplikasi yaitu memakai tombol f12 untuk menjalankanya. Dan akan
muncul tampilan seperti di gambarnya ini.

Anda mungkin juga menyukai