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 masingmasing dihubungkan dengan jaringanjaringan 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 ……..
Bagian yang terdapat dalam tag HTML terdiri dari: • Membuat Kepala • Bagian kepala dalam dokumen HTML ditandai dengan tag berikut : Penulisan Script : ………. bagian kepala ini digunakan untuk membuat judul halaman web dengan menggunakan tag berikut : Penulisan Script :
………..
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 : ……….. • 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 • Tidak boleh ada spasi setelah tanda <. Contoh : 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 …, 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
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
• Paragraph Baru
• Digunakan untuk pindah alinea atau membuat paragraf baru. Tag ini bisa diberi akhiran
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.
Contoh Script;
Hasilnya;