SMKN 1 Talaga..., Religius, Vokasional, Enterpreneur dan Profesional)

Selamat Datang...., di Blog Media Belajar Daring dan Tutorial - Muchamad Eki S. A. .......




Selamat Datang di Blog
SMK Negeri 1 Talaga

SMK Negeri 1 Talaga..., Religius, Vokasional, Enterpreneur dan Profesional)


Jalan Sekolah No.20, Talagakulon, Kec. Talaga, Kabupaten Majalengka, Jawa Barat 45463

<<<     Media Belajar Daring dan Tutorial     >>>



Tampilkan postingan dengan label Apikasi Pemrograman Web. Tampilkan semua postingan
Tampilkan postingan dengan label Apikasi Pemrograman Web. Tampilkan semua postingan

Latihan 9 - Aplikasi Pemrograman Web - Peminjaman Buku - Kombinasi Beberapa Tabel

Latihan 9 - Aplikasi Pemrograman Web - Peminjaman Buku - Kombinasi Beberapa Tabel



Di Latihan 9 membahas pengoperasian aplikasi untuk mengolah dari beberapa tabel



buku-pinjam.php


<head>
<title>Aplikasi Buku Perpustakaan</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<table width=800 border=0 align=center>
  <tr height=200 class="kotak5 gradient8">
    <td>
      <p align=left>
         <font color=white size=6>
         &nbsp;&nbsp;Aplikasi Buku Perpustakaan
         </font>
      </p>
    </td>
  </tr>
  <tr height=50 class="kotak1 gradient7">
    <td>
<div class="ketengah">
  <!-- linear gradient -->

          <?php
             include "menu.php"
          ?>

</div>
    </td>
  </tr>
  <tr height=200>
    <td>
      <image src="gambar/gerbang.jpg" width=800 height=300>
    </td>
  </tr>

  <tr height=30 class="kotak3 gradient6">
    <td>
<marquee scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()" style="color: white;">
   <font size="3"> <b>
     Selamat Datang di Aplikasi Buku Perpustakaan SMKN 1 Panyingkiran
   </b></font>
</marquee>
    </td>
  </tr>

  <tr height=800 class="kotak4 gradient7" valign="top">
    <td>

    <br><br><br>
    <center>
    <font color=white size="4"><b>
    &nbsp;&nbsp;&nbsp;PEMINJAMAN BUKU PERPUSTAKAAN
    </font></b>
    <br><br><br>
        <?php
  include "koneksi.php";
  $kdbuku = $_GET['kdbuku'];
  $query_mysql = mysql_query("SELECT * FROM buku WHERE kdbuku='$kdbuku'")or die(mysql_error());
  $nomor = 1;
  while($data = mysql_fetch_array($query_mysql)){
?>
<form action="buku-simpan-peminjaman.php" method="post">
<table align="center" width="700">
<tr bgcolor="lightgreen">
   <td>id</td>
   <td >
<input type="text" name="id">
   </td>
</tr>
<tr bgcolor="lightgreen">
   <td>Nama</td>
   <td>
<input type="text" name="nama">
   </td>
</tr>
<tr bgcolor="lightgreen">
   <td>Tanggal Pinjam</td>
   <td>
<input type="date" name="tglpinjam">
   </td>
</tr>
<tr bgcolor="lightgreen">
   <td>Tanggal Kembali</td>
   <td>
<input type="date" name="tglkembali">
   </td>
</tr>
<tr bgcolor="lightgreen">
   <td>Keterangan</td>
   <td>
<input type="text" name="ket" readonly value="<?php echo 'pinjam' ?>">
   </td>
</tr>
<tr bgcolor="lightgreen">
   <td>Kdbuku</td>
   <td bgcolor="blue" >
<input type="text" name="kdbuku" readonly value="<?php echo $data['kdbuku'] ?>">
   </td>
</tr>
<tr bgcolor="lightgreen">
   <td>ISBN</td>
   <td bgcolor="blue" ><input type="text" name="isbn" readonly value="<?php echo $data['isbn'] ?>"></td>
</tr>
<tr bgcolor="lightgreen">
   <td>Judul</td>
   <td><input type="text" name="judul" readonly value="<?php echo $data['judul'] ?>"></td>
</tr>
<tr bgcolor="lightgreen">
   <td>Pengarang</td>
   <td bgcolor="blue" ><input type="text" name="pengarang" readonly value="<?php echo $data['pengarang'] ?>"></td>
</tr>
<tr bgcolor="lightgreen">
   <td>Penerbit</td>
   <td bgcolor="blue" ><input type="text" name="penerbit" readonly value="<?php echo $data['penerbit'] ?>"></td>
</tr>
<tr bgcolor="lightgreen">
   <td></td>
   <td>
              <Button class=warna2 type="submit" value="Simpan Data Peminjaman Buku">
                < Simpan Data Peminjaman Buku >
              </button>
           </td>
</tr>
</table>
</form>
<?php } ?>



    </td>
  </tr>

  <tr height=200 class="kotak2 gradient8">
    <td>
      <p align=center>
         &nbsp;&nbsp;&nbsp;<img src="gambar/logo.png" width="50" height="50"><br>
         <font color=white size="4">
         &nbsp;&nbsp;&nbsp;SMK Negeri 1 Panyingkiran
         </font>
         <br>
         <font color=white size="2">
         &nbsp;&nbsp;&nbsp;Jalan Kirapandak Panyingkiran Kabupaten Majalengka 45459
         <br>
         &nbsp;&nbsp;&nbsp;Created By : muchamadekisa@2019
         </font>
      </p>
    </td>
  </tr>
</table>
</body>





buku-simpan-peminjaman.php


<?php

include 'koneksi.php';
$id = $_POST['id'];
$tglpinjam = $_POST['tglpinjam'];
$kdbuku = $_POST['kdbuku'];
$tglkembali = $_POST['tglkembali'];
$nama = $_POST['nama'];
$isbn = $_POST['isbn'];
$judul = $_POST['judul'];
$pengarang = $_POST['pengarang'];
$penerbit = $_POST['penerbit'];
$ket = $_POST['ket'];

mysql_query("INSERT INTO peminjaman
VALUES('$id','$tglpinjam','$kdbuku','$tglkembali','$nama')");

mysql_query("UPDATE buku
SET isbn='$isbn', judul='$judul', pengarang='$pengarang', penerbit='$penerbit', ket='$ket' WHERE kdbuku='$kdbuku'");

header("location:buku-lihat.php");

?>


Share:

Latihan 8 - Aplikasi Pemrograman Web - Mencari Data

Latihan 8 - Aplikasi Pemrograman Web - Mencari Data



Pada Latihan 8 ini mempelajari langkah untuk mencari data di database

<head>
<title>Aplikasi Buku Perpustakaan</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<table width=800 border=0 align=center>
  <tr height=200 class="kotak5 gradient8">
    <td>
      <p align=left>
         <font color=white size=6>
         &nbsp;&nbsp;Aplikasi Buku Perpustakaan
         </font>
      </p>
    </td>
  </tr>
  <tr height=50 class="kotak1 gradient7">
    <td>
<div class="ketengah">
  <!-- linear gradient -->

          <?php
             include "menu.php"
          ?>

</div>
    </td>
  </tr>
  <tr height=200>
    <td>
      <image src="gambar/gerbang.jpg" width=800 height=300>
    </td>
  </tr>

  <tr height=30 class="kotak3 gradient6">
    <td>
<marquee scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()" style="color: white;">
   <font size="3"> <b>
     Selamat Datang di Aplikasi Buku Perpustakaan SMKN 1 Panyingkiran
   </b></font>
</marquee>
    </td>
  </tr>

  <tr height=800 class="kotak4 gradient7" valign="top">
    <td>

    <br><br><br>
    <center>
    <font color=white size="4"><b>
    &nbsp;&nbsp;&nbsp;PENCARIAN DATA BUKU PERPUSTAKAAN
    </font></b>
    <br><br><br> 

<?php
include 'koneksi.php';
?>

<table border="1" width="700" align="center">
<tr bgcolor="lightgreen">
  <td>Cari Data Buku</td>
  <td>
      <form action="buku-cari.php" method="get">
<input type="text" name="cari" width="700">

  </td>
</tr>
<tr bgcolor="lightgreen">
  <td></td>
  <td><button class=warna2 type="submit" value="cari">< Cari Data Buku ></button>
  </td>
</tr>     
      </form>
</table>
<br><br>
<font color="white">

<?php
if(isset($_GET['cari'])){
$cari = $_GET['cari'];
echo "<b>HASIL PENCARIAN : ".$cari."</b>";
}
?>
</font>

<table border="1" width="700" align="center">
<tr bgcolor="lightgrey">
<th>No</th>
<th>Kdbuku</th>
<th>ISBN</th>
<th>Judul</th>
<th>Pengarang</th>
<th>Penerbit</th>
</tr>
<?php
if(isset($_GET['cari'])){
$cari = $_GET['cari'];
$data = mysql_query("select * from buku where kdbuku like '%".$cari."%'");
}else{
$data = mysql_query("select * from buku");
}
$no = 1;
while($d = mysql_fetch_array($data)){
?>
<tr bgcolor="lightgreen">
<td><?php echo $no++; ?></td>
<td><?php echo $d['kdbuku']; ?></td>
<td><?php echo $d['isbn']; ?></td>
<td><?php echo $d['judul']; ?></td>
<td><?php echo $d['pengarang']; ?></td>
<td><?php echo $d['penerbit']; ?></td>
</tr>
<?php } ?>
</table>

    </td>
  </tr>

  <tr height=200 class="kotak2 gradient8">
    <td>
      <p align=center>
         &nbsp;&nbsp;&nbsp;<img src="gambar/logo.png" width="50" height="50"><br>
         <font color=white size="4">
         &nbsp;&nbsp;&nbsp;SMK Negeri 1 Panyingkiran
         </font>
         <br>
         <font color=white size="2">
         &nbsp;&nbsp;&nbsp;Jalan Kirapandak Panyingkiran Kabupaten Majalengka 45459
         <br>
         &nbsp;&nbsp;&nbsp;Created By : muchamadekisa@2019
         </font>
      </p>
    </td>
  </tr>
</table>
</body>







Output setelah pencarian data :






Share:

Latihan 7 - Aplikasi Pemrograman Web - Menghapus Data

Latihan 7 - Aplikasi Pemrograman Web - Menghapus Data



Pada Latihan 7 ini membahas cara menghapus data dari database per record yang dipilih



buku-hapus.php


<?php 
include "koneksi.php";

mysql_select_db('perpustakaan'); 

//Proses penghapusan data dari tabel di database       
$kdbuku=$_GET['kdbuku'];    
$delete="Delete from buku Where kdbuku='$kdbuku'"; 
     
mysql_query($delete) or die ("Ada Error"); 
          
//tampilkan data di buku-lihat.php
header("location:buku-lihat.php");

//https://ahmadmustaqim.wordpress.com/2012/06/25/edit-dan-hapus-data-mysql-php/
     
?> 




Share:

Latihan 6 - Aplikasi Pemrograman Web - Edit Data

Latihan 6 - Aplikasi Pemrograman Web - Edit Data



Pada Latihan 6 mempelajari mengedit data dan proses penyimpanannya.



buku-edit.php


<head>
<title>Aplikasi Buku Perpustakaan</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<table width=800 border=0 align=center>
  <tr height=200 class="kotak5 gradient8">
    <td>
      <p align=left>
         <font color=white size=6>
         &nbsp;&nbsp;Aplikasi Buku Perpustakaan
         </font>
      </p>
    </td>
  </tr>
  <tr height=50 class="kotak1 gradient7">
    <td>
<div class="ketengah">
  <!-- linear gradient -->

          <?php
             include "menu.php"
          ?>

</div>
    </td>
  </tr>
  <tr height=200>
    <td>
      <image src="gambar/gerbang.jpg" width=800 height=300>
    </td>
  </tr>

  <tr height=30 class="kotak3 gradient6">
    <td>
<marquee scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()" style="color: white;">
   <font size="3"> <b>
     Selamat Datang di Aplikasi Buku Perpustakaan SMKN 1 Panyingkiran
   </b></font> 
</marquee>
    </td>
  </tr>

  <tr height=800 class="kotak4 gradient7" valign="top">
    <td>

    <br><br><br>
    <center>
    <font color=white size="4"><b>
    &nbsp;&nbsp;&nbsp;EDIT DATA BUKU PERPUSTAKAAN
    </font></b>
    <br><br><br>
        <?php 
  include "koneksi.php";
  $kdbuku = $_GET['kdbuku'];
  $query_mysql = mysql_query("SELECT * FROM buku WHERE kdbuku='$kdbuku'")or die(mysql_error());
  $nomor = 1;
  while($data = mysql_fetch_array($query_mysql)){
?>
<form action="buku-update.php" method="post">
<table align="center" width="700">
<tr bgcolor="lightgreen">
   <td>Kdbuku</td>
   <td bgcolor="blue" >
<input type="text" name="kdbuku" readonly value="<?php echo $data['kdbuku'] ?>">
   </td>
</tr>
<tr bgcolor="lightgreen">
   <td>ISBN</td>
   <td><input type="text" name="isbn" value="<?php echo $data['isbn'] ?>"></td>
</tr>
<tr bgcolor="lightgreen">
   <td>Judul</td>
   <td><input type="text" name="judul" value="<?php echo $data['judul'] ?>"></td>
</tr>
<tr bgcolor="lightgreen">
   <td>Pengarang</td>
   <td><input type="text" name="pengarang" value="<?php echo $data['pengarang'] ?>"></td>
</tr>
<tr bgcolor="lightgreen">
   <td>Penerbit</td>
   <td><input type="text" name="penerbit" value="<?php echo $data['penerbit'] ?>"></td>
</tr>
<tr bgcolor="lightgreen">
   <td></td>
   <td>
              <Button class=warna2 type="submit" value="Simpan Perubahan Data">
                < Simpan Perubahan Data >
              </button>
           </td>
</tr>
</table>
</form>
<?php } ?>



    </td>
  </tr>

  <tr height=200 class="kotak2 gradient8">
    <td>
      <p align=center>
         &nbsp;&nbsp;&nbsp;<img src="gambar/logo.png" width="50" height="50"><br>
         <font color=white size="4">
         &nbsp;&nbsp;&nbsp;SMK Negeri 1 Panyingkiran
         </font>
         <br>
         <font color=white size="2">
         &nbsp;&nbsp;&nbsp;Jalan Kirapandak Panyingkiran Kabupaten Majalengka 45459
         <br>
         &nbsp;&nbsp;&nbsp;Created By : muchamadekisa@2019
         </font>
      </p>
    </td>
  </tr>
</table>
</body>




Tampilan buku.edit.php





- - - - -

buku-update.php


<?php 

include 'koneksi.php';
$kdbuku = $_POST['kdbuku'];
$isbn = $_POST['isbn'];
$judul = $_POST['judul'];
$pengarang = $_POST['pengarang'];
$penerbit = $_POST['penerbit'];

mysql_query("UPDATE buku SET isbn='$isbn', judul='$judul', pengarang='$pengarang', penerbit='$penerbit' WHERE kdbuku='$kdbuku'");

header("location:buku-lihat.php?pesan=update");

?>




Share:

Latihan 5 - Aplikasi Pemrograman Web - Melihat Data

Latihan 5 - Aplikasi Pemrograman Web - Melihat Data



Pada Latihan 5 mempelajari bagaimana cara menampilkan data dari MySQL.


buku-lihat.php


<head>
<title>Aplikasi Buku Perpustakaan</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<table width=800 border=0 align=center>
  <tr height=200 class="kotak5 gradient8">
    <td>
      <p align=left>
         <font color=white size=6>
         &nbsp;&nbsp;Aplikasi Buku Perpustakaan
         </font>
      </p>
    </td>
  </tr>
  <tr height=50 class="kotak1 gradient7">
    <td>
<div class="ketengah">
  <!-- linear gradient -->

          <?php
             include "menu.php"
          ?>

</div>
    </td>
  </tr>
  <tr height=200>
    <td>
      <image src="gambar/gerbang.jpg" width=800 height=300>
    </td>
  </tr>

  <tr height=30 class="kotak3 gradient6">
    <td>
<marquee scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()" style="color: white;">
   <font size="3"> <b>
     Selamat Datang di Aplikasi Buku Perpustakaan SMKN 1 Panyingkiran
   </b></font> 
</marquee>
    </td>
  </tr>

  <tr height=800 class="kotak4 gradient7" valign="top">
    <td>

    <br><br><br>
    <center>
    <font color=white size="4"><b>
    &nbsp;&nbsp;&nbsp;DATA BUKU PERPUSTAKAAN
    </font></b>
    <br><br><br>   

   <table border="1" cellpadding="5" cellspacing="0" width=700 align=center>   
   <tr bgcolor="lightgrey">     
   <th> No </th>        
   <th> KdBuku </th>        
   <th> ISBN </th>        
   <th> Judul </th>        
   <th> Pengarang </th>        
   <th> Penerbit </th>        
   <th> Action </th>
     </tr>

     <?php 
        include 'koneksi.php';

        $select = "SELECT * FROM buku";
        $query = mysql_query($select);

        $no=0;
        while ($data = mysql_fetch_array($query)) {
            $kdbuku    = $data['kdbuku'];  // dari tabel
            $isbn      = $data['isbn'];
            $judul     = $data['judul'];
            $pengarang = $data['pengarang'];
            $penerbit  = $data['penerbit'];
            $no++;

            echo "                
      <tr bgcolor='lightgreen'>
      <td> $no </td>                     
      <td> $kdbuku </td>                     
      <td> $isbn </td>                     
      <td> $judul </td>
      <td> $pengarang </td>                     
      <td> $penerbit </td>                    
      <td>
         <a href=buku-edit.php?kdbuku=$data[kdbuku]>Edit</a>
         <a href=buku-hapus.php?kdbuku=$data[kdbuku]>Hapus</a>      
      </td>
      </tr>
       ";
      }
    ?>
    </table>


    </td>
  </tr>

  <tr height=200 class="kotak2 gradient8">
    <td>
      <p align=center>
         &nbsp;&nbsp;&nbsp;<img src="gambar/logo.png" width="50" height="50"><br>
         <font color=white size="4">
         &nbsp;&nbsp;&nbsp;SMK Negeri 1 Panyingkiran
         </font>
         <br>
         <font color=white size="2">
         &nbsp;&nbsp;&nbsp;Jalan Kirapandak Panyingkiran Kabupaten Majalengka 45459
         <br>
         &nbsp;&nbsp;&nbsp;Created By : muchamadekisa@2019
         </font>
      </p>
    </td>
  </tr>
</table>
</body>




Tampilan buku-lihat.php





Share:

Latihan 4 - Aplikasi Pemrograman Web - Menambah Data

Latihan 4 - Aplikasi Pemrograman Web



Pada latihan 4 ini merupakan tutorial untuk menambah data dan proses penyimpanannya, 


buku-tambah.php

<head>
<title>Aplikasi Buku Perpustakaan</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<table width=800 border=0 align=center>
  <tr height=200 class="kotak5 gradient8">
    <td>
      <p align=left>
         <font color=white size=6>
         &nbsp;&nbsp;Aplikasi Buku Perpustakaan
         </font>
      </p>
    </td>
  </tr>
  <tr height=50 class="kotak1 gradient7">
    <td>
<div class="ketengah">
  <!-- linear gradient -->

          <?php
             include "menu.php"
          ?>

</div>
    </td>
  </tr>
  <tr height=200>
    <td>
      <image src="gambar/gerbang.jpg" width=800 height=300>
    </td>
  </tr>

  <tr height=30 class="kotak3 gradient6">
    <td>
<marquee scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()" style="color: white;">
   <font size="3"> <b>
     Selamat Datang di Aplikasi Buku Perpustakaan SMKN 1 Panyingkiran
   </b></font>
</marquee>
    </td>
  </tr>

  <tr height=800 class="kotak4 gradient7" valign="top">
    <td>

    <br><br><br>
    <center>
    <font color=white size="4"><b>
    &nbsp;&nbsp;&nbsp;INPUT DATA BUKU PERPUSTAKAAN
    </font></b>
    <br><br><br>
    <form action="buku-simpan.php" method="post">
    <table align="center" width="700">
    <tr bgcolor="lightgreen">
<td>Kode Buku</td>
<td><input type="text" name="kdbuku"></td>
    </tr>
    <tr bgcolor="lightgreen">
<td>ISBN</td>
<td><input type="text" name="isbn"></td>
    </tr>
    <tr bgcolor="lightgreen">
<td>Judul</td>
<td><input type="text" name="judul"></td>
    </tr>
    <tr bgcolor="lightgreen">
<td>Pengarang</td>
<td><input type="text" name="pengarang"></td>
    </tr>
    <tr bgcolor="lightgreen">
<td>Penerbit</td>
<td><input type="text" name="penerbit"></td>
    </tr>
    <tr bgcolor="lightgreen">
<td></td>
<td>
            <Button class=warna2 type="submit" value="Simpan">
                < Simpan Data Buku Perpustakaan >
            </button>
            <Button class=warna2 type="reset" value="Batal">
                < Batal >
            </button>
        </td>
</tr>
</table>
</form>



    </td>
  </tr>

  <tr height=200 class="kotak2 gradient8">
    <td>
      <p align=center>
         &nbsp;&nbsp;&nbsp;<img src="gambar/logo.png" width="50" height="50"><br>
         <font color=white size="4">
         &nbsp;&nbsp;&nbsp;SMK Negeri 1 Panyingkiran
         </font>
         <br>
         <font color=white size="2">
         &nbsp;&nbsp;&nbsp;Jalan Kirapandak Panyingkiran Kabupaten Majalengka 45459
         <br>
         &nbsp;&nbsp;&nbsp;Created By : muchamadekisa@2019
         </font>
      </p>
    </td>
  </tr>
</table>
</body>




Tampilan buku-tambah.php




- - - - -

buku-simpan.php


<?php 
include 'koneksi.php';

$kdbuku = $_POST['kdbuku'];
$isbn = $_POST['isbn'];
$judul = $_POST['judul'];
$pengarang = $_POST['pengarang'];
$penerbit = $_POST['penerbit'];

mysql_query("INSERT INTO buku 
VALUES('$kdbuku','$isbn','$judul','$pengarang','$penerbit')");

header("location:buku-lihat.php");
?>




Share:

Latihan 3 - Aplikasi Pemrograman Web - phpMyAdmin

Latihan 3 - Aplikasi Pemrograman Web - phpMyAdmin



- - - - -


1. Aktifkan XAMPP (web server yang dipilih)
Modul Apache dan MySQl sampai berwarna hijau.




2. Membuat Folder di C:\xampp\htdocs.

3. Buka web browser :
dan ketikan localhost





Share:

Latihan 2 - Aplikasi Pemrograman Web - Layout Tabel dan CSS

Latihan 2 - Aplikasi Pemrograman Web





Membuat Aplikasi Pemrograman Web dengan Layout Table dan CSS
Ketiklah program berikut ini :



1. File CSS

Style.css  : ( simpan dengan nama style.txt )


body{
background: lightgrey;
font-family: roboto, cursive;
text-align: center;
}

h1{
color: #fff;
}

.ketengah{
margin: 0px auto;
width: 800px;
}

.kotak1{
background: blue;
width: 800px;
float: center;
height: 50px;
margin: 0px;
}
.kotak2{
background: blue;
width: 800px;
float: center;
height: 300px;
margin: 0px;
}
.kotak3{
background: blue;
width: 800px;
float: center;
height: 30px;
margin: 0px;
}
.kotak4{
background: blue;
width: 800px;
float: center;
height: 800px;
margin: 0px;
}
.gradient6 {
background: linear-gradient(to right, green, green, brown); /* Standard syntax */
background: -webkit-linear-gradient(left, green, green, brown); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, green, green, brown); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, green, green, brown); /* For Firefox 3.6 to 15 */
}

.gradient7 {
background: linear-gradient(green, green, brown); /* Standard syntax */
background: -webkit-linear-gradient(green, green, brown); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(green, green, brown); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(green, green, brown); /* For Firefox 3.6 to 15 */
}

.gradient8 {
background: linear-gradient(brown, brown, brown, brown, green); /* Standard syntax */
background: -webkit-linear-gradient(brown, brown, brown, brown, green); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(brown, brown, brown, brown, green); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(brown, brown, brown, brown, green); /* For Firefox 3.6 to 15 */
}
.gradient1 {
background: linear-gradient(red, green); /* Standard syntax */
background: -webkit-linear-gradient(red, green); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(red, green); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(red, green); /* For Firefox 3.6 to 15 */
}

.gradient2 {
background: linear-gradient(to right, red , yellow, green); /* Standard syntax */
background: -webkit-linear-gradient(left, red , yellow, green); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, red, yellow, green); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, red, yellow, green); /* For Firefox 3.6 to 15 */
}

.gradient3 {  
       background: radial-gradient(red, yellow, green); /* Standard syntax */
       background: -webkit-radial-gradient(red, yellow, green); /* Safari 5.1 to 6.0 */
       background: -o-radial-gradient(red, yellow, green); /* For Opera 11.6 to 12.0 */
       background: -moz-radial-gradient(red, yellow, green); /* For Firefox 3.6 to 15 */
}

.gradient4 {
       background: radial-gradient(circle, red, yellow, green); /* Standard syntax */  
       background: -webkit-radial-gradient(circle, red, yellow, green); /* Safari */
       background: -o-radial-gradient(circle, red, yellow, green); /* Opera 11.6 to 12.0 */
       background: -moz-radial-gradient(circle, red, yellow, green); /* Firefox 3.6 to 15 */
}


button{
    border: 1;
    padding: 10px 10px;
    font-size: 12px;
    color: snow;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
}
.warna{background-color: coral;}
.warna1{background-color: aqua;}
.warna2{background-color: blue;}
.warna3{background-color: green;}

button:hover{
    background-color: brown;
}

h1{color: aqua;}
h2{color: darkaqua;}
h3{color: darkaqua;}


.text {
    position: relative;
    display: inline-block;
    font-size: 18px;
    text-transform: uppercase;
    color: #244D49;
    text-shadow: 3px 3px 0px #D7DACC, 8px 8px 0px rgba(0, 0, 0, 0.1);
}



- - - - -


2. File Index.html


Index.html





<head>
<title>Aplikasi Buku Perpustakaan</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<table width=800 border=0 align=center>
  <tr height=50 class="kotak1 gradient6">
    <td>
<div class="ketengah">
  <!-- linear gradient -->

    <button  class="warna3">| Home |</button>
    <button  class="warna2">| Buku Perpustakaan |</button>
    <button  class="warna2">| About Me |</button>

</div>
    </td>
  </tr>
  <tr height=200>
    <td>
      <image src="gerbang.jpg" width=800 height=200>
    </td>
  </tr>

  <tr height=30 class="kotak3 gradient6">
    <td>
<marquee scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()" style="color: white;">
   <font size="3"> <b>
     Selamat Datang di Aplikasi Buku Perpustakaan SMKN 1 Panyingkiran
   </b></font> 
</marquee>
    </td>
  </tr>

  <tr height=800 class="kotak4 gradient6">
    <td>
    </td>
  </tr>

  <tr height=200 class="kotak2 gradient8">
    <td>
      <p align=left>
         <font color=white size=6>
         &nbsp;&nbsp;Aplikasi Buku Perpustakaan
         <hr>
         </font>
         <br>
         <font color=white>
         &nbsp;&nbsp;&nbsp;SMK Negeri 1 Panyingkiran
         </font>
         <br>
         <font color=white>
         &nbsp;&nbsp;&nbsp;Jalan Kirapandak Panyingkiran Kabupaten Majalengka 45459
         </font>
         <br>
         <font color=white>
         &nbsp;&nbsp;&nbsp;Created By : muchamadekisa@2019
         </font>
      </p>
    </td>
  </tr>
</table>
</body>



Share:

Berdoa di Hari Jumat Berkah

<<= Berdoa di Hari Jumat Berdoa =>>

Profil SMKN 1 Talaga

AJAP - - - - IID - KIJB 2023

<<= Kualitas Inovasi AJAP =>>
<<= Aplikasi Jadwal Pelajaran =>>

Testimoni TEFA BR - SMKN 1 Talaga

<<= Testimoni TEFA BR =>>

Postingan Populer

Label

Formulir Kontak

Nama

Email *

Pesan *

Recent Posts