BELAJAR MEMBUAT WEB DENGAN WAMP SERVER

3 10 2009

Belajar Membuat Web site dengan memangfaatkan WAMP Server
Untuk dapat menggunakan software ini yakinlah kalau semua berjalan dengan baik (istilah kata … ada dijalan yang benar … aminnnn .. hihihi apa lagee ….)

Jika WAMP belum di jalankan Klik=>Start=>Programs=>WampServer=>Start Wamp Server.

Jika sudah aktif dijalankan maka akan tampak di paling bawah kanan layar tampak gambar seperti :

Jika icon di klik kiri maka akan timbul popup menu sebagai berikut :

Agar kita yakin semua service aktif, Klik kiri Stop All Services kemudian Klik Kiri Start All Service.

Kemudian cek di browser ( Buka internet explorer atau mozilla, atau yang lainnya) , pada address masukan http://localhost hingga keluar window seperti gambar di bawah ini :

Jika keluar windows seperti diatas ini berarti Wamp sudah bisa di gunakan di komputer kita, bahkan dapat diakses dari komputer lain jika komputer kita sudah terhubung dengan komputer lain lewat LAN atau Local Area Network.

Dengan WAMP ini meskipun kita berada di lingkungan komputer yang tidak terhubung ke internet tetapi kita seolah oleh sedang mengakses web yang ada di internet.

Dalam lingkungan WAMP penyimpanan data browser terletak di c:\WAMP\www ( ini jika pada saat install di arahkan ke direktori (folder) c:\WAMP seperti pada Bahasan Sebelumnya yaitu pada Artikel Cara Menginstall WAMP Server)

Jika kita hanya ingin memperdalam HTML mungkin sementara dasar untuk lingkungan Server WAMP sudah cukup, marilah kita berlatih untuk mengetahui bagaimana cara mengetikan kode komponen komponen objek HTML .

STRUKTUR DASAR HTML

1. Sebagai langkah pertama buatlah sebuah folder di c:\wamp\www dengan nama folder
webku.

2. Kemudian buka Start=>Programs=>PHP Editor=>Klik kiri PHP Editor

3. Arahkan direktori kerja ke c:\wamp\www\webku seperti terlihat pada gambar dibawah ini :

Buka File => Klik kiri New …… atau klik kiri gambar icon
Kemudian jika muncul gambar seperti dibawah ini :

Double Klik kiri HTML atau Pilih Klik kiri HTML kemudian Klik Kiri OK.

Maka akan muncul di samping kanan window dengan editor tempat kita mengedit/ atau menyunting kode dengan isi :

Keterangan Kode :

- Tanda tanda yang di apit adalah dinamakan kode TAG perintah.
– Setiap tag perintah selalu berpasang pasangan, misalkan tag pasangannya , tag HTML adalah daerah yang di keluarkan dilayout browser (internet explorer,mozilla,dsb), di luar tag antara dan tidak di proses
– Tag Head adalah diakhiri tag , tag Head ini adalah tempat salah satunya untuk penayangan Judul Window.
– Untuk menayangkan judul window kita harus membuat kode dengan tag TITLE dengan perintah diakhiri oleh
Sebagai contoh :
Ganti tulisan yang ada di kolom New Dokumen dengan tulisan : Ini halaman web pertamaku seperti yang terlihat dibawah ini :

Ini halaman web pertamaku

Kemudian simpan di folder c:\wamp\www\webku dengan nama html01.html.
Kemudian panggil program internet explorer lalu ketikan di kotak isian address : http://localhost/webku/html01.html maka akan terlihat di window internet explorer seperti pada gambar di bawah ini :

- Untuk menayangkan isi web adalah terletak pada tag BODY penulisannya dimulai dengan dan diakhiri dengan .
Sebagai contoh :
Tulislah diantara kata ”Ini adalah isi halaman website ku” diantara dan seperti yang terlihat dibawah ini :

Ini halaman web pertamaku

Ini adalah isi halaman website ku

Simpan di folder c:\wamp\www\webku dengan nama html02.html. Kemudian panggil lagi program internet explorer lalu ketikan di kotak isian address : http://localhost/webku/html01.html maka akan terlihat di window internet explorer seperti pada gambar di bawah ini :

hehehehe … segitu dulu de dasar mengetahui komponen paling dasar …. yang lainnya sedang dalam pengetikan …. semoga bermanfaat …..

About these ads

Aksi

Information

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Logout / Ubah )

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s




Ikuti

Get every new post delivered to your Inbox.

%d bloggers like this: