PEMROGRAMAN WEB

Materi :

1. Memahami tag-tag Form

2. Merancang formulir

Latihan 1.

1. Buka notepad

2. Ketikkan struktur HTML

<Html>

<Head>

<Title>latihan3</Title>

</Head>

<Body>

</Body>

</Html>

3. Simpan kode html dengan nama lat3.html

4. Jalankan web browser

5. Buka file lat3.html dari web browser

6. Rancanglah formulir seperti di bawah ini:

User

Password

CANCEL

7. Rancanglah formulir seperti di bawah ini dalam format table.

User

Password

CANCEL

8. Save as file lat3.html menjadi lat32.html

9. kode html nya adalah :

<Html>

<Head>
    <Title>Buat Formulir</Title>
</Head>

    <Body>
    <table align=center bgcolor=pink>
       <form>
       <tr>
       <td colspan=3 align=center>LOGIN</td>
       </tr>

       <tr>
       <td>user</td>
       <td> : </td>
       <td><input type=text size=15></td>
       </tr>

       <tr>
       <td>Password</td>
       <td> : </td>
       <td>
       <input type=password size=15></td>
       </td>
       </tr>

       <tr>
       <td>Genre</td>
       <td> : </td>
       <td>
       <input type=radio name=genre>Perempuan
       <input type=radio name=genre>laki-laki
       </td>
       </tr>

       <tr>
       <td>Hobby</td>
       <td> : </td>
       <td>
       <input type=Checkbox>swimming
       <input type=Checkbox>Football
       <input type=Checkbox>Racing
       <input type=Checkbox>Shopping
       <input type=Checkbox>Boxing
       <input type=Checkbox>Singging
       </td>
       </tr>

       <tr>
       <td>date of birth</td>
       <td> : </td>
       <td>
           <select>
           <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>January</option><option>February</option><option>Maret</option>
           <option>April</option><option>May</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>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>
           </select>
       </td>
       </tr>

       <tr>
       <td>Comment</td>
       <td>:</td>
       <td>
       <textarea cols=50 row=70>
       </textarea>
       </td>
       </tr>
       <input type=hidden name=pin value=1221>


       <tr>
       <td colspan=3 align=center>
       <input type=submit value=LOGIN>
       <input type=reset value=CANSEL>
       </td>

       </tr>

    </form>
    </table>
    </Body>
</Html>

<input type=submit> berfungsi untuk menerima inputan dari form.

<input type=reset> berfungsi untuk mengosongkan inputan dari form.

Pertemuan II

Suatu web dirancang sesuai dengan tujuan usaha/ bisnis.

Cth:

1. Akademik (www.unika.ac.id) ac : academic

2. Berita (www.kompas.com) com : comercial

3. Pertemanan (www.facebook.com)

4. Militer (www.sakti.mil.id) mil : militer

5. Organisasi (www.wikipedia.org) org : organisasi

6. Jaringan (www.aku.net) net : jaringan

7. Pemerintah (www.kpk.go.id) go : pemerintah, dll

Contoh di atas merupakan contoh penggunaan dari web.

Web diracang sesuai kebutuhan pengguna/user.

Dalam suatu web membutuhkan software, dan ada juga software yang saling berhubungan.

yaitu Costumer, Development, User.

Software house terbagi menjadi beberapa bagian yaitu :

1. Operator (Typing Master)

2. Analyst

3. Programmer

4. Manager

PROGRAMING

Program di web ada dua macam yaitu:

1. Tag <ol> (Ordered List)

2. Tag >ul> (unordered List)

 Penomoran dengan menggunakan tag <ul>

PENOMORAN	KODE HTML
Daftar Belanja	Daftar Belanja <BR>
1. APEL	<ul>
2. JERUK	<li>APEL</li>
3. PISANG	<li>JERUK</li>
	<li>PISANG</li>
	</ul>

Penomoran dengan menggunakan tag <ol>

PENOMORAN	KODE HTML
Teman-temanku	Teman-temanku <BR>
1. ADI	<ol>
2. BUDI	<li>ADI</li>
3. SUCI	<li>BUDI</li>
	<li>SUCI</li>
	</ol>

Contoh : web sederhana

Logo
Menu	Isi

<html>

<head>

</head>

<body>

<TR>

</TR>

<TR>

</TR>

</table>

</body>

</html>

Contoh : Tabel 2 baris 1 kolom

Bro

Kode htmlnya :

<html>

<head>

</head>

<body>

<TR>

</TR>

<TR>

</TR>

</table>

</body>

</html>

Contoh : 2 baris 2 kolom

1	1
	2

Cth:

<html>

<head>

</head>

<body>

<TR>

</TR>

<TR>

</TR>

</table>

</body>

</html>

PEMROGRAMAN WEB

Minggu, 21 April 2013

PRAK PERTEMUAN III

Sabtu, 20 April 2013

PRAK PERTEMUAN II

Taylor Swift

Blog Archive

About Me

Hello