Download - 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
-
5/21/2018 Pemrograman Dasar Kelas XI TKJ
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).
-
5/21/2018 Pemrograman Dasar Kelas XI TKJ
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.
-
5/21/2018 Pemrograman Dasar Kelas XI TKJ
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/21/2018 Pemrograman Dasar Kelas XI TKJ
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
-
5/21/2018 Pemrograman Dasar Kelas XI TKJ
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
-
5/21/2018 Pemrograman Dasar Kelas XI TKJ
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
-
5/21/2018 Pemrograman Dasar Kelas XI TKJ
8/20
Tag HTML
..
-
5/21/2018 Pemrograman Dasar Kelas XI TKJ
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 :
..
-
5/21/2018 Pemrograman Dasar Kelas XI TKJ
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.
-
5/21/2018 Pemrograman Dasar Kelas XI TKJ
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.
-
5/21/2018 Pemrograman Dasar Kelas XI TKJ
12/20
Contoh Script
-
5/21/2018 Pemrograman Dasar Kelas XI TKJ
13/20
Hasil dari Script :
-
5/21/2018 Pemrograman Dasar Kelas XI TKJ
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
-
5/21/2018 Pemrograman Dasar Kelas XI TKJ
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
-
5/21/2018 Pemrograman Dasar Kelas XI TKJ
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.
-
5/21/2018 Pemrograman Dasar Kelas XI TKJ
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
-
5/21/2018 Pemrograman Dasar Kelas XI TKJ
18/20
Paragraph Baru
Digunakan untuk pindah alinea atau membuat paragraf
baru. Tag ini bisa diberi akhiran
tapi juga bisa tidakdiberi. 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
-
5/21/2018 Pemrograman Dasar Kelas XI TKJ
19/20
Contoh Script;
-
5/21/2018 Pemrograman Dasar Kelas XI TKJ
20/20
Hasilnya;