Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

Pengantar Web Design. Mengenal Beberapa Istilah Dalam Dunia Maya www (word wide web) : merupakan kumpulan web server dari seluruh dunia yang berfungsi.

Presentasi serupa


Presentasi berjudul: "Pengantar Web Design. Mengenal Beberapa Istilah Dalam Dunia Maya www (word wide web) : merupakan kumpulan web server dari seluruh dunia yang berfungsi."— Transcript presentasi:

1 Pengantar Web Design

2 Mengenal Beberapa Istilah Dalam Dunia Maya www (word wide web) : merupakan kumpulan web server dari seluruh dunia yang berfungsi menyediakan data dan informasi untuk digunakan bersama-sama. Web : adalah fasislitas hypertext yang mampu menampilkan data berupa teks,gambar, suara,animasi, dan multimedia lainnya, dimana diantara data tersebut saling terkait dan berhubungan satu dengan yang lainnya. Untuk memudahkan dalam membaca tersebut diperlukan sebuah web browser seperti internet explorer, netscape, opera ataupun mozilla firefox, editor ?...

3 Sambungan Mengenal Beberapa Istilah Dalam Dunia Maya Website (situs web) : merupakan tempat penyimpanan data dan informasi berdasarkan topik tertentu. Contohnya seperti buku yang berisi topik tertentu. Web Pages (halaman web) : merupakan sebuah halaman khusus dari situs web tertentu. Diibaratkan halaman web ini seperti halaman khusus dari buku. Homepage : merupakan sampul halaman yang berisi daftar isi atau menu sebuah situs web

4 HTML Mark Up Language Mark up : informasi tambahan yang ditempatkan pada teks untuk menjelaskan bagaimana teks tersebut diinterpretasi Mark up ditambahkan bukan untuk tampilan tetapi untuk memberikan struktur interpretasi/pemberiana rti HTML (HyperTextMarkup Language) merupakan subset dari SGML (Standard Generalized Markup Language) Contoh subset lain dariSGML : XML (eXtensible Markup Language) SMIL (Synchronized Multimedia Integration Language) MathML(Mathematical Markup Language) CML (Chemical Markup Language)

5 Tentang HTML HTML : format standar untuk membuat dokumen web HTML versiterakhir: HTML 4.01 Spesifikasi HTML standar: HTML merupakan bahasa bertanda,menggunakan rangkaian teks tertentu(tag) untuk menandai teks yang mempunyai interpretasi khusus File HTML berupafile teks(plain text file), bukan binary file

6 Contoh Dokumen HTML Homepage saya Saya Perkenalan Perkenalkan, nama saya..... Ini adalah homepage pertama saya, karena saya baru belajar tentang cara membuat homepage.

7 Daftar Tag Dokumen Ganti baris Header Font Judul dokumen Enumerasi Isi dokumen Garis mendatar Judul paragraf Gambar Paragraf Link (kaitan) Tabel Atribut Komentar

8 Mengenai Penulisan Tag Tag dibentuk oleh suatu kata(keyword) yang diapit oleh tanda kurung lancip ( ) Tag boleh ditulis dalam huruf kecil maupun kapital Tag harus berpasangan, yaitu tag awal diikuti tag akhir, kecuali tag tunggal teks Diantara tag awal dan tag akhir bisa terdapat tag lain Penulisan tag tidak boleh tumpang tindih teks → penulisanyang salah teks → penulisanyang benar

9 Skema Dasar HTML Juduldokumen Isidokumen

10 Tag Dasar HTML: menandai awal dan akhir dokumen HTML dokumen Head: menandai bagian header dokumen HTML header Title: memberi judul pada dokumen HTML judul dokumen Body: menandai awal dan akhir isi dokumen isidokumen isidokumen

11 Tag Judul (Heading) Judul paragraf n = 1,2,3,4,5,6 (tingkat judul) Untuk menuliskan judul suatu paragraf

12 Tag Paragraf (Paragraph) paragraf Untuk menandai suatu paragraf. Suatu paragraf akan terlihat dibatasi oleh satu baris kosong sebelum dan sesudahnya.

13 Tag Atribut1 (Bold, Italic, Underline) Kalimatyang dicetaktebal Kalimatyang dicetakmiring Kalimatyang digarisbawahi Untuk menandai bagian kalimat agar dicetak tebal, miring, dan /atau digaris bawahi.

14 Tag Atribut2 (Superscript, Subscript) bagian yang dicetak tinggi bagian yang dicetak rendah Untuk menandai bagian karakter agar dicetak tinggi atau rendah, biasanya untuk rumus matematika atau kimia.

15 Tag Ganti Baris (Break line) Untuk pindah kebaris berikutnya. Bentuk penulisan lain yang dianjurkan (XML style) :

16 Tag Fontd (size) Memformat suatu bagian kalimat dengan ukuran, jenis huruf, atau warna tertentu. Tag : font Parameter : size, face, color

17 Tag Fontd (face) Memformat suatu bagian kalimat dengan ukuran, jenishuruf, atau warna tertentu. Tag : font Parameter : size, face, color

18 Tag Fontd (color) Memformat suatu bagian kalimat dengan ukuran, jenis huruf, atau warna tertentu. Tag : font Parameter : size, face, color

19 Latihan!!!!


Download ppt "Pengantar Web Design. Mengenal Beberapa Istilah Dalam Dunia Maya www (word wide web) : merupakan kumpulan web server dari seluruh dunia yang berfungsi."

Presentasi serupa


Iklan oleh Google