PEMPROGRAMAN WEB

Download Report

Transcript PEMPROGRAMAN WEB 

DEWI SULISTIYARINI, S.KOM
[email protected]


Apa sih internet ..???
Internet merupakan dua komputer atau lebih yang
saling berhubungan membentuk jaringan komputer
hingga meliputi jutaan komputer di dunia yang
saling berinteraksi dan bertukar informasi.

World wide web (WWW) merupakan suatu layanan
internet yang didapatkan oleh pemakai komputer
yang terhubung ke internet.
www bekerja berdasarkan tiga mekanisme :
1. Protokol
2. Address
3. HTML

Aplikasi web terbagi menjadi dua, yaitu :
1. Web statis
2. Web dinamis


Server Side Scripting
• Yaitu sekumpulan script yang di proses pada sisi
server.
• Contoh : php dan asp.

Client Side Scripting
• Yaitu sekumpulan script yang pemrosesannya
dilakukan pada sisi client.
• Contoh : javascript, CSS, HTML,dll.


HTML merupakan bahasa
bekerja pada sisi client.
pemrograman
yang
HTML merupakan bahasa pemrograman yang
menggunakan
tanda-tanda
tertentu
untuk
menyatakan kode-kode yang harus ditafsirkan oleh
browser agar halaman tersebut dapat ditampilkan
secara benar.




Tersusun oleh tag-tag sebagai penanda.
Pada umumnya tag selalu terdiri dari tag pembuka
dan tag penutup.
Tidak case sensitive.
Ekstensi file berupa .html atau .htm
Struktur dasar HTML
‣
‣
‣
Element
Attribute
value
1.
2.
3.
4.
5.
6.
7.
8.
9.
Heading
Paragraf
Horizontal rule
Format teks
Begin row
Font
Gambar
Hyperlink
List
1. Ordered list
2. Unordered list


1.
Format teks dalam html terdiri dari banyak
elemen.
Elemen-elemen tersebut dikelompokkan dalam
dua bagian, yaitu :
Physical formatting
digunakan untuk memformat teks secara karakteristik
fisik.
2.
Logical formatting
digunakan untuk memformat teks menurut isi atau
kandungan teks, biasanyan memberikan penekanan pada
suatu kata atau kalimat.
Simpan dengan nama teks.html
<html>
<head>
<title>Contoh Format Teks</title>
</head>
<body>
<b> Teks yang ditebalkan </b> <br>
<i> Teks yang miring </i> <br>
<u> Teks yang digaris bawah </u> <br>
<big> Teks ini besar </big> <br>
<small> Teks ini kecil </small> <br>
<em> Teks emphasize </em> <br>
<del> Teks ini dicoret </del> <br>
Teks berisi <sub> subscript </sub> <br />
Teks berisi <sup> supercript </sup>
</body>
</html>
Simpan dengan nama link.html
<html>
<head>
<title>Contoh Link dan Gambar</title>
</head>
<body>
<p> Contoh Link Teks <br />
<a href="teks.html">
Teks ini </a> merupakan link <br> kepada suatu halaman
dengan nama teks.html </p>
<br>
dibawah ini adalah contoh link Gambar <br>
<a href="spon.jpg"> <img src="spon.jpg"> </a>
</body>
</html>