Sunday, November 1, 2015

Cara Menampilkan halaman dengan Xampp

Cara menggunakan Xampp 

-  Jika XAMPP sudah terinstall seperti artikel sebelumnya yang di post kan kita langsung saja buka aplikasi Xampp nya.
- Centang Apache, MySQL dan Filezilla nya Lalu di start.

- Jika sudah di jalankan kita langsung menuju ke C:\xampp\htdocs .
- Buatlah folder dengan nama bebas misalkan "kertaskuliah" (tanpa tanda petik). 

-  Setelah folder sudah dibuat bukalah notepad windows+R ketikan notepad.
-  Buatlah syntaks PHP atau HTML yang mau agan tampilkan di browser.
-  contoh Syntaks nya seperti ini :
_________________________________________________________________________________
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>KertasKuliah</title>
<style type="text/css">
body{
background: url('images/contoh.jpg') no-repeat scroll;
background-size: 100% 100%;
min-height: 900px;
}
.style1 {color: #FFFFFF}
</style>
</head>

<body>
<div align="center">

  <p class="style1">&nbsp;</p>
  <p class="style1">&nbsp;</p>
  <p class="style1">&nbsp;</p>
  <p class="style1">&nbsp;</p>
  <p class="style1">&nbsp;</p>
  <p class="style1">&nbsp;</p>
  <p class="style1">&nbsp;</p>
  <h1 class="style1">Terimakasih sudah berkunjung Kertaskuliah.blogspot.com</h1>
  <h3 class="style1">Semoga Artikel ini bermanfaat</h3>
  <h3 class="style1">Silahkan Follow Mediasosial di kanan blog</h3>


</div>
</body>
</html>
_________________________________________________________________________________

-  Jika gambar background ingin di ganti maka buatlah folder di dalam folder "kertaskuliah" .
-  Beri nama folder dengan "Images" (tanpa tanda petik) masukan gambar kedalah folder tersebut, ingat nama gambar disarankan yang mudah misalkan "contoh.jpg".
-  Pada syntaks ganti images/contoh.jpg menjadi nama gambar agan contohnya "images/agan.jpg"
-  Save hasil editan agan tadi.
-  Contoh tampilan yang sudah di buat seperti ini :

Semoga bermanfaat....


No comments:

Post a Comment

Tata cara komentar di blog ini :
1. Menggunakan bahasa yang baik dan benar
2. Pikirkan terlebih dahulu apa yang ingin di pertanyakan
3. Boleh saling memberikan informasi yang akurat dan jelas
4. Anda sopan, kami segan