Percobaan From Dengan HTML,PHP Dan CSS
A.Tujuan
Mengetahui dan memahami dasar-dasar bahasa HTML,PHP,dan CSS sebagai dasar pemrograman untuk membuat web statis.
B.KONSEP DASAR
Hypertext Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.
Cascading Style Sheet (CSS) merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.
PHP: Hypertext Preprocessor adalah bahasa skrip yang dapat ditanamkan atau disisipkan ke dalam HTML.[2][3] PHP banyak dipakai untuk memprogram situs web dinamis. PHP dapat digunakan untuk membangun sebuah CMS.
PHP: Hypertext Preprocessor adalah bahasa skrip yang dapat ditanamkan atau disisipkan ke dalam HTML.[2][3] PHP banyak dipakai untuk memprogram situs web dinamis. PHP dapat digunakan untuk membangun sebuah CMS.
c.Langkah Kerja
1.Pertama buka Text Editor Seperti brackets , sublimetext , Notepad++,DLL.
2.Buka Aplikasi Tersebut.
2.Buka Aplikasi Tersebut.
3.Lalu Buat File baru Nama File(Sesuka Kalian) Dalam bentuk HTML,PHP,dan CSS.
Disini saya Menggunakan Brackets ,kemudian kita masukan syntax untuk HTML untuk membuat Syntax Tampilan Form.
4.Lalu berikut Syntax Untuk menampilkan Form
<html>
<body>
<title>Buku Tamu</title>
<p>Buku Tamu</p>
<h2>silakan isi buku tamu</h2>
<body background="ghost.jpg">
<form action="proses.php" method="post">
Nama lengkap:<br><input name="nama" type="text" placeholder="aryarizaldi">
<br>
<br>
Email:<br><input name="Email" type="text"placeholder="aryarizaldi@gmail.com">
<br>
<br>
Website:<br><input name="Website" type="text"placeholder="www.green.com">
<br>
<br>
<button link="http.www.facebook.com">facebook</button>
<p>jenis kelamin</p> : <input type="radio" name="gender" value="male">pria<br>
<input type="radio" name="gender" value="famale">wanita<br>
Pesan:<br><textarea cols = 45 rows = 12 placeholder="silakan isi saran atau keritik"></textarea><br>
<input type="submit" value="kirim"> <input type="submit" value="hapus">
</form>
</body>
</html>
5.Lalu Save Dalam bentuk HTML
Ini Contoh Form yang sudah jadi dalam bentuk HTML.
6.selanjutnya kita akan membuat CSS Syntax nya.
<style type="text/css">
table{
border-collapse: collapse;
border: 1px solid black;
}
</style>
kita simpan di bawah <head>
7.Selanjutnya Kita akan membuat PHP Sytax nya
<html>
<body>
<?php
$nama = $_POST['nama'];
$email = $_POST['email'];
$website = $_POST['website'];
$pesan = $_POST['pesan'];
$gender = $_POST['gender'];
$gender1 = $_POST['gender'];
echo "<center><h1>Anda Berhasil !!!!</h1></center>";
echo "Nama anda = " $nama ".<br>";
echo "Email anda = " $email ".</br>";
echo "Nama Website = " $website "</br>";
echo "Pesan anda = " $pesan "</br>";
echo "kelamin = " $gender1 "</br>";
echo "Terima kasih";
?>
</body>
</html>
Dan Ini Sytex PHP
D.KESIMPULAN
Anda Dapat membuat sebuah web sedeerhana dengan mudah dan simpel dengan cara
yaitu gabungan HTML ,CSS ,dan PHP
E.Daftar Pustaka
https://wintiaeka.wordpress.com/2014/09/23/laporan-praktikum-pemrograman-web-modul-1
https://id.wikipedia.org/wiki/HTML
https://id.wikipedia.org/wiki/Cascading_Style_Sheets
https://id.wikipedia.org/wiki/PHP
Komentar
Posting Komentar