Kamis, 07 Juni 2012

Jawaban MID Semester Pemograman Web 1

SOAL MID SEMESTER


SIFAT          : Mandiri dan Open Book
Ketentuan    : Mencontek atau memberikan contekan, skornya -10.
 Kerjakan soal berikut dengan penuh tanggung jawab, mandiri dan sesuai dengan hati nurani anda. Jangan lupa berdoa sebelum mengerjakan soal.
  1. Jelaskan sejelas-jelasnya disertai dengan contoh pengertian dan perbedaan HTML, CSS, PHP, dan Java script, jelaskan pula cara mendeklarasikannya.
  2. Pengertian dan perbedaan web statis dan web dinamis, berikan ciri-cirinya.
  3. Jika banner untuk header di simpan dengan nama file banner.jpg dan menu dibuat dengan link menu dalam tabel. Tulislah program html untuk web berikut ini.
 


Jawaban
 1. Pengertian HTML, CSS, PHP dan Java Script
 * HTML adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi dalam browser internet.
Contoh umum HTML :
<html>
<head>
<title>MID1</title>
</head>
<body>MID Pemograman Web
</body>
</html>
* PHP adalah sebuah script yang bersifat Server Side yang artinya semua proses akan dikerjakan disisi server dan hanya hasilnya saja yang akan dikirim ke browser.
Contoh umum dari bahasa PHP adalah sebgai berikut :
<html>
<head><title>MID</title>
</head>
<body>
<?php
print ”MID Pemograman Web”;
?>
<br>
<?php
$a = 10;
print “Isi dari variabel \$a=$a”;
?>
</body>
</html>
*   Cascading Style Sheets(CSS) adalah suatu teknologi yang digunakan untuk memperindah halaman website (situs), dengan CSS kita dapat dengan mudah mengubah keseluruhan warna dan tampilan yang ada disitus kita sekaligus memformat ulang situs kita.
tag_html/* atau */ selector_id/* atau */ selector_class/* atau */ { property: value; property_lain: value; property_lain_lagi : value; } /* atau */ p{ font-family:arial; } .warna_merah{ color:red; } #id_unik{/* selector id diawali dengan # *pager * */ text-align:left; font-size:40px; } /* kira kira seperti itulah sintaksnya*/

* JavaScript adalah bahasa scripting yang paling populer di internet dan bekerja pada banyak browser seperti Internet Explorer, Mozilla, Firefox, Netscape, Opera. JavaScript digunakan pada Web pages untuk meningkatkan design, validate forms, detect browsers, create cookies, GUI dsb.
Contoh script sederhana dari javasript adalah sebagai berikut :
<HTML>
<HEAD>
<SCRIPT language=“javascript”>
<!--
// Build HTML here
<!--akhirscript -->
</SCRIPT>
</HEAD>
ga_pra_27@yahoo.co.id 15
</HTML>
Contoh program JavaScript :
<html>
<!–-COMP519 js01.html 7.09.2005 -->
<head>
<title>JavaScript Page</title>
</head>
<body>
<script type="text/javascript">
// silly code to demonstrate output
document.write(“<FONT COLOR=‘GREEN'>
Hello world!</FONT>");
document.write("<p>How are <br/>" +
"<i>you</i>?</p>");
</script>
<p>Here is some static text as well.
</p>
</body>
</html> 
2. Pengertian dan Perbedaan Statis dan Web Dinamis
A. Yang dimaksud dengan Web statis adalah sebuah web yang isinya tidak bisa dirubah-rubah dan tidak memiliki database sebagai tempat penyimpanan content nya. Apabila ingin merubah isi dari website, harus melakukan perubahan tulisan yang tertanan pada file program web tersebut, sehingga penguasaan bahasa pemrograman web diperlukan. Pemograman Web Statis ini biasanya adalah HTML dan CSS.
B.  Sedangkan Pengertian Web Dinamis adalah sebuah web yang isinya bisa dirubah sewaktu-waktu tanpa melalui perubahan code pada file web, akan tetapi melalui sebuah halaman administrator. Content yang tampil dalam Web dinamis pun tersimpan pada sebuah database, sehingga orang awam pun bisa merubah isi dari web (content) tanpa menguasai Bahasa Pemograman Web. Biasanya web ini tersusun dari beberapa bahasa pemrograman yaitu HTML, PHP, CSS dan tentunya terhubung dengan database MySQL. 

3. Program html untuk web

<html>
<body>
<table width="638" border="1">
  <tr>
    <td colspan="2"><p><img src="Untitled.png" width="631" height="203" /></p>
    </td>
  </tr>
  <tr>
    <td colspan="2"><table width="629" border="1">
      <tr bgcolor="#CC3333">
        <td width="148">Beranda</td>
        <td width="119">Prifile</td>
        <td width="129">Gallery</td>
        <td width="205">Alumni</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td width="216" bgcolor="#FFFF99"><table width="218" border="1" bordercolor="#000000">
      <tr>
        <td bordercolor="#000000" bgcolor="#CC3300" class="style2"><a href="http://www.Binasriwijaya.ac.id">STMK Bina Sriwijaya </a></td>
      </tr>
      <tr>
        <td bordercolor="#000000" bgcolor="#CC3300" class="style2"><a href="http://www.Unsri.ac.id">UniVersitas Sriwijaya </a></td>
      </tr>
      <tr>
        <td bordercolor="#000000" bgcolor="#CC3300" class="style2"><a href="http://www.UGM.ac.id">Universitas Gadjah madha </a></td>
      </tr>
      <tr>
        <td bordercolor="#000000" bgcolor="#CC3300" class="style2"><a href="http://www.ITB.ac.id">Institut Teknologi Bandung </a></td>
      </tr>
      <tr>
        <td bordercolor="#000000" bgcolor="#CC3300" class="style2"><a href="http://www.sumsel.Diknas.go.id">Diknas</a></td>
      </tr>
    </table></td>
    <td width="406" bgcolor="#FFCC66"><p><strong>VISI</strong></p>
      <p>menjadi sekolah yang unggul dan penguruan teknologi informasi </p>
    <p><strong>MISI</strong></p>
    <p>1. Mendidik siswa agar tidak gaptek</p>
    <p>2. Mendidik siswa agar mengusai tekonologi Web</p>
    <p>3. mendidik siswa mengusai ilmu eksakta  </p>
    <p>&nbsp;</p>
    <p>&nbsp; </p></td>
  </tr>
  <tr>
    <td colspan="2" bgcolor="#993399"><div align="center"><strong>Desain Oleh : Kms Fahmi@1011080 </strong></div></td>
  </tr>
</table>
</body>
</html>  
  
Pada Tidak ada komentar:
Langganan: Postingan (Atom)