STANDAR KOMPETENSI Menggunakan homepage untuk informasi dan komunikasi.

Presentasi berjudul: "STANDAR KOMPETENSI Menggunakan homepage untuk informasi dan komunikasi."— Transcript presentasi:

1 STANDAR KOMPETENSI Menggunakan homepage untuk informasi dan komunikasi

2 HTML (Hyper Text Markup Language) HTML Merupakan bahasa yang umum digunakan untuk membuat suatu web page (halaman web). Bahasa HTML ini berbasis pada text mode sehingga dalam penulisannya menggunakan program-program yang berbasis pada text, contohnya : Notepad, Textpad, wordpad, Microsoft word dll. Sebenarnya tanpa menggunakan penulisan HTML, halaman web juga dapat dibuat selain dengan program text mode, pembuatan halaman web bisa juga dilakukan dengan program berbasis Graphics User Interface (GUI), contohnya : Macromedia Dreamweaver, Macromedia Flash, Microsoft Frontpage, Microsoft Publisher dll

3 ELEMEN DASAR BAHASA HTML html Menandakan jenis Bahasa html yang digunakan headHeader titleJudul pada header bodyIsi dari halaman web

4 Masing-masing elemen diapit oleh sebuah tanda yang disebut delimiter yaitu tanda lebih kecil Sintaks : Contoh : Setiap elemen dalam dokumen HTML harus diakhiri dengan tag penutup untuk menghindari terbukanya informasi dalam suatu tag HTML. Sintaks : Contoh :

5 Penulisan elemen dasar HTML adalah sebagai berikut : ………. ……………………

6 Contoh : Percobaan Membuat Web Ini adalah salah satu cara membuat Web

7 Tag Utama HTML Tag utama HTML adalah tag yang digunakan untuk memanipulasi dokumen html, misalnya untuk mengatur paragraf, ganti baris dan lain-lain. Tag utama HTML terdiri dari: 1.Heading 2.Paragraf 3.Font 4.Break Line 5.Horizontal Line 6.Marque

8 Heading Tag heading adalah tag yang digunakan untuk membuat judul dari isi sebuah dokumen HTML. Tag heading memiliki 6 buah bilangan terdiri dari 1,2,3,4,5,6, masing-masing bilangan berfungsi untuk mewakili ukuran dari besarnya tag heading. Sintaks :............................... Keterangan : a.n adalah bilangan yang terdiri dari 1 s/d 6 b.properti adalah kemampuan tambahan yang dimiliki tag heading contoh : Align untuk pengaturan letah heading

9 Contoh Tag Heading Rata kiri : Penggunaan Heading Rata kiri Penggunaan Heading 1 Rata kiri Penggunaan Heading 2 Rata kiri Penggunaan Heading 3 Rata kiri Penggunaan Heading 4 Rata kiri Penggunaan Heading 5 Rata kiri Penggunaan Heading 6 Rata kiri

10 Contoh Tag Heading Rata kiri : Penggunaan Heading Rata kiri Penggunaan Heading 1 Rata kiri Penggunaan Heading 2 Rata kiri Penggunaan Heading 3 Rata kiri Penggunaan Heading 4 Rata kiri Penggunaan Heading 5 Rata kiri Penggunaan Heading 6 Rata kiri

11 Contoh Tag Heading Rata Kanan : Penggunaan Heading Rata Kanan Penggunaan Heading 1 Rata kanan Penggunaan Heading 2 Rata kanan Penggunaan Heading 3 Rata kanan Penggunaan Heading 4 Rata kanan Penggunaan Heading 5 Rata kanan Penggunaan Heading 1 Rata kanan

12 Contoh Tag Heading Rata Kanan-Kiri: Penggunaan Heading Rata Kanan-Kiri Penggunaan Heading 1 Rata kanan-kiri Penggunaan Heading 2 Rata kanan-kiri Penggunaan Heading 3 Rata kanan-kiri Penggunaan Heading 4 Rata kanan-kiri Penggunaan Heading 5 Rata kanan-kiri Penggunaan Heading 1 Rata kanan-kiri

13 PARAGRAF Sintaks :................................. Keterangan : Properti : Align untuk pengaturan paragraf, nilainya adalah Left, Center, Right, dan Justify

14 Contoh Penggunaan Tag Paragraf : Penggunaan Paragraf Rame-Rame Tempur di Ayunan Sekali lagi, Honda beri pelajaran buat rivalnya di MotoGP. Tahun pertama perang kuda besi 4-tak, Honda bikin contoh mesin kampiun 5 silinder. Musim berikutnya, sayap tunggal memberi les lokal rangka dan fairing demi aero-dinamika RC211V. Honda memanfaatkan celah aturan FIM.

15 Beda Inggris, beda pula AS. Soal Canon bagi kapal perang, Negeri Paman Sam sudah kenyang pengalaman dalam konflik Vietnam. Tak mau mengulang kesalahan yang sama maka begitu konflik usai, canon-canon pintar mulai dikembangkan di AS. Salah satu yang di rancang adalah “Sistem senjata target mendekat” atau Close-In Weapon System (CIWS), Phalanx. Senjata ini dibuat khusus Sekali lagi, Honda beri pelajaran buat rivalnya di MotoGP. Tahun pertama perang kuda besi 4-tak, Honda bikin contoh mesin kampiun 5 silinder. Musim berikutnya, sayap tunggal memberi les lokal rangka dan fairing demi aero-dinamika RC211V. Honda memanfaatkan celah aturan FIM.

16 TUGAS : Buatlah 4 Buah Paragraf dengan isi bebas dan heading diatasnya, dengan ketentuan : –Paragraf 1 Rata kiri –Paragraf 2 Rata Tengah –Paragraf 3 Rata Kanan –Paragraf 4 Rata Kanan-Kiri