Download - MATA KULIAH PEMROGRAMAN WEB
![Page 1: MATA KULIAH PEMROGRAMAN WEB](https://reader033.vdocuments.net/reader033/viewer/2022061504/5681560c550346895dc3cf06/html5/thumbnails/1.jpg)
MATA KULIAH PEMROGRAMAN WEB
Materi Pertama
PENGENALAN HTML
Dosen : Vindo Feladi, ST, M.Pd
![Page 2: MATA KULIAH PEMROGRAMAN WEB](https://reader033.vdocuments.net/reader033/viewer/2022061504/5681560c550346895dc3cf06/html5/thumbnails/2.jpg)
Indikator
Mahasiswa dapat memahami arti dari pemrograman
Mahasiswa dapat mengetahui pengertian HTMLMahasiswa dapat memahami struktur dari HTMLMahasiswa dapat menerapkan struktur HTMLMahasiswa dapat menerapkan penyimpanan file
dalam bentuk htmlMahasiswa dapat menampilkan output html dari
browserMahasiswa dapat menerapkan fungsi headings
dalam HTML
![Page 3: MATA KULIAH PEMROGRAMAN WEB](https://reader033.vdocuments.net/reader033/viewer/2022061504/5681560c550346895dc3cf06/html5/thumbnails/3.jpg)
Kuis
Apa pengertian program ?Apa pengertian pemrograman ?Apa pengertian bahasa pemrograman ?Apa hubungan antara program,
pemrograman dan bahasa pemrograman ?
![Page 4: MATA KULIAH PEMROGRAMAN WEB](https://reader033.vdocuments.net/reader033/viewer/2022061504/5681560c550346895dc3cf06/html5/thumbnails/4.jpg)
Program, Pemrograman dan Bahasa Pemrograman
Program adalah sekumpulan langkah-langkah untuk penyelesaian suatu masalah dengan bantuan komputer.
Pemrograman adalah proses membuat program.
Bahasa pemrograman adalah bahasa yang digunakan untuk menuliskan langkah-langkah dalam bentuk perintah dan pernyataan (statement)
![Page 5: MATA KULIAH PEMROGRAMAN WEB](https://reader033.vdocuments.net/reader033/viewer/2022061504/5681560c550346895dc3cf06/html5/thumbnails/5.jpg)
Hubungan program, pemrograman dan bahasa pemrograman
PEMOGRAMAN Instruksi bentuk biner KOMPUTER
MANUSIA
Logika dan algoritma
Bahasa Pemograman
![Page 6: MATA KULIAH PEMROGRAMAN WEB](https://reader033.vdocuments.net/reader033/viewer/2022061504/5681560c550346895dc3cf06/html5/thumbnails/6.jpg)
Pengertian HTML
HTML (Hypertext Markup Language) adalah bahasa standar dalam menulis halaman web.
Merupakan dokumen dalam bentuk teks biasa yang dapat diterjemahkan oleh web browser menjadi suatu halaman yang menarik.
Bahasa yang dipakai untuk menampilkan informasi pada halaman web
Mendukung sekumpulan perintah yang dapat digunakan untuk mengatur tampilnya informasi
Bahasa ini menggunakan tanda (markup) untuk menandai perintah-perintah.
![Page 7: MATA KULIAH PEMROGRAMAN WEB](https://reader033.vdocuments.net/reader033/viewer/2022061504/5681560c550346895dc3cf06/html5/thumbnails/7.jpg)
Penggunaan HTML
Text editorWeb browserMedia penyimpanan
Untuk dapat menggunakan HTML, ada hal yang harus dibutuhkan:
![Page 8: MATA KULIAH PEMROGRAMAN WEB](https://reader033.vdocuments.net/reader033/viewer/2022061504/5681560c550346895dc3cf06/html5/thumbnails/8.jpg)
Struktur Dokumen HTML
<html><head>
<title>Judul halaman</title></head><body>
isi halaman web /informasi</body>
</html>
![Page 9: MATA KULIAH PEMROGRAMAN WEB](https://reader033.vdocuments.net/reader033/viewer/2022061504/5681560c550346895dc3cf06/html5/thumbnails/9.jpg)
Penyimpanan File HTML
Untuk menyimpan file dengan menggunakan text editor adalah dengan klik menu file kemudian pilih save dan tulis nama_data.hmtl di direktori web server atau bebas.
![Page 10: MATA KULIAH PEMROGRAMAN WEB](https://reader033.vdocuments.net/reader033/viewer/2022061504/5681560c550346895dc3cf06/html5/thumbnails/10.jpg)
Output HTML
Dapat dengan klik file html yang sudah dibuat melalui web browser.
Pada web browser di bagian URL nya tuliskan localhost/nama_data.html
![Page 11: MATA KULIAH PEMROGRAMAN WEB](https://reader033.vdocuments.net/reader033/viewer/2022061504/5681560c550346895dc3cf06/html5/thumbnails/11.jpg)
Headings
Digunakan untuk menampilkan nama bab atau bagian tertentu yang dianggap sebagai topik utama.
Terdapat 6 level heading mulai dari<h1> sampai <h6>.Penerapannya
<html><head><title>headings</title></head><body><h1> heading 1 </h1><h2> heading 2 </h2><h5> heading 5 </h5></body></html>
![Page 12: MATA KULIAH PEMROGRAMAN WEB](https://reader033.vdocuments.net/reader033/viewer/2022061504/5681560c550346895dc3cf06/html5/thumbnails/12.jpg)
Pengujian Kompetensi
Dari materi yang baru saja di ajarkan, buatlah program html sederhana dengan menuliskannya ke dalam text editor dan tampilkan di web browser