Wednesday, July 28, 2010

Membuat Halaman Intro

Kali ini saya akan mencoba menulis kembali, setelah sekian lama blog ini terkubur mati, dan karena permintaan temen saya Fadli, saya akan mengawalinya dengan sebuah tutorial yang di request.

Ok pertanyaanya begini :

Bagaimana membuat halaman depan seperti website ini ?

Untuk Membuat sebuah halaman intro, kita cukup membuat file index pada direktori root website, dan tentu saja file-file website kita akan terpisah oleh direktori tersendiri

Ok, saya asumsikan direktori utama website kita adalah public_html, kemudia didalam direktori tersebut buatlah sebuah folder yang mana akan diisi oleh file-file website kita, misal : home.

Kemudian tempatkan file-file website kalian pada direktori tersebut,
sebagai contoh buatlah file index.html dengan source code seperti di bawah dan simpan pada direktori public_html/home/index.html



<html>

<head>

<title>Ini Adalah Halaman Website saya</title>

</head>

<body>

<p> Ini Adalah Halaman website saya</p>

<h2>Sederhana tapi berguna</h2>

</body>

</html>


Ok Setelah itu buat kembali file index.html dan simpan pada direktori public_html/index.html


<html>

<head>

<title> This a website </title>

<style>

.beep{

text-decoration : blink;

}

*{

color:#FFF;

}

body{

background:#000;

}

</style>

</head>

<body>

<center>

<h1>This a Website</h1>

<h2>www.mysite.com</h2>

<a href="home" class="beep">Enter</a>

</center>

</body>

</html>

Sekarang coba buka, website anda dengan mengakses http://namadomainanda.com (contoh) atau jika anda mencoba nya pada komputer lokal(offline) dan tidak menggunakan webserver.
Cukup double click file public_html/index.html

Nah, selamat mencoba!