0
Pengenalan WEB Design dan Programming
Posted by jujur
on
6:36 PM
CLIENT SIDE1. Pengenalan HTML
Internet merupakan jaringan global yang menghubungkan suatu network dengan network lainnya di
seluruh dunia, TCP/IP menjadi protocol penghubung antara jaringan-jaringan yang beragam di
seluruh dunia untuk dapat berkomunikasi. World Wide Web (WWW) merupakan bagian dari internet
yang paling cepat berkembang dan paling populer.
WWW bekerja berdasarkan pada tiga mekanisme berikut:
• Protocol standard aturan yang di gunakan untuk berkomunikasi pada computer networking,
Hypertext Transfer Protocol (HTTP) adalah protocol untuk WWW.
• Address WWW memiliki aturan penamaan alamat web yaitu URL(Uniform Resource Locator)
yang di gunakan sebagai standard alamat internet.
• HTML digunakan untuk membuat document yang bisa di akses melalui web
A. HTML
Hypertext Markup Language merupakan standard bahasa yang di gunakan untuk menampilkan
document web, yang bisa anda lakukan:
• Mengontrol tampilan dari web page dan contentnya.
• Mempublikasikan document secara online sehingga bisa di akses
• Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara
online.
• Menambahkan object-object seperti image, audio, video dan juga java applet dalam
document HTML.
B. Browser dan Editor
Browser
Browser merupakan software yang di install di mesin client yang berfungsi untuk
menterjemahkan tag-tag HTML menjadi halaman web. Browser yang sering di gunakan biasanya
Internet Explorer, Netscape Navigator dan masih banyak yang lainnya.
Editor
Program yang di gunakan untuk membuat document HTML, ada banyak HTML editor yang bisa
anda gunakan diantaranya: Ms FrontPage, Dreamweaver, Notepad.
C. CSS
Cascading Style Sheet (CSS) adalah mekanisme sederhana style sheet yang mengijinkan
desiner dan user untuk menempatkan style, misalnya huruf, warna dan spasi ke dalam dokumen
HTML
.
Aturan dalam CSS terdiri atas 2 bagian utama, yaitu:
• Selektor, yaitu sebuah string yang mengidentifikasi apakah sebuah elemen berhubungan
dengan aturan yang akan diimplementasikan. Contoh, H1
• Deklarasi, yaitu properti misalnya font-size dengan nilai yang sesuai misalnya 12pt. Contoh,
font-size: 12pt
Contoh Style Sheet
Contoh HTML
Penggunaan Notepad sebagai editor HTML
JavaScript dan VBScript
JavaScript merupakan bahasa cript yang dikembangkan oleh Netscape untuk membuat dokumen
yang dinamis. JavaScript mempunyai kemiripan dengan bahasa pemrograman C. Bahasa JavaScript
menyerupai Java tetapi tidak memiliki penulisan yang statis dan kontrol yang kuat. Perbedaannya
pada Java, sistem waktu kompilasi pada class yang dibuat dari deklarasi,
JavaScript mendukung sistem runtime pada bilangan kecil dan tipe data yang direpresentasikan oleh
tipe numerik, boolean dan string. JavaScript mendukung fungsi-fungsi tanpa deklarasi khusus.
Sedangkang Java adalah bahasa yang didesain untuk pemrograman berorientasi objek dengan
eksekusi yang cepat dan bertipe aman.
Sama halnya dengan VBScript namun yang membedakan dengan JavaScript adalah sintaks bahasa
yang digunakan, VBScript menggunakan bahasa yang mirip dengan Visual Basic sedangkan
JavaScript menggunakan pola bahasa yang mirip dengan Java.
Contoh JavaScript:
Internet merupakan jaringan global yang menghubungkan suatu network dengan network lainnya di
seluruh dunia, TCP/IP menjadi protocol penghubung antara jaringan-jaringan yang beragam di
seluruh dunia untuk dapat berkomunikasi. World Wide Web (WWW) merupakan bagian dari internet
yang paling cepat berkembang dan paling populer.
WWW bekerja berdasarkan pada tiga mekanisme berikut:
• Protocol standard aturan yang di gunakan untuk berkomunikasi pada computer networking,
Hypertext Transfer Protocol (HTTP) adalah protocol untuk WWW.
• Address WWW memiliki aturan penamaan alamat web yaitu URL(Uniform Resource Locator)
yang di gunakan sebagai standard alamat internet.
• HTML digunakan untuk membuat document yang bisa di akses melalui web
A. HTML
Hypertext Markup Language merupakan standard bahasa yang di gunakan untuk menampilkan
document web, yang bisa anda lakukan:
• Mengontrol tampilan dari web page dan contentnya.
• Mempublikasikan document secara online sehingga bisa di akses
• Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara
online.
• Menambahkan object-object seperti image, audio, video dan juga java applet dalam
document HTML.
B. Browser dan Editor
Browser
Browser merupakan software yang di install di mesin client yang berfungsi untuk
menterjemahkan tag-tag HTML menjadi halaman web. Browser yang sering di gunakan biasanya
Internet Explorer, Netscape Navigator dan masih banyak yang lainnya.
Editor
Program yang di gunakan untuk membuat document HTML, ada banyak HTML editor yang bisa
anda gunakan diantaranya: Ms FrontPage, Dreamweaver, Notepad.
C. CSS
Cascading Style Sheet (CSS) adalah mekanisme sederhana style sheet yang mengijinkan
desiner dan user untuk menempatkan style, misalnya huruf, warna dan spasi ke dalam dokumen
HTML
.
Aturan dalam CSS terdiri atas 2 bagian utama, yaitu:
• Selektor, yaitu sebuah string yang mengidentifikasi apakah sebuah elemen berhubungan
dengan aturan yang akan diimplementasikan. Contoh, H1
• Deklarasi, yaitu properti misalnya font-size dengan nilai yang sesuai misalnya 12pt. Contoh,
font-size: 12pt
Contoh Style Sheet
<HTML>
<HEAD>
<TITLE>Contoh CSS</TITLE>
<STYLE type=”text/css”>
H1{color: red}
</STYLE>
</HEAD>
<BODY>
<H1>Tulisan ini pasti berwarna merah</H1>
<P>Benarkan Tulisan di atas berwarna merah
</BODY>
</HTML>
Contoh HTML
Penggunaan Notepad sebagai editor HTML
JavaScript merupakan bahasa cript yang dikembangkan oleh Netscape untuk membuat dokumen
yang dinamis. JavaScript mempunyai kemiripan dengan bahasa pemrograman C. Bahasa JavaScript
menyerupai Java tetapi tidak memiliki penulisan yang statis dan kontrol yang kuat. Perbedaannya
pada Java, sistem waktu kompilasi pada class yang dibuat dari deklarasi,
JavaScript mendukung sistem runtime pada bilangan kecil dan tipe data yang direpresentasikan oleh
tipe numerik, boolean dan string. JavaScript mendukung fungsi-fungsi tanpa deklarasi khusus.
Sedangkang Java adalah bahasa yang didesain untuk pemrograman berorientasi objek dengan
eksekusi yang cepat dan bertipe aman.
Sama halnya dengan VBScript namun yang membedakan dengan JavaScript adalah sintaks bahasa
yang digunakan, VBScript menggunakan bahasa yang mirip dengan Visual Basic sedangkan
JavaScript menggunakan pola bahasa yang mirip dengan Java.
Contoh JavaScript:
<HTML>Contoh VBScript dengan tampilan output yang sama
<HEAD>
<TITLE>Contoh JavaScript</TITLE>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
document.write("<P><H1>Wellcome to WWW</H1><BR>")
document.write("<P><b>from JavaScript</b>")
</SCRIPT>
</HTML>
<HTML>
<HEAD>
<TITLE>Contoh VBScript</TITLE>
</HEAD>
<SCRIPT LANGUAGE="VBScript">
document.write ("<P><H1>Wellcome to WWW</H1><BR>")
document.write ("<P><b>from VBScript</b>")
</SCRIPT>
</HTML>
