Minggu, 09 Februari 2014

Praktek Web 2



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>

vPenomoran 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>
   <title></title>
   </head>
   <body>
     <table border=1px width=75% height=75%>
     <TR>
     <td colspan=2>logo</td>
     </TR>
     <TR>
     <td>menu</td>
     <td>isi</td>
     </TR>
     </table>
   </body>
</html>



Contoh : Tabel 2 baris 1 kolom

 1.buka editor notepad

 2.Ketikkan Struktur Html

   <html>

  <head>

   <title></title>

  </head>


   <body>

   </body>

 </html>
 3.simpan kode html dengan nama lat1.html

 4.jalankan web browser

 5.buka file lat1.html dari web browser

 6.rancanglah tabel seperti di bawah ini


Ok
Bro





Kode htmlnya :    

<html>
   <head>
   <title></title>
   </head>
   <body>
     <table border=1px width=75% height=75%>
           <TR>
                    <TD>Kamu</TD>
           </TR>
          <TR>
                   <TD>Saya</TD>
           </TR>
     </table>
   </body>
</html>

Contoh : 2 baris 2 kolom

1
1
2


Cth:
<html>
   <head>
   <title></title>
   </head>
   <body>
     <table border=1px width=75% height=75%>
     <TR>
     <td rowspan=2>1</td>
     <td>1</td>
     </TR>
     <TR>
     <td>2</td>
     </TR>
     </table>
   </body>
</html>



Tidak ada komentar: