Minggu, 19 Oktober 2014

Laporan Modul 5

CSS (Cascading Style Sheets)

A. Tujuan

Dapat memahami dan mengetahui fungsi dari CSS (Cascading Style Sheets) sebagai bahasa pemrograman guna mengatur desain dan layout web

B. Landasan Teori

Cascading Style Sheet (CSS) merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.

Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML

CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

Penempatan CSS dalam HTML:

1. Inline Style
2. Internal Style
3. Import Style
4. Eksternal Style

C. Alat dan Bahan
Alat dan bahan yang digunakan dalam praktikum adalah:
1. PC (Personal Komputer) atau Laptop
2. Sistem Operasi Windows
3. Browser (Mozilla Firefox)
4. Notepad++
5. Microsoft Word

D. Langkah-langkah Percobaan
Percobaan 1: Border
1. Membuat folder baru L200120116
2. Membuka Notepad++
3. Mengetik Script berikut :

4. Menyimpan file dengan nama border.html
5. Membuka file menggunakan browser.
6. Hasil

Percobaan 2 : Gambar
1. Membuka Notepad++
2. Mengetik Script berikut:

3. Menyimpan file dengan nama gambar.html
4. Membuka file menggunakan browser.
5. Hasil

Percobaan 3 : Bayangan
1. Membuka Notepad++
2. Mengetik Script berikut:

3. Menyimpan file dengan nama bayangan.html
4. Membuka file menggunakan browser.
5. Hasil

Percobaan 4 : Hyperlink
1. Membuka Notepad++
2. Mengetik Script berikut:

3. Menyimpan file dengan nama hyperlink.html
4. Membuka file menggunakan browser.
5. Hasil

Percobaan 5 : Form Menggunakan Ekternal Style
1. Membuka Notepad++
2. Mengetik Script berikut:

3. Menyimpan file dengan nama style.css
4. Membuka Notepad++
5. Mengetik Script berikut:

6. Menyimpan file dengan nama style.css
7. Membuka file menggunakan browser.
8. Hasil

E. Tugas
1. Membuat border form pada percobaan 5 menggunakan salah satu style border
pada percobaan 1.

</head>
<body>
<h2>
<marquee>free registration</marquee></h2>
<form action='form.php' method='post' name='form'
  class='border'>
<table width='68%' border='0' align='center' cellpadding='0'>
<tr>
  <td class='td' width='15%'>Nama</td>
  <td width='2%'>:</td>
  <td width='83%'><input name='txtnama' type='text' id='txtnama'>
  </td>
</tr>
<tr>
  <td class='td'>TGl lahir</td>
  <td>:</td>
  <td><input name='txtTgl' type='text' id='txtTgl' size='4' 
        maxlength='2'>
      /
      <input name='txtBln' type='text' id='txtBln' size='4' 
        maxlength='2'>
      /
      <input name='txtThn' type='text' id='txtThn' size='8' 
        maxlength='4'>
  </td>
</tr>
<tr>
  <td class='td'>alamat</td>
  <td> </td>
  <td><textarea name='txtAlamat' cols='40' rows='2' 
        id='txtAlamat'>&alt;/textarea>
  </td>
</tr>
<tr>
  <td class='td'>Kota</td>
  <td>:</td>
  <td><input name='txtKota' type='text' id='txtKota'>
  </td>
</tr>
<tr>
  <td> </td>
  <td> </td>
  <td><input name='btnKirim' type='submit' id='btnKirim' 
        value='kirim'>
      <input name='btncancel' type='reset' id='btncancel' 
        value='cancel'>
  </td>
</tr>
</table>
</form>
</body>
</html>

<br>

Hasil

Senin, 13 Oktober 2014

Laporan Modul4

Laporan Modul 4

A. Tujuan
Mengetahui dan memahami bahasa pemprograman PHP (HyperText Processor) sebagai bahasa dalam server side programming dalam website
B. Alat dan bahan
1. PC
2. OS windows
3. Web broser Mozilla firefox
4. Program aplikasi Notepad ++
5. Web server local paketan XAMPP

C. Langkah-langkah praktikum
1. Percobaan 1
a. Buka aplikasi Notepad ++
b. ketikkan scrip berikut :

<html>
<head>
<title> Data Mahasiswa</title>
</head>
<body>

<table align="center" border="1" cellpadding="3" celspacing="3" style="width: 600px;">
<tr>
<th colspan="2"> Input Data Mahasiswa </th></tr>
<form action="form.php" entype="multipart/form-data" method="post">
<tr>
<td width="500">nim </td>
<td width="600"><input name="txtnim" size="45" type="text" /></td>
<tr>
<td width="500">nama </td>
<td width="600"><input name="txtnama" size="45" type="text" /></td>
<tr>
<td width="500">jeniskelamin </td>
<td width="600"><input name="radiokelamin" type="radio" value="laki-laki" /> laki-laki
<input name="radiokelamin" type="radio" value="perempuan" />perempuan</td>
</tr>
<tr>
<td width="500">alamat </td>
<td width="600">
<textarea cols="45" name="txtalamat" row="5">

<br />
jurusan<br />
<input name="txtjurusan" size="45" type="text" /><br />
<input id="sudmit" name="simpan" type="submit" value="simpan" />
<input id="sudmit" type="reset" value="Batal" />
<br />
Nim tidak boleh Kosong, diisi dulu ";
}elseif($nama==''){
echo " Nama tidak boleh Kosong, diisi dulu ";
}elseif($jeniskelamin==''){
echo " jeniskelamin tidak boleh Kosong, diisi dulu ";
}elseif($alamat==''){
echo " alamat tidak boleh Kosong, diisi dulu ";
}elseif($jurusan==''){
echo " jurusan tidak boleh Kosong, diisi dulu ";

}else{
mysql_query($input);
echo" Data berhasil dimasukkan";

}
}
?>

<br />
<hr />
<h2 align="center">
 Data Mahasiswa</h2>
NO<br />
Nim<br />
Nama<br />
Jenis_Kelamin<br />
Alamat<br />
jurusan<br />
";

$no=1;
while ($baris = mysql_fetch_row($sql)){
$nim    =$baris[0];
$nama    =$baris[1];
$jeniskelamin  =$baris[2];
$alamat    =$baris[3];
$jurusan   =$baris[4];

echo"
 $no<br />
$nim<br />
$nama<br />
$jeniskelamin<br />
$alamat<br />
$jurusan<br />
";
 
 $no++;
 }
 echo "";
 ?>

c. Hasil

Minggu, 05 Oktober 2014

LAPORAN MODUL 3

MODUL 3 “PHP( Hypertext Preprocessor)”

A. Tujuan
Dapat mengetahui dan memahami bahasa pemrograman PHP( Hypertext Preprocessor)
B. Landasan Teori

PHP adalah bahasa pemrograman yang berfungsi untuk membuat website dinamis maupun aplikasi web. PHP dapat berintegrasi dengan database, file dan folder, sehingga membuat PHP bisa menampilkan konten yang dinamis dari sebuah website. PHP adalah bahasa scripting, bukan bahasa tag based seperti HTML. PHP termasuk bahasa yang cross-platform, yang artinya bisa berjalan pada sistem operasi yang berbeda-beda. Program PHP ditulis dalam file plain text dan mempunyai akhiran “.php”. PHP membutuhkan web server, yang bertugas untuk memproses file-file php dan mengirimkaan hasil pemrosesan untuk ditampilkan di browser client. Oleh karena itu, PHP termasuk server-side scriptin.

Beberapa penulisan script PHP:
1. <?php.......?>
2. <script language=’php’>.......</script>
3. <?.......?>
4. <%......%>
C. Alat dan Bahan
Alat dan bahan yang digunakan dalam praktikum adalah:
1. PC (Personal Komputer) atau Laptop
2. Sistem Operasi Windows
3. Browser (Mozilla Firefox)
4. Notepad++
5. File gambar ber-ekstensi .jpg
6. Web server local XAMPP
7. Microsoft Word

Baca selengkapnya »

Minggu, 28 September 2014

Laporan Modul2

A. Tujuan
Mengetahui dan memahami Tag-tag dalam HTML lebih lanjut, dan mengetahui fungsi dari tag-tag tersebut
B. landasan teori Dalam mengakses

informasi dari dunia internet, pengguna akan menuju ke sebuah alamat unik internet yang disebut nama domain(Domain Name/URL – Uniform Resource Locator) dan menemukan informasi berbentuk teks, gambar, animasi, bergerak ataupun suara dalam sebuah media, yang disebut dengan website atau situs. Website ini dibuka melalui sebuah program penjelajah atau browser yang berada di sebuah komputer. Program penjelajah yang bisa digunakan dalam komputer diantaranya : IE, mozila firefox,netscape,safari,dan opera. Website atau situs dapat diartikan sebagai kumpulan halam-halaman yang digunakan untuk menampilkan formasi teks , gambar diam atau gerak, animasi, suara, dan atau gabungan dari semuanya itu baik yang bersifat sr=tatis maupun dinamis yang membentuk suatu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink). pengunjung website terkadang ingin berinteraksi dengan admin situs atau pun dengan pengunjung lain untuk berbagi informasi yang di sajikan dalam suatu halaman web. oleh karna itu, disediakan suatu tempat untuk mengisikan pesan atau pun identitas pengunjung untu diketahuai oleh admin maupun pengunjung lain. tempat tersebut sering disebut dengan form.form terdiri dari beberapa jenis masukan data, seperti berupa teks, gambat(image), password,checkbox,dan lain-lain.kemudian data-data tersebut dikirim menggunakan sebuah tombol, atau teks yang di jadikan tombol.

Baca selengkapnya »

Selasa, 23 September 2014

LAPORAN MODUL 1

Langkah Percobaan

Percobaan 1: Dokumen HTML
1. Membuka Notepad++
2. Mengetik Script berikut:

3. Menyimpan file dengan nama dokumen.html
4. Membuka file menggunakan browser.
5. Hasil

Percobaan 2: Dokumen HTML
1. Membuka Notepad++
2. Mengetik Script berikut:

3. Menyimpan file dengan nama dokumen.html
4. Membuka file menggunakan browser.
5. Hasil

Percobaan 3: Dokumen HTML
1. Membuka Notepad++
2. Mengetik Script berikut:

Baca selengkapnya »

kampoeng jawa

Pages

Berbagi waktu

Popular Posts

Blogroll

About

Mengenai Saya

Minggu, 19 Oktober 2014

Laporan Modul 5

Senin, 13 Oktober 2014

Laporan Modul4

Minggu, 05 Oktober 2014

LAPORAN MODUL 3

Minggu, 28 September 2014

Laporan Modul2

Selasa, 23 September 2014

LAPORAN MODUL 1

Langkah Percobaan

Blogger templates

Blogger news

Blog Archive