1 / 31

WEB DESIGN “HTML”

WEB DESIGN “HTML”. LPIA Cileungsi Team Kre @ tif Div-Kom ‘10. Pengertian Internet.

mliss
Télécharger la présentation

WEB DESIGN “HTML”

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. WEB DESIGN“HTML” LPIA Cileungsi Team Kre@tifDiv-Kom ‘10

  2. Pengertian Internet Internet berasal dari Interconnection Networking yang memiliki arti hubungan komputer dengan berbagai tipe yang membentuk sistem jaringan yang mencakup seluruh dunia, dengan melalui jalur telekomunikasi seperti Telephone, satelit, radio link dll.

  3. Dalam pengaturan integrasi & komunikasi jaringan komputer ini digunakan sebuah protocol yang dikenal (TCP/IP) Transmission Control Protocolbertugas memastikan bahwa semua hubungan bekerja dengan benar Internet Protocol yang mentransmisikan data dari satu komputer ke komputer lain.

  4. PENGANTAR HTML HTML (Hypertext Markup Language) • Untuk menuliskan kode HTML kita memerlukan sebuah program teks editor (notepad) penyimpanan berexitensi “.htm” • Untuk mempublikasikannya kita membutuhkan sebuah web browser (Internet Explorer/netscape/mozila)

  5. Pengenalan HTML pada Notepad Struktur HTML dapat di tuliskan dengan menggunakan Notepad / Wordpad. Yang perlu diperhatikan adalah pada saat penyimpanan file, yaitu berexitensi *.htm / *.html

  6. STRUKTUR DOKUMEN HTML <HTML> <Head> </head> <BODY> </body> </HTML> <Html> => Awal </Html> => akhir “/” Struktur html tidak menggunakan cese sensitive Secara garis besar struktur web pada HTML terdiri dari dua bagian (head & Body)

  7. LATIHAN 1

  8. LATIHAN 2

  9. LATIHAN 3 Menentukan warna latar pada halaman web <body bgcolor = “yellow” Penulisan warna dapat pula dengan menggunakan kode warna yang dapat dilihat pada PhotoShop

  10. Penulisan dengan kode warna

  11. Tabel Konstanta warna pada HTML

  12. Heading / penulisan JUDUL • Hheading digunakan untuk menampilkan nama bab yg dianggap sebagai topik utama. Pada HTML terdapat (6) enam level heading dengan penulisan tag sebagai berikut <h3>text judul</h3>

  13. Latihan Heading

  14. <BR> = Break line Tag <br> berfungsi untuk membuat baris baru tanpa memberi garis kosong => contoh ... <Body> Text pada baris pertama <br> Text pada baris kedua<BR> </body> ...

  15. ALIGN “Perataan TEXT”

  16. <P> = Paragraph Tag <p> berfungsi untuk membuat “Paragrap”/ baris baru dengan memberi garis kosong => contoh ... <Body> Paragraph pertama <p> Paragraph kedua<BR> </body> ...

  17. TUGAS …

  18. FORMAT FONT Tag untuk menentukan Ukuran font <FONT size =2> Tag untuk menentukan Warna font <FONT color =“warna”> Tag untuk menentukan Jenis font <FONT Face =“nama font”> <B>TEXT</B> “Cetak Tebal” <i>TEXT</i> “Cetak Miring” <U>TEXT</U> “Cetak Garis Bawah”

  19. Latihan…

  20. TUGAS…

  21. Bullet & Numbering Unordered LIST

  22. Tugas...

  23. ORDERED LIST

  24. TUGAS

  25. DEFINITION LIST

  26. Tag

More Related