Cara menggunakan form penjualan barang html

Cara Membuat Form Penjualan menggunakan HTML - Siapa yang tidak tau pemrograman dasar komputer, hampir semuanya tau apalagi mahasiswa yang prodinya itu Teknik Informatika, buat mahasiswa teknik informatika yang namanya Source Code itu makanan setiap hari. Jadi buat Anda yang masih awam dalam membuat skrip HTML jangan takut karena sekarang saya akan berbagi source code yang anda butuhkan. Pada mata kuliah WEB PROGRAMMING kali ini, saya akan berbagi contoh skrip penjualan kendaraan mobil dan motor.

Aplikasi yang dibutuhkan yaitu:

1. Adobe Dreamweaver CC 2018
2. Notepad
3. Xampp
3. Browser

Ok langsung saja berikut langkah - langkahnya:

- Buka AdobeDreamWeaver atau Notepad Anda

- Buatlah file baru

- Kemudian Copy dan Paste kode berikut ini ke AdobeDreamWeaver atau Notepad Anda

- Setelah terCopy, simpan dengan nama cobaHOME.php

<html>
<head>
<body background="Bugatti-Vision.jpg">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SHOWROOMKOCAY</title>
<style type="text/css">
.putih {
color: #FFF;
}
</style>
</head>

<body>
<h2 style="text-align:center;font-family:infected;font-size:40px;"><font color="blue">WELCOME TO SHOWROOM KOCAY</h2></font>
<h2><font color="blue"><marquee><b><u>SELAMAT DATANG DI SHOWROOMKOCAY.COM</u></b></marquee></font></h2>
<p style="font-size:25px;"><font color="white"><b>SHOWROOM KOCAY adalah Showroom yang menyediakan berbagai jenis kendaraan Mobil dan Motor. Kami hanya menyediakan brand ternama di Indonesia. Untuk kualitas dan harga kendaraan terbaik dan terjangkau, karena kendaraan tersebut di datangkan lansung dari Perusahan mobil dan motor. TERIMA KASIH... ;-)</font></b></p>
<center>
<div align="center">
<a href = "coba.php"><img src="bugatti-black.jpg" width="256" height="256"></a>
<a href = "cobaDetail.php"><img src="DETAIL.jpg" width="256" height="256"></a>
<a href = "cobaContact.php"><img src="bugatti-veyron.jpg" width="256" height="256"></a>
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<div align="center">
<font color="white"><b>@MOCHAMAD ZARKASI_1603015174</font></b>
</div>
<div align="center">
<p><font color="white"><b> POWERED BY :</font></b></p>
<img src="Daihatsu.jpg" alt="daihatsuLOGO" width="100">
<img src="Honda.jpg" alt="hondaLOGO" width="100">
<img src="Toyota.jpg" alt="toyotaLOGO" width="125">
<img src="MOTOR.jpg" alt="motorLOGO" width="156">
</div>
</body>
</html>

- Simpan di directory seperti biasa, C:/xampp/htdocs/NamaFolderAnda
- Buatlah beberapa file lagi dengan nama dengan .php
- Berikut beberapa file skripnya:

HOME
DETAIL KENDARAAN
HUBUNGI KAMI
coba.php
coba1.php
coba2.php
coba3.php

- Simpan dalam folder yang sama dengan file cobaHOME tadi

- Simpan semua file tersebut dalam satu folder, kali ini saya simpan di folder dengan nama WEB

Lalu coba ketikkan alamat berikut di browser Anda http://localhost/WEB

- Tampilan Browsernya kurang lebih seperti dibawah ini:

TAMPILAN HOME

TAMPILAN FORM

TAMPILAN coba3

- Maka akan muncul beberapa halaman diatas yang menampilkan inputan kita dan hasil perhitungannya,.

Untuk file lengkapnya bisa di lihat [UNDUH]

Mungkin postingan saya cukup sekian sampai disini, bila ingin merequest contoh skrip html yang lain teman - teman bisa coment di bawah. Pesan dari saya " JANGAN MENYERAH UNTUK MENCOBA". Terima Kasih.. 😋😋💪

kode html

Cara menggunakan form penjualan barang html

Pos Terkait

Periklanan

BERITA TERKINI

Toplist Popular

Periklanan

Terpopuler

Token Data

Periklanan

Tentang Kami

Legal

Dukungan

Social