mata kuliah pemrograman web
Post on 21-Mar-2016
130 Views
Preview:
DESCRIPTION
TRANSCRIPT
MATA KULIAH PEMROGRAMAN WEB
Materi Pertama
PENGENALAN HTML
Dosen : Vindo Feladi, ST, M.Pd
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
Kuis
Apa pengertian program ?Apa pengertian pemrograman ?Apa pengertian bahasa pemrograman ?Apa hubungan antara program,
pemrograman dan bahasa pemrograman ?
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)
Hubungan program, pemrograman dan bahasa pemrograman
PEMOGRAMAN Instruksi bentuk biner KOMPUTER
MANUSIA
Logika dan algoritma
Bahasa Pemograman
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.
Penggunaan HTML
Text editorWeb browserMedia penyimpanan
Untuk dapat menggunakan HTML, ada hal yang harus dibutuhkan:
Struktur Dokumen HTML
<html><head>
<title>Judul halaman</title></head><body>
isi halaman web /informasi</body>
</html>
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.
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
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>
Pengujian Kompetensi
Dari materi yang baru saja di ajarkan, buatlah program html sederhana dengan menuliskannya ke dalam text editor dan tampilkan di web browser
top related