PEMROGRAMAN WEB: Maret 2013 Transparent Sexy Pink Heart

Rabu, 20 Maret 2013

PENGENALAN HTML


 Pertemuan 1
Untuk membuat Web digunakan bahasa standar yaitu HTML(Hyper Text Markup Languange) dalam HTML dapat disisipkan bahasa PHP, ASP, JS sehingga membuat web lebih menarik dan dinamis.
Hypertext Markup Language merupakan standard bahasa yang di gunakan untuk menampilkan document web. seperti yang telah di jelaskan bahwa suatu dokumen HTML itu terdiri dari tiga elemen utama yaitu : Html, Head, dan body, yang dalam penulisanya di awali dengan tag pembuka "<  >" dan diakhiri dengan tag penutup "</  >".
 Hal-hal yang bisa kita lakukan dengan HTML yaitu:
􀂾 Mengontrol tampilan dari web page dan contentnya.
􀂾 Mempublikasikan document secara online sehingga bisa di akses dari seluruh dunia.
􀂾 Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi
secara online.
􀂾 Menambahkan object-object seperti image, audi, video dan juga java applet dalam document HTML.

Arsitektur web terbagi  atas 2 (Dua) yaitu :
1. Web Statis adalah web yang isinya tidak akan berubah kecuali kode program berubah. Bahasa yang digunakan adalah HTML, CSS, JS.
2. Web Dinamis adalah web yang isinya dapat berubah tanpa merubah kode program.  Bahasa yang digunakan adalah HTML, CSS, JSS, PHP, MYSQL.
- HTML ( Hypertext Markup Language)
- CSS ( Cascading Style Sheet)
- JS ( Java Script)
- PHP ( Personal Home Page)
- MYSQL ( Basis Data Server)
Adapun Perbedaan Web dengan dengan Blog adalah Web isinya bersifat umum sedangkan Blog isninya bersifat khusus. 
 
1. HTML
  A. Struktur
Contoh :
<html>
 
<head>

       <tittle> </tittle>
</head>
 
<body>

</body>

</html> 

untuk membuktikannya bahwa kita bisa langsung melihat kode sumber suatu halaman website.
Caranya adalah :
1. Buka editor Notepad
2. Ketikkan kode(struktur) html diatas di dalam notepad.
3. Simpan dengan nama latihan1.html misanya
4. Jalankan Web Browser atau Google Chrome, mozilla firefox , opera .
5. Buka File latihan1.html dari web browser yang sudah berjalan 

Kamis, 14 Maret 2013

PRAK PEMROGRAMAN WEB

Pertemuan 1
Materi       :
    1.  Memahami struktur HTML
    2.  Memahami format tag dasar HTML
Latihan      :
  A.   Memahami struktur HTMl
     1.  Buka Notepad
   2.  Ketikkan Struktur HTML

<Html>

   <Head>
    <Title>latihan1</Title>
   </Head>
     <Body>

     </Body>

</Htlm>


    3.   Simpan kode dalam suatu folder dengan nama lat1.Html
    4.  Jalan dengan web browser bisa dengan menggunakan mozilla,ie,opera,google   chrome dst
    5.  Dan kemudian buka file lat1.Html tersebut dari web browser yang sudah berjalan.


    B.   Memahami format dasar tag HTML
Bahwa di web juga seperti editor yang lainnya memiliki fungsi memformat teks seperti format miring (italic), tebal (bold), garis bawah (underline), naik setengah spasi (superscript), turun setengah spasi (subscript), coret (strike), format apa adanya (preformated), dsb.
Beberapa tag dasar yang harus dihapal sbb:
NO
TAG
KETERANGAN
  1
<p> </p>
Digunakan untuk membuat paragraf
  2
<hn> dimana n adalah 1,2,3,4,5,6
Dugunakan untuk membuat judul
  3
<b>
Dugunakan untuk membuat tulisan tebal
  4
<i>
Digunakan untuk membuat tulisan miring
  5
<u>
Digunakan untuk membuat tulisan bergaris bawah
  6
<sup>
Digunakan untuk membuat tulisan naik setengah spasi
 7
<sub>
Digunakan untuk membuat tulisan turun setengah spasi
  8
<strike>
Digunakan untuk mencoret tulisan
  9
<pre>
Digunakan untuk membuat tulisan apa adanya
  10
<hr>
Digunakan untuk membuat garis horizontal
  11
<marquee>
Digunakan untuk membuat teks berjalan
  12
<center>
Digunakan untuk membuat teks ke tengah
13
<ol>
Cth:
<li>satu</li>
<li>satu</li>
<li>satu</li>
</ol>
Digunakan untuk membuat penomoran teks berurutan
14
<ul>
Cth:
<li>satu</li>
<li>satu</li>
<li>satu</li>
</ul>
Digunakan untuk membuat
Penomoran teks tidak berurutan