Tampilkan postingan dengan label PHP. Tampilkan semua postingan
Tampilkan postingan dengan label PHP. Tampilkan semua postingan

Sabtu, 23 April 2016

Pengertian list/daftar di HTML beserta contohnya

Pengertian list di HTML

List adalah bagian teks di dalam dokumen yang berisi daftar menu/item dari suatu anggota, kelompok atau grup tertentu.

List dalam suatu HTTML terbagi menjadi 2 yaitu :

1. Orderer List

2. Unorderer List

Pada penggunaanya, orderer memakai tag <ol> sedangkan Unorderer list memakai <ul> dan untuk penggunan list sendiri memakai tag <li>.

berikut contoh penggunaan orderer list yang memakai tag <ol>  :

<html>
<head>
<title> contoh orderer list </title>

<body>
<li> Daftar Makanan
<ol>
<li> Bakso </li>
<li> Mie goreng</li>
<li> Sate</li>
</ol>
</li>

     <li> Daftar Minuman
    <ol>
   <li> Jus jambu </li>
   <li> Jus wortel</li>
   <li> Just tomat</li>
  </ol>
   </li>

</body>
</html>



contoh penggunaan unorderer list yang memakai tag <ul>  :

<html>
<head>
<title> contoh unorderer list </title>
<body>

<li> Daftar Makanan
<ul>
<li> Bakso </li>
<li> Mie goreng</li>
<li> Sate</li>
</ul>
</li>

<li> Daftar Minuman
<ul>
<li> Jus jambu </li>
<li> Jus wortel</li>
<li> Just tomat</li>
</ul>
</li>

</body>
</html>



pengunaan list tidak unuk html saja. Dalam CSS pnggunaan list bisa juga digunakan untuk membuat navigasi dihalaman web, seperti Home, kontak dan lain lain.

           

Minggu, 20 Desember 2015

Belajar PHP Pemula/ Pertama





Bagi seorang pemula yang belajar pertama tentu bertanya tanya apa sich php dan bagaimana cara jalankannya.

Apa itu php?


Php adalah sebuah bahasa pemograman  script server-side yang didesain untuk pengembangan web. Selain itu, PHP juga bisa digunakan sebagai bahasa pemrograman umum.  PHP di kembangkan pada tahun 1995 oleh Rasmus Lerdorf, dan sekarang dikelola oleh The PHP Group. Situs resmi PHP beralamat di www.php.net
Secara garis besar bahasa pemrograman web terdiri dari dua macam. Yang pertama disebut dengan Client Side atau script yang dijalankan di komputer client dan yang kedua biasanya disebut dengan Server Side atau script yang dijalankan pada komputer server. Gampangnya begini kalo Client Side adalah script atau perintah yang ditujukan pada komputer untuk dijalankan pada komputer milik orang yang mengakses web tersebut. Misalnya kalian mengakses web site www.indrabt.com. Apabila web site ini memiliki script client side yang berguna untuk menampilkan misalnya gambar logo milik web site ini maka yang menjalankan script tersebut adalah komputer kalian atau dengan kata lain browser kalian. Apabila script yang berguna untuk menampilkan gambar logo adalah bersifat server side maka pertama tama script tersebut akan diproses di server tempat web site tersebut berada (biasanya disebut dengan hosting), setelah diproses baru hasil pemrosesan tersebut akan dikirimkan pada client yang mengakses web site tersebut. Begitu gambarannya.
Bahasa pemrograman web yang termasuk dalam Client Side dan Server Side. Saya akan memberikan contoh yang paling banyak digunakan aja soalnya saya juga gak hafal sich semua macam bahasa pemrograman web baik yang client maupun server side. Bahasa pemrograman Client Side yang terkenal adalah Javascript, VBScript, beserta dengan teman-temannya. Sedangkan bahasa pemrograman server side yang terkenal adalah PHP, Ruby On Rail, JSP, ASP, ASP.NET, dan masih banyak lagi.
Bagaimana cara menjalankan Php ?
Untuk  menjalankan Php bagi pemula/pertama, langkah langkah yang di perlukan adalah :
  1. Mempunyai  XAMPP
  2. Notepad
  3. Google Chrome  atau yang lainnya.



Contoh scrip pertama php bagi pemula/pertama yaitu

<?php
 Ini contoh scrip php pemula/petama
 ?>

                                  Contoh scrip lainnya php pemula/pertama adalah :

<? Echo “ini contoh php pemula/pertama saya
?>


 Cara menjalankanya script php tersebut  adalah
1.       Propetis c:/
2.       Lihat folden XAMP
3.       Htdoc.
4.       Copy paste script php pemula/pertama terebut
5.       Kemudian buka  Google chrome dan tulis di URL localhost/belajat php pemula

Fungsi PHP Dalam Pemrograman Web

Untuk membuat halaman website bagi pemula/pertama, sebenarnya PHP bukanlah bahasa pemrograman yang wajib digunakan. Kita bisa saja membuat website hanya menggunakan HTML saja. Web yang dihasilkan dengan HTML dan CSS  ini dikenal dengan website statis, dimana konten dan halaman web bersifat tetap.

Sebagai perbandingan, website dinamis yang bisa dibuat menggunakan PHP adalah situs web yang bisa menyesuaikan tampilan konten tergantung situasi. Website dinamis juga bisa menyimpan data ke dalam database, membuat halaman yang berubah-ubah sesuai input dari user, memproses form, dll.

Untuk pembuatan web, kode PHP biasanya di sisipkan kedalam dokumen HTML. Karena fitur inilah PHP disebut juga sebagai Scripting Language atau bahasa pemrograman script.

Contoh penggunaan PHP bagi pemula/pertama, misalkan kita ingin membuat list dari nomor 1 sampai nomor 9. Dengan menggunakan HTML murni, kita bisa membuatnya secara manual seperti kode berikut ini:

<!DOCTYPE html>
<html>
   <head>
      <title>Contoh list dengan HTML</title>
   </head>
<body>
<h2>Daftar Absensi Mahasiswa</h2>
   <ul>
      <li>Nama Mahasiswa ke-1</li>
      <li>Nama Mahasiswa ke-2</li>
      <li>Nama Mahasiswa ke-2</li>
<li>Nama Mahasiswa ke-3</li>
<li>Nama Mahasiswa ke-4</li>
<li>Nama Mahasiswa ke-5</li>
<li>Nama Mahasiswa ke-6</li>
<li>Nama Mahasiswa ke-7</li>
<li>Nama Mahasiswa ke-8</li>
<li>Nama Mahasiswa ke-9</li>
</ul>
</body>
</html>
      
  


Untuk orang belajar php pemla/pertama ada cara singkat menggunakan PHP, kita tinggal membuat perulangan for misalkan sebanyak 1000 kali dengan perintah yang lebih singkat seperti berikut ini:



<!DOCTYPE html>
<html>
   <head>
      <title>Contoh list dengan PHP</title>
   </head>
<body>
<h2>Daftar Absensi Mahasiswa</h2>
   <ol>
      <?php
      for ($i= 1; $i <= 1000; $i++)
         {
            echo "<li>Nama Mahasiswa ke-$i</li>";
         }
      ?>
   </ol
</body>
</html>

 ini hasilnya :




Selasa, 08 Desember 2015

contoh php sederhana





contoh php sederhana



ini contoh php sederhana menggunakan micro media dan untuk tutorialnya saya akan menjelaskan dasar php.
Contoh php dasar.



<?php

echo ("belajar php itu mudah");

?>



Contoh dasar membuat form input barang misalnya.

 <body>
<td>nama barang  </td>  
<input type="text" name="nama barang"  />
<td>kode barang</td>
<input type="text" name="kode barang" />
<input type="button" value="simpan"/>
</body>



Senin, 23 November 2015

web gratis (tutorial )

Cara membuat website sendiri denmgan cms wordpress

Langkah langkahnya

1. Pertama anda download dulu CMS webnya di wordpress . dan extract dulu filenya untuk menjadi sebuah folder.

2. Copy folder tadi dan bawa ke C:xampp/htdoct dan paste folder tadi disitu.

3. buka XAMPP anda aktifkan Apache dan MySql seperti di gambar ini


4. Buka Browser dan ketik http://localhost/phpmyadmin dan buat database yang anda suka.

5. Buka tab lain kemudian ketik http://localhost/wordpress dan akan tampil seperti ini
kemudian klik di tulisan  Ayo!
kemudian akan tampil seperti ini
nama basis data : nama database yang dibuat tadi conoh db_cmsportal misalnya, nama pengguna root, passsword di kosongkan saja host basis data tetap localhost dan prefik tabel tetap wp-. Kemudian klik di tulisan Kirim

5. Website berhasil dibuat dan akan tampil seperti ini 
kemudian klik Jalankan instalasi dan hasilnya seperti ini 
isi judul website terserah anda
nama pengguna terserah anda
password terserah anda
isi email 
kemudian  klik Instal Wordpress

6. buka tab baru ketik http://localhost/wordpress dan hasilnya
                                                   Selamat websitenya sudah jadi.




Selasa, 03 November 2015

Tutorial Membuat From Login

Tutorial membuat from login 






Pertama buka dreamweaver anda


tulis sricpt ini :


 <!DOCTYPE html>
<html>
<title>Form Login</title>
<!-- Skrip CSS -->
<link rel="stylesheet" href="csslogin.css"/>
 </head> 
<body>
<div class="container">
<div class="main">
<form action="" method="post">
<h> FORM LOGIN DENGAN PHP</h2>
 <hr/>
<label>Username :</label>
<input id="name" name="username" placeholder="username" type="text">
<label>Password :</label>
<input id="password" name="password" placeholder="**********" type="password">
<input type="submit" name="submit" id="submit" value="Login">
</form>
</div> 
 </div>
 </body>
</html>




kedua untuk mempercantik tampilannya
kita membuat file css



.container {
width: 50%;
margin: 0 auto;

h2{
background-color: #53bd84; 
padding: 30px 35px; 
margin: -10px -50px;
text-align:center;
color: #fff;
}
span{ 
display: block; 
margin-bottom: 20px;
color: red;
}
.success{ 
display: block;
margin-top: 20px;
margin-bottom: 0;
font-size: 14px;

b{
color:green;
}
hr{
margin: 10px -50px;
border: 0;
border-top: 1px solid #ccc; 
margin-bottom: 25px;
}
div.main{
width: 306px; 
padding: 10px 50px 30px;
border: 2px solid gray;
font-family: raleway;
float:left; 
margin-top:15px;
}
input[type=text]{ 
width: 96%;
height: 25px;
padding: 5px; 
margin-bottom: 25px; 
margin-top: 5px;
border: 2px solid #ccc;
color: #53bd84;
font-size: 16px;
}
input[type=password]{
width: 96%;
height: 25px;
 padding: 5px; 
margin-bottom: 25px;
margin-top: 5px;
border: 2px solid #ccc;
color: #53bd84;
font-size: 16px;
}
label{
color: #53bd84;
text-shadow: 0 1px 0 #fff;
font-size: 14px;
font-weight: bold;
}
input[type=submit]{
font-size: 16px;
background: linear-gradient(#53bd84 5%, #fff 100%); 
color: #4E4D4B; 
font-weight: bold;
cursor: pointer;
width: 100%;
padding: 10px 0;
outline:none;
}



semoga bermanfaat ;)