Pemrograman WEB
Pertemuan I (Teori)
Oleh : D. Sinaga, M.Kom
Pemrograman Web
Pembuatan aplikasi programan dengan
Bahasa skrip yang akan menghasilkan
sebuah aplikasi yang dapat diakses pada
web browser
Bahasa yang digunakan untuk
pembuatan Web
1. HTML
2. PHP
3. CSS
4. JAVASCRIPT
ISTILAH ISTILAH DALAM
PEMROGRAMAN WEB
1. INTERNET
2. WWW
3. WEBSITE
4. URL
5. HTTP
6. WEB BROWSER
Internet
• Adalah kumpulan dari berbagai jaringan
komputer yang saling interkoneksi yang
mencakup seluruh dunia (jaringan global)
dengan melalui jalur telekomunikasi seperti
telepon, fiber-optic, wireless dan lainnya
WWW (world wide web)
• Adalah salah satu bentuk
layanan yang dapat diakses
melalui internet.
• Biasa disingkat sebagai Web.
• Merupakan sekumpulan
dokumen, gambar-gambar,
dan bentuk resources yang
lainnya yang dihubungkan
melalui hyperlinks dan URLs.
Website
• Merupakan Kumpulan
halaman digital yang berisi
informasi teks, animasi
gambar, suara dan video
yang terkoneksi oleh internet.
• Untuk mengaksesnya selain
terkoneksi dengan internet
harus membukanya dalam
sebuah apliksi web browser
URL (Universal Resource
Locator)
• Merupakan suatu
Alamat yang
menunjukan sebuah
halaman tertentu.
Contoh URL adalah :
http://www.google.com/
HTTP (Hypertext Transfer Protocol)
• Adalah bagian dari URL yang digunakan untuk mengidentifikasi
lokasi web, dan digunakan dalam protokol HTML.
Web Browser
• Berjalan pada komputer user
• Merupakan tool untuk melakukan navigasi
di web
• Menampilkan dokumen web
Contoh-contoh:
 MS Internet Explorer
 Opera
 Chrome
 Mozilla Firefox
Apa itu HTML ?
• HTML (Hypertext Markup Language)
• Merupakan kode yang digunakan untuk
membuat struktur halaman suatu
website yang menarik.
• HTML termasuk Bahasa pemrograman
gratis dan dapat dikembangkan
Bersama-sama secara global.
• Dokumen HTML disimpan dengan file
extension .html
Struktur Dasar HTML
HTML memiliki bentuk dasar
atau struktur yang harus diikuti
aturannya oleh si penulis.
• Tag
<head>…</head>memili
ki fungsi memberikan
informasi tentang
halaman web itu sendiri.
• Tag <title>…</tittle>
merupakan elemen
yang digunakan untuk
membuat judul halaman
HTML (yg ditampilkan di
bilah judul browser atau
di tab halaman)
• Tag
<body>…</body>
adalah elemen yang
mendefinisikan isi
dari konten, dan
merupakan wadah
untuk semua konten
yang terlihat, seperti
judul, paragraph,
gambar, hyperlink,
table dll.
ELEMEN HTML
• Elemen HTML ditentukan oleh tag awal, beberapa konten, dan tag akhir. tagname>Content goes here...</tagname>
• Contoh elemen HTML
• <h1>My First Heading</h1>
• <p>My first paragraph.</p>
HTML ATTRIBUTES
• Semua elemen HTML dapat memiliki atribut
• Atribut selalu ditentukan di tag awal
• Atribut biasanya memiliki pasangan yaitu name/value
seperti name=“value”
Attribute href
• Tag <a> mendefinisikan hyperlink. Dimana
untuk mentukan URL halaman yang dituju
link tersebut.
Attribute src
• Tag <img> digunakan untuk menyematkan
gambar di halaman HTML. Atribut src
digunakan untuk menentukan Dimana
gambar akan ditampilkan
HTML HEADINGS
• HTML Headings adalah judul atau
subjudul yang ingin ditampilkan di
halaman web
• HTML Headings didefinisikan dengan tag <h1>
hingga <h6>.
• <h1> mendefinisikan judul yang paling penting.
• <h6> mendefinisikan judul yang paling tidak
penting
• <h1> sebaiknya digunakan
untuk judul utama, diikuti
dengan judul <h2>,<h3> yang
kurang penting dan seterusnya

pertemuan 1 pemrograman web dasar pada PPLG.ppt

  • 1.
    Pemrograman WEB Pertemuan I(Teori) Oleh : D. Sinaga, M.Kom
  • 2.
    Pemrograman Web Pembuatan aplikasiprograman dengan Bahasa skrip yang akan menghasilkan sebuah aplikasi yang dapat diakses pada web browser
  • 3.
    Bahasa yang digunakanuntuk pembuatan Web 1. HTML 2. PHP 3. CSS 4. JAVASCRIPT
  • 4.
    ISTILAH ISTILAH DALAM PEMROGRAMANWEB 1. INTERNET 2. WWW 3. WEBSITE 4. URL 5. HTTP 6. WEB BROWSER
  • 5.
    Internet • Adalah kumpulandari berbagai jaringan komputer yang saling interkoneksi yang mencakup seluruh dunia (jaringan global) dengan melalui jalur telekomunikasi seperti telepon, fiber-optic, wireless dan lainnya
  • 6.
    WWW (world wideweb) • Adalah salah satu bentuk layanan yang dapat diakses melalui internet. • Biasa disingkat sebagai Web. • Merupakan sekumpulan dokumen, gambar-gambar, dan bentuk resources yang lainnya yang dihubungkan melalui hyperlinks dan URLs.
  • 7.
    Website • Merupakan Kumpulan halamandigital yang berisi informasi teks, animasi gambar, suara dan video yang terkoneksi oleh internet. • Untuk mengaksesnya selain terkoneksi dengan internet harus membukanya dalam sebuah apliksi web browser
  • 8.
    URL (Universal Resource Locator) •Merupakan suatu Alamat yang menunjukan sebuah halaman tertentu. Contoh URL adalah : http://www.google.com/
  • 9.
    HTTP (Hypertext TransferProtocol) • Adalah bagian dari URL yang digunakan untuk mengidentifikasi lokasi web, dan digunakan dalam protokol HTML.
  • 10.
    Web Browser • Berjalanpada komputer user • Merupakan tool untuk melakukan navigasi di web • Menampilkan dokumen web Contoh-contoh:  MS Internet Explorer  Opera  Chrome  Mozilla Firefox
  • 11.
    Apa itu HTML? • HTML (Hypertext Markup Language) • Merupakan kode yang digunakan untuk membuat struktur halaman suatu website yang menarik. • HTML termasuk Bahasa pemrograman gratis dan dapat dikembangkan Bersama-sama secara global. • Dokumen HTML disimpan dengan file extension .html
  • 12.
    Struktur Dasar HTML HTMLmemiliki bentuk dasar atau struktur yang harus diikuti aturannya oleh si penulis.
  • 13.
    • Tag <head>…</head>memili ki fungsimemberikan informasi tentang halaman web itu sendiri. • Tag <title>…</tittle> merupakan elemen yang digunakan untuk membuat judul halaman HTML (yg ditampilkan di bilah judul browser atau di tab halaman)
  • 14.
    • Tag <body>…</body> adalah elemenyang mendefinisikan isi dari konten, dan merupakan wadah untuk semua konten yang terlihat, seperti judul, paragraph, gambar, hyperlink, table dll.
  • 15.
    ELEMEN HTML • ElemenHTML ditentukan oleh tag awal, beberapa konten, dan tag akhir. tagname>Content goes here...</tagname> • Contoh elemen HTML • <h1>My First Heading</h1> • <p>My first paragraph.</p>
  • 16.
    HTML ATTRIBUTES • Semuaelemen HTML dapat memiliki atribut • Atribut selalu ditentukan di tag awal • Atribut biasanya memiliki pasangan yaitu name/value seperti name=“value”
  • 17.
    Attribute href • Tag<a> mendefinisikan hyperlink. Dimana untuk mentukan URL halaman yang dituju link tersebut.
  • 18.
    Attribute src • Tag<img> digunakan untuk menyematkan gambar di halaman HTML. Atribut src digunakan untuk menentukan Dimana gambar akan ditampilkan
  • 19.
    HTML HEADINGS • HTMLHeadings adalah judul atau subjudul yang ingin ditampilkan di halaman web
  • 20.
    • HTML Headingsdidefinisikan dengan tag <h1> hingga <h6>. • <h1> mendefinisikan judul yang paling penting. • <h6> mendefinisikan judul yang paling tidak penting • <h1> sebaiknya digunakan untuk judul utama, diikuti dengan judul <h2>,<h3> yang kurang penting dan seterusnya

Editor's Notes

  • #19 Judul html
  • #20 Mesin pencari menggunakan judul untuk mengindeks struktur dan konten halaman web Anda. Pengguna sering kali menelusuri halaman berdasarkan judulnya. Penting untuk menggunakan judul untuk menunjukkan struktur dokumen.