Topik Pokok Materi. Pengenalan Web Server Pengenalan HTML. Situs Pendukung :

(1)

Topik Pokok Materi

• Pengenalan Web Server

• Pengenalan HTML

Situs Pendukung :

(2)

Pengenalan Web Server

• Web Server merupakan sebuah perangkat lunak dalam server yang

berfungsi menerima permintaan (request) berupa halaman web

melalui HTTP atau HTTPS dari klien yang dikenal dengan browser

web dan mengirimkan kembali (response) hasilnya dalam bentuk

halaman-halaman web yang umumnya berbentuk dokumen HTML.

(3)

Pengenalan Web Server

Beberapa Web Server yang banyak digunakan di internet antara lain : 1. Apache Web Server (http://www.apache.org)

2. Internet Information Service, IIS (http://www.microsoft.com/iis) 3. Xitami Web Server (http://www.xitami.com)

4. Sun Java System Web Server

(4)

Server Side Scripting

Server Side Scripting merupakan sebuah teknologi scripting atau pemrograman web dimana script (program) dikompilasi atau diterjemahkan di server. Dengan server side scripting, memungkinkan untuk menghasilkan halaman web yang dinamis.

Beberapa contoh Server Side Scripting (Programming) : • ASP (Active Server Page) dan ASP.NET

• ColdFusion (http://www.macromedia.com/software/coldfusion) • Java Server Pages (http://java.sun.com/products/jsp/)

• Perl (http://www.perl.org) • Phyton (http://www.python.org) • PHP (http://www.php.net) Keistimewaan PHP: • Cepat • Free • Mudah dipelajari • Multi-platform • Dukungan technical-support • Banyaknya komunitas PHP • Aman

(5)

Pengenalan HTML

• Apa itu www ?

• Fasilitas www

• Mempersiapkan Website

• HTML

• Browser dan Editor

• Tag-tag Dasar HTML

– Basic Tag HTML

(6)

Apa itu www?

• World Wide Web (www) adalah nama yang diberikan untuk

semua bagian Internet yang dapat diakses dengan software

web browser.

• World Wide Web (www) atau singkatnya web, terdiri dari

jutaan situs web (web site) dan setiap web site terdiri

banyak halaman web (web page).

• Halaman-halaman web ini tersebar di seluruh dunia di

komputer-komputer server yang terhubung dengan

Internet.

• Halaman Web adalah halaman yang tampak dari sebuah

software web browser. Halaman ini seperti file dokumen

word-processing, kecuali didalamnya dapat terkandung text,

gambar bahkan animasi.

• Situs Web terdiri dari beberapa halaman web yang saling

terkait (linked) antara yang satu dengan yang lain dengan

satu cara tertentu.

(7)

Fasilitas www

1. Web Mail Service

Contoh : mail.yahoo.com, www.hotmail.com, dll.

2. Search Engine

Contoh situs search engine : www.google.com,

www.yahoo.com, dll.

3. Web Hosting

Contoh : www.geocities.com, www.lonex.com,

www.coolfreepages.com, dll.

4. Portal.

(8)

Mempersiapkan website

Untuk membuat website diperlukan beberapa hal, antara lain :

1. Web Browser.

Contoh : Microsoft Internet Explorer, Netscape Navigator, Mozilla, Opera,

Mozaic, dll.

2. Hardware

Contoh : modem telepon, modem ISDN, kartu jaringan, dll. 3. Menguasai HTML

Contoh aplikasi pembangun situs: Microsoft Frontpage, Macromedia Dreamweaver, Adobe GoLive, Microvision WebExpress, dll.

4. Koneksi Internet

Koneksi ke internet diperlukan untuk meletakkan (upload) seluruh file-file halaman web

5. Web Space

Web space adalah ruang harddisk yang telah secara khusus disediakan untuk meletakkan semua file-file setiap halaman web kedalam ruang hardisk tersebut. Web space ini berada pada harddisk sebuah web server di Internet.

6. Domain Name

Domain Name adalah nama website dan informasi logikal path dari web space yang telah dipersiapkan. Domain name ini berfungsi sebagai alamat dari website yang telah kita letakkan di webspace tadi.

(9)

HTML

• HTML (Hyper Text Markup Language)

adalah file teks atau file ASCII yang berisi instruksi/script

kepada web browser untuk menampilkan suatu tampilan

grafis dari sebuah halaman web.

• Didalam file HTML terdapat beberapa "

tag

" atau

kode-kode yang dimengerti oleh web browser dan dapat

menampilkannya di layar monitor.

• Salah satu kelebihan file HTML adalah cross platform,

artinya file HTML dapat ditampilkan di beberapa Operating

System (OS) yang berbeda dan memiliki tampilan yang

sama walaupun saat pembuatannya menggunakan satu OS

tertentu saja.

(10)

Editor

• File HTML dapat dibuat dengan aplikasi text editor

apapun di sistem operasi apapun, antara lain :

Notepad di Windows, emasc atau vi di Unix atau

SimpleText di Macintosh.

• File HTML juga bisa dibuat di aplikasi word processor

apapun asalkan saat menyimpan file tersebut

disimpan dengan format text-only.

• Selain menggunakan text editor, HTML juga dapat

dibangun menggunakan Editor berbasis grafik/visual

seperti : Microsoft Frontpage, Macromedia

Dreamweaver, Adobe GoLive, Microvision

WebExpress, dll.

(11)

Sejarah Web Browser

• Web Browser pertama menggunakan perintah teks biasa dan hanya

bisa menampilkan dokumen teks.

• Pada tahun 1993, Marc Andreessen, seorang mahasiswa Universitas

Illinois, menciptakan web browser berbasis grafik yang diberi nama

Mosaic. Mosaic mampu menampilkan dokumen grafis dan

menggunakan user interface (tampilan) grafis.

• Penggunaan interface grafis ini mempermudah penggunaan web

browser dan penampilan file HTML menjadi lebih baik, yang pada

akhirnya memberikan kontribusi untuk semakin cepatnya

perkembangan Internet.

• Selanjutnya Marc Andreessen menjadi salah satu pendiri Netscape,

perusahaan pembuat web browser Netscape Navigator.

• Beberapa web browser lain diantaranya : Internet Explorer, Mozilla

Firefox, Opera & Safari

(12)

Fasilitas Utama Web Browser

Di setiap browser terdapat dua fasilitas utama yang membantu kita saat

menjelajah www, yaitu:

1. History List adalah daftar halaman yang telah dikunjungi atau

ditampilkan selama suatu web browser itu aktif. History List ini akan

dibersihkan kembali bila kita keluar dari program web browser.

Pemanfaatan History List ini dengan tombol atau perintah Back dan

Forward.

2. Bookmark List berisi judul suatu halaman web dan URL halaman

tersebut. Tidak seperti History List, yang hanya digunakan session

yang sama saat web browser aktif, History List disimpan di komputer

kita dan dapat digunakan di lain waktu, sehingga sering disebut

(13)

Basic Tag HTML

• Saat web browser menampilkan sebuah halaman web, web

browser membaca halaman web tersebut dari sebuah file

teks dan kemudian mencari kode-kode special (dalam hal ini

adalah tag HTML) yang ditandai dengan karakter "<" dan

">".

• Tag HTML pada umumnya dibuat berpasangan, ada tag

pembuka dan ada tag penutup.

• Format umum tag HTML adalah

(14)

Struktur Penulisan dasar HTML

• Dokumen HTML terbagi dalam dua bagian besar

yaitu bagian head dan bagian body.

• Bagian head berfungsi untuk memberikan

informasi-informasi penting tentang dokumen

HTML tersebut dan informasi tersebut tidak

ditampilkan di layar monitor.

• Sementara itu, bagian body adalah berisi semua

instruksi untuk mengatur seluruh tampilan

halaman web di web browser dan informasi lain

yang tidak termasuk dalam bagian head.

(15)

Contoh sederhana

penulisan HTML

<html>

<head>

<title>Halaman sederhana...</title>

<!-- bagian header berisi informasi tambahan

yang menjelaskan dokumen ini dan tidak

ditampilkan -->

</head>

<body>

<h3> Halaman web sederhana... </h3>

</body>

</html>

(16)

Tag META

• Tag Meta Auhtor

Tag ini berfungsi untuk menjelaskan perancang halaman web. Contoh :

Tag meta ini berfungsi saat kita menggunakan search engine yang akan mengindex website secara otomatis.

Program di search engine ini akan mencari deskripsi di website kita dan akan mencarinya di tag meta ini.

Contoh :

Tag ini berfungsi untuk search engine yang bertipe auto robot yang secara otomatis akan mencari kata-kata di tag ini dan meletakkan di database mereka.

Bila seseorang mencari dengan kata-kata yang terdapat dalam tag meta ini maka website kita akan termasuk dalam salah satu hasil pencarian.

Contoh :

(17)

Contoh penggunaan Tag Meta

<html>

<head>

<title>Halaman Tag</title>

</head>

<body>

contoh Meta Tags

</body>