Pemrograman Web. Amar Hikmawan TKJ Kelas X SMK Muh 1 Klaten Utara Klaten

Ukuran: px

Mulai penontonan dengan halaman:

Download "Pemrograman Web. Amar Hikmawan TKJ Kelas X SMK Muh 1 Klaten Utara Klaten"

Harjanti Tanuwidjaja
6 tahun lalu
Tontonan:

1 Pemrograman Web Amar Hikmawan TKJ Kelas X SMK Muh 1 Klaten Utara Klaten

2 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).

3 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.

4 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.

5 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

6 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

7 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

8 Tag HTML <HTML>.. </HTML>

9 Bagian yang terdapat dalam tag Membuat Kepala<head> HTML terdiri dari: 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>

10 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.

11 Bagian badan dalam dokumen HTML ditandai dengan tag berikut : Penulisan Script : <BODY>.. </BODY> Bagian badan akan berisikan content yang akan ditampilkan dalam halaman web.

12 Contoh Script

13 Hasil dari Script :

14 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

15 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

16 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.

17 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

18 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 <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.

19 Contoh Script;

20 Hasilnya;

dokumen-dokumen yang mirip

MODUL I PENGENALAN HTML. a. Mengenalkan kepada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML b. Mengenalkan kode-kode HTML 2.

MODUL I PENGENALAN HTML. a. Mengenalkan kepada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML b. Mengenalkan kode-kode HTML 2. MODUL I PENGENALAN HTML A. MAKSUD DAN TUJUAN 1. Maksud a. Mengenalkan kepada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML b. Mengenalkan kode-kode HTML 2. Tujuan a. Mahasiswa dapat membuat