Rangkuman
Materi Server Side Programming
Pertemuan
2, Part I
A. Browser
Browser
adalah aplikasi atau software yang digunakan untuk mengakses web. Data-data
yang ditampilkan dalam web disimpan dalam sebuah server. Dengan browser inilah
kita dapat melihat bahkan menyalin data-data yang sudah ditata dalam sebuah
website. Entah dengan cara memasukkan url, atau dengan melakukan pencarian
menggunakan kata kunci. Dengan cara tersebut, server akan menampilkan data
output untuk input yang kita cari.
Browser
banyak sekali jenisnya. Ada chrome, firefox, Opera dan lain sebagainya. Namun
sebenarnya semua browser pun sama. Kenapa? Karena terdapat standar kode. Di
dalam semua browser mengandung standar kode yang kurang lebih sama.
Standar
yang dimaksud ditentukan oleh W3C (The World Wide Web Consortium). W3C adalah sebuah
komunitas internasional yang anggotanya terdiri dari staff dan perwakilan
publik yang mana mereka bekerja sama untuk mengembangkan standar web. Dan
standar-standar tersebutlah yang diterapkan oleh browser-browser sehingga
semuanya memiliki tampilan yang kurang lebih sama antar satu dengan yang lain.
Terdapat
beberapa perbedaan antara satu browser dengan browser yang lain.
1. Kecepatan dalam pengembangan standar baru.
Tidak
semua browser berstatus up to date. Terkadang, ada satu browser yang sudah
menerapkan standar baru, dan yang lainnya belum.
2. Implementasi Standar.
Setiap
browser memiliki kebijakan masing-masing dalam menerapkan standar.
3. Fitur Eksklusif.
Tidak
jarang, beberapa browser memiliki fitur-fitur yang tidak dapat ditemukan pada
browser lain.
B. HTML
HTML merupakan akronim dari (Hyper Text Markup
Language) Hyper Text merupakan cara berpindah-pindah halaman dengan instan
dalam sebuah web. Sedangkan Mark Up Language berfungsi sebagai penanda.
1. Tanda awal untuk memulai. Tag Pembuka/Start Tag <…..>
2. Tanda akhir untuk mengakhiri. Tag Penutup/End Tag </…..>
Contoh:
-
<p> paragraf </p>
Huruf ‘p’
di dalam kurung merupakan kode kepada browser, bahwa data yang diapit oleh
tanda awal dan tanda akhir merupakan seuah paragraf.
-
<table> saya di dalam tabel
</table>
-
Kata ‘table’ di dalam kurung merupakan
kode kepada browser, bahwa data yang diapit oleh tanda awal dan tanda akhir
merupakan seuah tabel.
Keseluruhan dari tag pembuka, isi dan
tag penutup, disebut dengan HTML Element.
C. HTML
dan Tampilan
Ketika browser telah membaca kode yang
diberikan, maka browser akan melihat dan mengolah tampilan isinya. Termasuk
pengurutan dan pemilahan data. Kita dapat memasukkan dan menampilkan berbagai
data seperti foto, video dan lainnya dengan kode-kode tertentu yang tepat.
Sekalipun dalam HTML membahas
kode-kode, HTML bukanlah sebuah bahasa pemrograman. Melainkan hanyalah sebuah
penanda saja. ‘Ini adalah tabel. Ini adalah paragraf’ dan lain sebagainya. Tampilan
merupakan efek kedua dari HTML, karena sebenarnya tampilan diatur oleh
kode-kode yang lain.
Pertemuan 2,
Part II
A. Halaman
HTML
Halaman HTML adalah halaman-halaman yang mengandung kode HTML.
Namun tidak semua halaman HTML atau kode HTML ada dalam file HTML. Kode HTML
dapat berjalan pada bermacam-macam file.
B. Kelengkapan
Halaman HTML
Dalam sebuah pembuatan halaman HTML terdapat beberapa bagian,
yaitu
1.
Doctype
Doctype adalah sebuah kode untuk memberitahu
browser, bahwa isi dari file yang dibaca adalah HTML 5.
<!DOCTYPE
html>
2.
HTML
Setelah doctype, di bawahnya terdapat tag
pembuka dan tag penutup. Kedua tag tersebut menandai bahwa apa yang ada di
antara keduanya adalah kode-kode html
<!DOCTYPE html>
<html>
(berisi kode-kode html)
</html>
3.
Head
Di dalam elemen html terdapat element head.
Element head digunakan untuk memberikan keterangan mengenai halaman. Bukan
tampilan yang akan muncul pada jendela browser.
<!DOCTYPE html>
<html>
<head>
(berisi
keterangan mengenai halaman)
<head>
</html>
4.
Body
Pada elemen ini lah data-data yang ingin
ditampilkan pada halaman web akan diisikan .
<!DOCTYPE html>
<html>
<head>
<body>
(Isi
dari halaman yang ingin ditampilkan)
</body>
<head>
</html>
Pendalaman (Google
Meet)
v
Apa perbedaan fungsi dari
<p> dan <br> ?
<p>
berfungsi untuk menghimpun dan mengelompokkan suatu paragraf yang terdiri dari
kumpulan kalimat dan juga fungsi <br>.
Paragraft merupakan rangkaian kalimat
yang memiliki gagasan utama. Berfungsi untuk memanifestasikan gagasan dalam
bentuk tulisan dengan memberikan suatu bentuk pikiran kalimat yang tersusun
secara logis dalam suatu kesatuan.
<br>
berfungsi untuk memisahkan baris antar kalimat sebelum dan sesudah kode
tersebut, seperti tombol enter.
v Apa perbedaan fungsi dari <bold> dan <strong> ?
<bold> dan
<strong> sama-sama memiliki fungsi untuk menebalkan tulisan. Namunm
fungsi <strong> selain mengusung fungsi tebal juga menjadikan status data
yang diapit menjadi ‘penting’ dan akan menjadi keyword yang diindeks oleh search
engine.
v Apa hubungan html, Css dan Java Script?
Html berfungsi
untuk membuat isi website seperti paragraf, image dan lain sebagainya. Html
berisi tag tag tertentu seperi <p>, <br> dans ebagainya yang masih
bersifat sederhana.
Css
berfungsi untuk menunjang style atau desain tampilan halaman website. Css dapat
bekerja melalui tag html sehingga tampilan html yang sederhana bisa dibuat
lebih menarik.
Java
script merupakan salah satu bahasa pemrograman, bisa digunakan untuk membuat
halaman website lebih interaktif, seperti menampilkan fitur-fitur tertentu
seperti memberi tombol login, atau membrikan alat bantu hitung di dalam
website, atau setting halaman.
Praktikum (Google
Meet)
*Sebagian
besar sudah dibahas pada materi dan pendalaman. Izinkan saya hanya menuliskan
poin-poin yang tidak ada pada dua
pembahasan tersebut.
Elemen
memiliki banyak sekali elemen. Salah satunya adalah elemen untuk list. Ada
beberapa jenis list yang bisa dibuat dengan html.
1.
Ordered List (List yang
berurutan)
Ordered list dibuat dengan tag <ol></ol>. Lalu di dalamnya
diisi dengan item-item yang akan dimasukkan ke dalam list. Item dibuat dengan
tag <li> (list item).
Contoh:
<h1> Koleksi Mobilku: </h2>
<ol>
<li>Lamborghini
Veneno</li>
<li>Koenigsegg CCXR Trevita</li>
<li>Mercedes-Benz
Maybach Excelero</li>
<li>Rolls-Royce
Sweptail</li>
<li>Bugati La Voiture Noire</li>
</ol>
Hasil:
2.
Unordered List (List yang tidak
berurutan)
Tag list ini tidak berurutan dan menggunakan simbol-simbol
dalam list yang ditampilkan. Unordered list dibuat dengan tag
<ul></ul>. Lalu di dalamnya diisi dengan item-item yang akan dimasukkan
ke dalam list. Item dibuat dengan tag <li> (list item).
Contoh:
<h1> Koleksi Mobilku: </h2>
<ul>
<li>Lamborghini
Veneno</li>
<li>Koenigsegg CCXR Trevita</li>
<li>Mercedes-Benz
Maybach Excelero</li>
<li>Rolls-Royce
Sweptail</li>
<li>Bugati La Voiture Noire</li>
</ul>
Hasil
Tidak ada komentar:
Posting Komentar