pemrograman dasar kelas xi tkj

5/21/2018 Pemrograman Dasar Kelas XI TKJ

1/20

Pemrograman WebAmar Hikmawan TKJ Kelas X

SMK Muh 1 Klaten Utara

Klaten


2/20

Pengertian Website

Webs ite 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 rangkaianbangunan yang saling terkait dimana masing-

masing dihubungkan dengan jaringan-

jaringan halaman (hyperlink).


3/20

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 informasiwebsite selalu berubah-ubah, dan isi

informasinya interaktif dua arah berasal

dari pemilik serta pengguna website.


4/20

Contoh-contoh Website

Website Statis contoh biasanya berisi

tentang profil perusahaan, sekolah, pribadi,

dll

Website Dinamiscontohnya sepertiFriendster, Multiply, Facebook, Twitter, dll

Dalam sisi pengembangannya, website statis

hanya bisa diupdate oleh pem il iknya saja,sedangkan website dinamis bisa diupdate

oleh pengguna maupun pem i lik .


5/20

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 pemerintahanyang resmi.

4. Website Non-Profit,websitejenis-jenis ini biasanya

digunakan hanya untuk yayasan, sekolahan, dsb


6/20

Apa itu Website :

Sebagai kumpulan halaman yang menampilkan

informasi data teks, data gambar diam atau gerak,

data animasi, suara, video dan atau gabungan darisemuanya, 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/20

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/20

Tag HTML

..


9/20

Bagian yang terdapat dalam tag

HTML terdiri dari:

Membuat Kepala

Bagian kepala dalam dokumen HTML ditandai dengan tag

berikut :

Penul isan Script :

.

bagian kepala ini digunakan untuk membuat judul halaman web

dengan menggunakan tag berikut :Penu lisan Script :

..


10/20

MembuatBody (badan)

Bodydigunakan 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 belakangdokumen, 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/20

Bagian badan dalam dokumen HTML

ditandai dengan tag berikut :

Penu l isan Scr ipt :

..

Bagian badan akan berisikan content yang

akan ditampilkan dalam halaman web.


12/20

Contoh Script


13/20

Hasil dari Script :


14/20

TUGAS MANDIRI

Buat script HTML untuk menampilkan IdentitasDiri 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/20

TUGAS MANDIRI

Buat script HTML untuk menampilkan IdentitasDiri 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/20

Aturan dalam menuliskan Tag-tag

HTML yaitu :

Tag ditulis dengan format diawali tanda , seperti

Tidak boleh ada spasi setelah tanda

Tag boleh ditulis dengan huruf kecil, huruf

capital, ataupun kombinasi keduanya.


17/20

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


18/20

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.

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


19/20

Contoh Script;


20/20

Hasilnya;

pemrograman dasar kelas xi tkj

Documents