Pemrograman Web PG117 – 3 SKS.

Slides:



Advertisements
Presentasi serupa
Matakuliah Pengenalan Internet
Advertisements

Pemrograman Web 1Humisar Hasugian, S.Kom 1 Pengenalan HTML HTML • Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan.
Pengembangan Web Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
Pengenalan HTML Oleh A ngraini. Tentang HTML HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web dan HTML kini merupakan.
Nine: Pengantar HTML The Net Language. 2 Objectives Setelah menyelesaikan bab ini, anda diharapkan dapat: Memahami konstruksi dasar halaman web. Mengerti.
STMIK PPKIA Pradnya Paramita
DASAR HTML Marina Azizah. Struktur Dokumen HTML Dokumen HTML bisa di bagi mejadi tiga bagian utama: HTML Setiap dokumen HTML harus di awali dan di tutup.
HTML Hipertext Markup Language
<html> <head> <title>Contoh Tag Font</title>
HTML.
HTML (Hypertext Markup Language)
Pengantar HTML By : Muhammad Zen S. Hadi Digital Communication Laboratory EEPIS-ITS.
Basic HTML Konsep dan Fungsi HTML
 HTML merupakan bahasa paling standard yang digunakan untuk membuat suatu website  HTML Singkatan dari H yper T ext M arkup L anguage  HTML bukanlah.
Pengantar Pemrograman WEB
Pemrograman Web/TI/ AK /2 sks
 Tabel sangat penting artinya dalam desain web. Karena dengan menggunakan tag table Anda dapat membuat halaman web "terbagi" pada beberapa kolom atau.
 Pengenalan Dreamweaver sebagai tools pengembangan aplikasi web  Dasar-dasar HTML  Penggunaan Form, Frame dan Layer.
Bekerja dengan file dan desain web
HTML Basic.
Pengenalan XML Perbedaannya dengan HTML Kebutuhan akan XML.
HTML (Hypertext Markup Language)
Pemrograman Web HTML (1) Andy Haryoko, ST.
HTML PEMROGRAMAN INTERNET.
Pertemuan 2 : HTML.
HTML (cont.) (Nelly Sofi). Peng. Komp & TI 2C2 Untuk mempelajari HTML saat ini tidaklah sulit karena sudah banyak program yang mampu menghasilkan dokumen.
Dasar-dasar HTML Mengenal HTML
Team Teknik Elektro UHAMKA HTML.
Pengantar Web Design.
Desain Web dengan Tag HTML
WEB STATIS Sabian Pamungkas.
IRAWATI, S.Kom.,MT. PEMROGRAMAN WEB
HTML Form dan Manipulasinya
X/HTML - CSS - Javascript
STMIK PPKIA Pradnya Paramita Pemrograman berbasis Web
WEB DESIGN Materi Pelajaran TIK Kelas XI SMA NEGERI 9 MALANG.
Hyper Text Markup Language
Pengenalan CSS Apasih CSS itu ?.
HTML TAGS.
HTML (cont.) (Devi Indriani).
Komputer aplikasi it-I (html)
Internet dan Pengantar HTML
HTML.
Pemrograman Web/TI/ AK /2 sks
HTML Introduction and Formatting Session 06 & 07
( Materi web HTML ) Membuat tabel.
Table.
INTERNET (Praktikum) STMIK “BINA NUSANTARA JAYA”
Universitas Komputer Indonesia
Internet dan Web By : Lisda Juliana P..
Komputer aplikasi it-I (html)
By : Ni Kadek Ariasih,S.Kom
List, Image, Link dan tabel
Pemrograman Berbasis WEB
Desain WEB.
Internet dan Web By : Lisda Juliana P..
Deskripsi Mata Kuliah: Dunia internet semakin lama semakin berkembang karena manusia selalu mencari terobosan baru. Meskipun pada awalnya internet hanya.
Internet dan Web Ecking Mendrofha.
LPIA Cileungsi Team Div-Kom ‘10
STMIK AMIKOM YOGYAKARTA JURUSAN S1-TEKNIK INFORMATIKA TA.2013/2014
Dasar HTML Hypertext Markup Language Dasar HTML.
Darmawan satyananda Mathematics department State university of malang
Internet dan Web PERTEMUAN III LISDA JULIANA.
Pengenalan HTML HTML Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan dokumen web Untuk membuat dokumen web yang bisa.
Pemrograman Web/TI/ AK /2 sks
STMIK PPKIA Pradnya Paramita Pemrograman berbasis Web
Paragrap dan Heading Dengan Tag HTML
List dan Image pada HTML
Internet dan Web By : Lisda Juliana P..
Pengantar HTML By : Muhammad Zen S. Hadi Digital Communication Laboratory EEPIS-ITS.
Transcript presentasi:

Pemrograman Web PG117 – 3 SKS

PEMROGRAMAN WEB – PG117 - 3 SKS PERTEMUAN - 1 PENGENALAN (X)HTML FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS

PEMROGRAMAN WEB – PG117 - 3 SKS HTML HTML kependekan dari Hypertext Markup Language. HTML dieksekusi oleh browser dan bukan di server. HTML tags tidak case sensitive. Kebanyakan perintah HTML memiliki tag pembuka dan penutup. Biasakan selalu menutup tag yang membutuhkan tag penutup Kebanyakan tag HTML memiliki atribut yang dapat digunakan untuk setting Undefined tags akan diabaikan oleh browser dan tidak ditampilkan FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS

PEMROGRAMAN WEB – PG117 - 3 SKS XHTML XHTML kependekan dari eXtensible Hypertext Markup Language, pada dasarnya adalah HTML 4.0 dengan aturan yang lebih strict. Secara umum HTML and XHTML sama Perbedaan paling penting adalah semua tag XHTML harus ditulis dalam huruf kecil, sedangkan tag HTML tidak case sensitive FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS

PEMROGRAMAN WEB – PG117 - 3 SKS Minimal HTML FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS

PEMROGRAMAN WEB – PG117 - 3 SKS <!DOCTYPE> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Tag <!DOCTYPE> mengindikasi Web Server type dokumen yang akan diparsing Di atas dapat digunakan untuk HTML dan XHTML Harus diletakkan paling atas dokumen Satu-satunya tag yang menggunakan uppercase pada dokumen XHTML FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS

PEMROGRAMAN WEB – PG117 - 3 SKS <html> FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS

PEMROGRAMAN WEB – PG117 - 3 SKS <head> FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS

PEMROGRAMAN WEB – PG117 - 3 SKS <title> FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS

PEMROGRAMAN WEB – PG117 - 3 SKS <body> FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS

PEMROGRAMAN WEB – PG117 - 3 SKS komentar Tag komentar digunakan untuk mendokumentasikan kode Tag ini digunakan untuk menambahkan komentar dan tidak akan ditampilkan oleh browser <!– isi komentar --> FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS

PEMROGRAMAN WEB – PG117 - 3 SKS Atribut Tag Atribut tag digunakan untuk mengontrol color, size, width, height, dll. Jika tidak disetting maka yang digunakan adalah nilai default Nilai default tergantung dari browser, bisa berbeda antara browser satu dengan lainnya atau versinya Beberapa browser memiliki nilai default sendiri (text color, text size, link color, background color, dll) FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS

PEMROGRAMAN WEB – PG117 - 3 SKS quotes Quote digunakan untuk mengapit nilai atribut Untuk HTML quote diperlukan hanya jika nilai dari atribut mengandung karakter khusus atau spasi Misal: color = “blue” border = “1” width = “100” FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS

Background dan Warna Text Tag <body> memiliki atribut yang dapat digunakan untuk merubah background dan warna text Atribut bgcolor digunakan untuk merubah warna background Atribut text digunakan untuk merubah warna text dari dokumen FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS

PEMROGRAMAN WEB – PG117 - 3 SKS bgcolor, text FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS

PEMROGRAMAN WEB – PG117 - 3 SKS Line break FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS

PEMROGRAMAN WEB – PG117 - 3 SKS Preformatted Text FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS

PEMROGRAMAN WEB – PG117 - 3 SKS Preformatted Text Tag FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS

PEMROGRAMAN WEB – PG117 - 3 SKS Paragraph FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS

PEMROGRAMAN WEB – PG117 - 3 SKS Heading FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS

PEMROGRAMAN WEB – PG117 - 3 SKS FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS

PEMROGRAMAN WEB – PG117 - 3 SKS Horizontal Rules FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS

PEMROGRAMAN WEB – PG117 - 3 SKS Atribut <hr /> Tag <hr /> memiliki atribut: width, digunakan untuk mengontrol lebar, nilainya bisa pixel atau persen size, digunakan untuk mengontrol ketebalan garis dalam pixel FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS

PEMROGRAMAN WEB – PG117 - 3 SKS width FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS

PEMROGRAMAN WEB – PG117 - 3 SKS size FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS

PEMROGRAMAN WEB – PG117 - 3 SKS width dan size FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS

PEMROGRAMAN WEB – PG117 - 3 SKS Text Alignment Atribut untuk perataan adalah align Nilainya : left / center / right Dapat digunakan pada tag paragraph <p>, tag heading <h> maupun tag horizontal rules <hr /> Tag <center> digunakan untuk membuat perataan secara tengah FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS

Perataan pada Paragraph FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS

PEMROGRAMAN WEB – PG117 - 3 SKS Perataan pada Heading FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS

Perataan pada Horizontal Rule FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS

PEMROGRAMAN WEB – PG117 - 3 SKS Validasi XHTML www.w3.org validator.w3.org Validasi halaman web <a href="http://validator.w3.org/check/referer"> <img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0!" height="31" width="88" /> </a> FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS