Assalamualaikum Wr. Wb.
Selamat Pagi para sahabat blogger, pada pagi ini saya akan share mengenai pembuatan pendaftaran online dan script-nya. berikut penjelasannya ..
Pengertian
Bahasa pemrograman, atau sering diistilahkan juga dengan bahasa komputer atau bahasa pemograman komputer, adalah instruksi standar untuk memerintah komputer. Bahasa pemrograman ini merupakan suatu himpunan dari aturan sintaks dan semantik yang dipakai untuk mendefinisikan program komputer. Bahasa ini memungkinkan seorang programmer dapat menentukan secara persis data mana yang akan diolah oleh komputer, bagaimana data ini akan disimpan/diteruskan, dan jenis langkah apa secara persis yang akan diambil dalam berbagai situasi.
Jebih jelasnya bahasa pemograman ialah proses menulis, menguji dan memperbaiki (debug), dan memelihara kode yang membangun suatu program komputer. Kode ini ditulis dalam berbagai bahasa pemograman. Tujuan dari pemrograman adalah untuk memuat suatu program yang dapat melakukan suatu perhitungan atau 'pekerjaan' sesuai dengan keinginan si pemrogram. Untuk melakukan pemrograman, diperlukan keterampilan dalam algoritma, logika, bahasa pemograman, dan pada banyak kasus, pengetahuan-pengetahuan lain seperti matematika.
Maksud dan Tujuan
Maksud dan tujuan membuat script ini agar lebih mengenal dan lebih memahami bahasa pemograman.
Alat dan Bahan
- Laptop/PC
- Text Editor
- Browser
1. Kita buat scriptnya dulu kalu tidak ada script nya tidak akan bisa tampil kita.
ini scriptnya index.html:
<html>
<head>
<title>Pendaftaran Online</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="header">
Penerimaan Siswa Baru
</div>
<div class="content">
<center>Isi Data Anda di Bawah ini dengan Lengkap dan Seksama!!</center>
<form>
<table align="center">
<tr>
<td>Nama Lengkap</td> <td>:</td> <td><input type="text" size="31"></td>
</tr>
<tr>
<td>Tanggal Lahir</td>
<td>:</td>
<td><select>
<option>Tgl</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>
<select>
<option>Bln</option>
<option>Januari</option>
<option>Februari</option>
<option>Maret</option>
<option>April</option>
<option>Mei</option>
<option>Juni</option>
<option>Juli</option>
<option>Agustus</option>
<option>September</option>
<option>Oktober</option>
<option>November</option>
<option>Desember</option>
</select>
<select>
<option>Thn</option>
<option>1990</option>
<option>1991</option>
<option>1992</option>
<option>1993</option>
<option>1994</option>
<option>1995</option>
<option>1996</option>
<option>1997</option>
<option>1998</option>
<option>1999</option>
<option>2000</option>
<option>2001</option>
<option>2002</option>
<option>2003</option>
<option>2004</option>
<option>2005</option>
<option>2006</option>
<option>2007</option>
<option>2008</option>
<option>2009</option>
<option>2010</option>
<option>2011</option>
<option>2012</option>
<option>2013</option>
<option>2014</option>
<option>2015</option>
<option>2016</option>
</select></td>
</tr>
<tr>
<td>Tempat Lahir</td> <td>:</td> <td><input type="text" size="31"></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td><input type="radio" name="jk">Laki-laki<input type="radio" name="jk">Perempuan</td>
</tr>
<tr>
<td>Alamat Tinggal</td> <td>:</td> <td><input type="text" size="31"></td>
</tr>
<tr>
<td>E-mail</td> <td>:</td> <td><input type="text" size="31"></td>
</tr>
<tr>
<td>  </td> <td>  </td> <td><input type="submit" value="DAFTAR"><input type="reset" value="RESET"></td>
</tr>
</table>
</form>
</div>
<div class="footer">
Copyright Ahmad Syafa'© 2016.
</div>
</body>
</html>
Ini Script style.css-nya
body {
margin: 4px;
padding: 4px;
}
.header {
text-shadow: 2px 2px red;
width: 100%;
height:70px;
background-color:#333333;
color: white;
font-size: 30px;
font-weight: bold;
font-family: times;
text-align: center;
line-height: 60px;
}
.content {
width: 100%;
padding-top: 7%;
padding-bottom: 7%;
height: auto;
background-color: #eee;
}
.footer {
width: 100%;
height: 50px;
background-color: #333333;
color: #ffffff;
font-size: 18px;
text-align: center;
line-height: 50px;
}
2. Kita bisa menyimpannya dengan nama indek.html dan style.css ini hasil tampilan dari script di atas yang sudah kita buat tadi.
Kesimpulan
Dengan membuat script tadi kita dapat terus berlatih dan memahami bahasa pemograman.
Referensi
http://www.w3schools.com/
Sekian mengenai membuat script pendaftaran ini, selamat mencoba dan semoga bermanfaat ...
Wassalamualaikum Wr. Wb.
0 komentar:
Post a Comment