Anda di halaman 1dari 20

Pemrograman Web

Amar Hikmawan TKJ Kelas X


SMK Muh 1 Klaten Utara
Klaten
Pengertian Website
Website atau situs juga dapat diartikan
sebagai kumpulan halaman yang
menampilkan informasi data teks, data
gambar diam atau gerak, data animasi,
suara, video dan atau gabungan dari
semuanya, baik yang bersifat statis maupun
dinamis yang membentuk satu rangkaian
bangunan yang saling terkait dimana masing-
masing dihubungkan dengan jaringan-
jaringan halaman (hyperlink).
Sifat atau Jenis Website
Website Statis
Bersifat statis apabila isi informasi website
tetap, jarang berubah, dan isi informasinya
searah hanya dari pemilik website.
Website Dinamis
Bersifat dinamis apabila isi informasi
website selalu berubah-ubah, dan isi
informasinya interaktif dua arah berasal
dari pemilik serta pengguna website.

Contoh-contoh Website
Website Statis contoh biasanya berisi
tentang profil perusahaan, sekolah, pribadi,
dll
Website Dinamis contohnya seperti
Friendster, Multiply, Facebook, Twitter, dll
Dalam sisi pengembangannya, website statis
hanya bisa diupdate oleh pemiliknya saja,
sedangkan website dinamis bisa diupdate
oleh pengguna maupun pemilik.
Kategori Website Berdasarkan
Fungsi Dan Kegunaan
1. Website Personal, yaitu situs yang digunakan untuk
menceritakan tentang biografi diri, pengalaman
pribadi, dsb (contoh : Blog Pribadi)
2. Website Komersial, yaitu situs yang dipakai untuk
menunjukkan produk dan jasa suatu perusahaan, atau
juga dapat melakukan transaksi penjualan online
(dengan sistem shopping cart system)
3. Website Instansi/Pemerintahan, situs jenis ini hanya
boleh dipakai untuk keperluan website pemerintahan
yang resmi.
4. Website Non-Profit, website jenis-jenis ini biasanya
digunakan hanya untuk yayasan, sekolahan, dsb
Apa itu Website :
Sebagai kumpulan halaman yang menampilkan
informasi data teks, data gambar diam atau gerak,
data animasi, suara, video dan atau gabungan dari
semuanya, baik yang bersifat statis maupun dinamis
Jenis-jenis web :
Statis dan Dinamis
Kategori web :
Website Personal, Website Komersial, Website
Instansi/Pemerintah, Website Non-Profit
PEMROGRAMAN HTML
Pengertian HTML
HTML merupakan singakatan dari HyperText Markup
Language, yaitu bahasa pemrograman untuk
membangun aplikasi web.
Untuk membangun sebuah web dan mengakses
halaman web tersebut diperlukan hal-hal berikut :
Editor, untuk menuliskan kode-kode HTML (seperti
Dreamweaver, notepad, notepad++)
Web Server, sebagai server untuk melayani permintaan
klien (seperti Apache, IIS)
Web browser, untuk mengakses halaman web

Tag HTML
<HTML>
..
</HTML>

Bagian yang terdapat dalam tag
HTML terdiri dari:
Membuat Kepala<head>
Bagian kepala dalam dokumen HTML ditandai dengan tag
berikut :
Penulisan Script :
<HEAD>
.
</HEAD>
bagian kepala ini digunakan untuk membuat judul halaman web
dengan menggunakan tag berikut :
Penulisan Script :
<TITLE>
..
</TITLE>
Membuat Body (badan)
Body digunakan mendefinisikan teks beserta formatnya yang
hendak ditampilkan sebagai isi halaman web. Atribut body:
Background = digunakan untuk mengatur latar belakang dengan
gambar/image.
Bgcolor = digunakan untuk mengatur warna latar belakang
dokumen, dengan warna putih sebagai default-nya.
Teks = digunakan untuk mengatur warna teks dokumen, dengan
warna hitam sebagai warna default.
Link = Untuk mengatur warna link dokumen dengan warna biru
sebagai warna default
Vlink = Untuk mengatur warna visited link dokumen dengan default
ungu
Alink = digunakan untuk mengatur warna active link dokumen
dengan default merah.
Bagian badan dalam dokumen HTML
ditandai dengan tag berikut :
Penulisan Script :
<BODY>
..
</BODY>
Bagian badan akan berisikan content yang
akan ditampilkan dalam halaman web.

Contoh Script
Hasil dari Script :

TUGAS MANDIRI
Buat script HTML untuk menampilkan Identitas
Diri dengan Format sbb :
Tugas HTML Kelas X TKJ D :
- Nama :
- Kelas :
- Alamat :
Judul atau Title Identitas Diri
Dikumpulkan minggu depan Tgl 5 September
2013 dengan menggunakan kertas sobekan 1
lembar di beri nama dan kelas
TUGAS MANDIRI
Buat script HTML untuk menampilkan Identitas
Diri dengan Format sbb :
Tugas HTML Kelas X TKJ C :
- Nama :
- Kelas :
- Alamat :
Judul atau Title Identitas Diri
Dikumpulkan minggu depan Tgl 4 September
2013 dengan menggunakan kertas sobekan 1
lembar di beri nama dan kelas
Aturan dalam menuliskan Tag-tag
HTML yaitu :
Tag ditulis dengan format diawali tanda <
dan diakhiri tanda >, seperti <HTML>
Tidak boleh ada spasi setelah tanda <.
Contoh : <Body> tidak boleh dituliskan
dengan < Body>
Tag boleh ditulis dengan huruf kecil, huruf
capital, ataupun kombinasi keduanya.
Menampilkan Tulisan / Teks
Untuk menampilkan teks dihalaman web, dengan
mengetikkan teks dalam tag <BODY></BODY>, dan
untuk mengatur peletakan teks, ada beberapa Tag yang
digunakan antara lain :
No Tag Fungsi
1. P Membuat paragraph dalam tag terdapat berbagai atribut,
seperti align yang berfungsi untuk mengatur posisi teks
2. BR Membuat baris baru atau pindah baris
3. Center Mengatur posisi teks agar berada di tengah
4. DIV Mengatur teks yang memiliki karakteristik yang sama
5. B Menebalkan cetakan teks
6. Small Menampilkan teks lebih kecil daripada ukuran normal
Paragraph Baru <P>
Digunakan untuk pindah alinea atau membuat paragraf
baru. Tag ini bisa diberi akhiran </P> tapi juga bisa tidak
diberi. Dalam tag ini juga bisa digunakan untuk mengatur
perataan kiri, tengah, kanan dan kiri-kanan, yaitu dengan
attribut ALIGN. Attribut align mempunyai nilai: LEFT,
RIGHT, CENTER dan JUSTIFY.
No Tag Fungsi
7. BIG Menampilkan teks lebih besar daripada ukuran normal
8. U Menmpilkan garis bawah pada teks
9 I Menampilkan teks dengan bentuk tulisan miring
10. SUB Menampilkan teks subskrip
11. SUP Menampilkan teks sebagai superskrip
12. TT Menampilkan teks seperti ketikan menggunakan mesin
ketik
Contoh Script;

Hasilnya;