BSI Purwokerto - Belajar Membuat Web (Part 4)



Membuat form inputan menggunakan tabel 
 
1.       Aktifkan XAMPP(Apache & MySQL)
2.       Buat folder baru di dalam htdocs dengan nama: websiteku
3.       Buat folder baru di dalam websiteku dengan nama: adminku
4.       Buat file baru dengan nama: login.html dan simpan di dalam folder websiteku
5.       Isikan coding struktur dasar HTML di dalam file login.html
6.       Ketikan coding untuk menampilkan form login

<html>
<head>
  <title>Login Admin</title>
</head>
<body>
<h2>LOGIN ADMINISTRATOR</h2>
<form method="post" action="proses.html">
 <table border="0" cellpadding="3" cellspacing="3" width="300">
  <tr>
     <td>Username</td>
     <td>:</td>
     <td><input type="text" name="tuser"></td>
  </tr>
  <tr>
     <td>Password</td>
     <td>:</td>
     <td><input type="password" name="tpass"></td>
  </tr>
  <tr>
     <td colspan="3">
     <input type="submit" value="LOGIN" name="blogin">
     </td>
  </tr>
 </table>
 </body>
 </html>

 

TAG<span>..</span> dan TAG <div>..</div>

-Keduanya tidak ada tujuan/maknanya
-Keduanya lebih ke desain web / CSS

<span> = in-line (tidak bikin blog/baris baru)
<div> = block-line (bikin blok/baris baru)

7.       Buat file baru dengan nama: beranda.html dan simpan di dalam folder adminku
8.       Isikan struktur dasar HTML di dalam file beranda.html
9.       Ketikkan coding untuk menampilkan halaman beranda admin


Manajemen Folder & File

Websiteku
---login.html
---adminku
   ---beranda.html

STRUKTUR WEB

Header
Menu
Sidebar
Konten
Footer


Valign : vertical align
Align : horizontal align (left;center;right;justify)

<html>
<head>
  <title>Halaman Admin</title>
</head>
<body>
<table align="center" border="0" width="800">
<tr>
  <td align="center" height="90" bgcolor="yellow" colspan="2">
   <h1>HALAMAN ADMINISTRATOR</h1>
  </td>
</tr>
<tr>
  <td align="center" height="30" bgcolor="green" colspan="2">
   <a href="beranda.html">HOME</a> |
   <a href="profil.html">PROFIL</a>
  </td>
</tr>
<tr height="300">
  <td valign="top" width="150" bgcolor="aqua">
   <h4>BUKU TAMU</h4>
   <p>Isi dari buku tamu</p>
   <h4>KOMENTAR</h4>
   <p>Isi dari komentar</p>
  </td>
  <td valign="top" width="650" bgcolor="white">
   <p align="justify">Selamat datang di halaman Beranda</p>
  </td>
</tr>
<tr>
  <td height="30" bgcolor="blue" colspan="2">
  <p align="center"> Copyright @2018 | Oleh: BSI</p>
  </td>
</tr>
</table>
</body>
</html>

 


Komentar

Posting Komentar

Postingan populer dari blog ini

E-learning EPTIK

Gambar
MAKALAH UNAUTHORIZED ACCESS TO COMPUTER  SYSTEM AND SERVICE ETIKA PROFESI TEKNOLOGI  INFORMASI DAN KOMUNIKASI       TUGAS MAKALAH ETIKA PROFESI TEKNOLOGI  INFORMASI DAN KOMUNIKASI Diajukan untuk memenuhi nilai Tugas Makalah Semester 6 Mata Kuliah E- learning   Etika Profesi Teknologi Informasi dan Komunikasi Disusun Oleh : Windy May Irafiana (12172825) Tanti Waluyo             (12173021) Irma Mei Harsari      (12173485) Mario Yudha Aji P   (12173687) Bimo Eka Wijanarko (12173040)   Program Studi Sistem Informasi Kampus Kabupaten Banyumas Fakultas Teknik dan Informatika Universitan Bina Sarana Informatika 2020 BAB I    1.1.             LATAR BELAKANG Kebutuhan akan teknologi jaringan komputer semakin meningkat. Selain sebagai media penyedia informasi, melalui intenet pula kegiatan komunitas komersial menjadi bagian terbesar dan pesat pertumbuhannya serta menembus berbagai batas Negara. Bahkan melalui jaringan  ini kegiatan pas
Baca selengkapnya

Jaringan Komputer

Gambar
Jenis-jenis Jaringan Komputer : 1. PAN 2. LAN 3. MAN 4. WAN Dibawah ini adalah penjelasan dari jenis jaringan komputer PAN & WAN 1. PAN (Personal Area Network) PAN adalah singkatan dari personal area network. Jenis jaringan komputer PAN adalah hubungan antara dua atau lebih sistem komputer yang berjarak tidak terlalu jauh. Biasanya Jenis jaringan yang satu ini hanya berjarak 4 sampai 6 meter saja. Jenis jaringan ini sangat sering kita gunakan. contohnya menghubungkan hp dengan komputer. Hal yang paling penting bahwa dalam PAN ini kita sendiri yang mengendalikan (authoritas) pada semua peralatan tersebut. Selain dihubungkn langsung ke komputer lewat port USB atau FireWire, PAN juga sering dibentuk dengan teknology wireless seperti bluetooth, Infrared atau WIFI. 2. WAN (Wide Area Network) WAN singkatan dari wide area network. WAN adalah jenis jaringan komputer yang mencakup area yang cukup besar. contohnya adalah jaringan yang menghubugkan suatu wilay
Baca selengkapnya

BSI Purwokerto - Belajar Membuat Web (Part 8)

Kita lanjutkan lagi materinya untuk kita bisa belajar bersama dengan cara membaca dan mempelajari materi ini .... PHP & MYSQL #Buat database menggunakan phpmyadmin 1.Aktifkan XAMPP (MySQL dan Apache Start) 2.Buka browser 3.Ketik localhost/phpmyadmin 4.Buat database dengan nama: website2c 5.Buat tabel dengan nama: login Field      Type                       Size         Keterangan ----------------------------------------------------------- User       varchar                  10            primary key Pass        varchar                  20             #Buat folder penyimpanan web 1.Tambahkan folder baru di dalam htdocs dengan nama:kelas2c 2.Tambahkan 2 folder baru di dalam kelas2c yaitu ‘config’ dan ‘img’ #Buat file untuk menghubungkan ke database mysql 1.Buat file baru di notepad++ 2.Isikan coding, simpan dalam folder ‘config’ dengan nama: koneksi.php <?php $koneksi=mysqli_connect(“localhost”,”root”,””,”website2c”); if(mysqli
Baca selengkapnya