1. Yang di butuhkan untuk membuat website.
Domain
- Domain adalah nama situs Anda, atau alamat situs. misalnya www.semuabisnis.com , atau www.terserahgwdong.com Domain bisa di dapat atau di beli dengan cara di daftarkan di jasa register domain, biaya nya juga termasuk murah, rata-rata sekitar 100 ribu untuk 1 domain selama 1 tahun.
Hosting.
- Hosting adalah tempat Anda menyimpan file-file atau data mengenai website Anda. misalnya Jika anda ingin siapapun yang mengakses domain atau situs anda maka pengunjung tersebut akan melihat photo anda di halaman situs tersebut, maka anda tinggal letakkan photo anda di hosting tersebut.
Bingung ? penjelasannya singkatnya begini, kita anggap saja domain itu adalah sebuah alamat toko. dan kemudian hosting tersebut adalah gudang, atau tempat Anda memajang barang-barang dagangan anda di toko tersebut.
Apa harus keluar uang untuk membuat situs ?
Tidak, jika anda pengguna email yahoo ada layanan situs gratis dari yahoo.com yakni www.geocities.com , namun nama domainnya tidak bisa Anda ubah. harus memakai embel-embel geocities.com sebagai penyedia layanan ini. jadi misalnya alamat email yahoo anda adalah ambriserver@yahoo.com maka alamat situs gratis anda di geocities.com adalah www.geocities.com/ambriserver kalau mau pakai domain sendiri misalnya www.nama-anda.com , atau tanpa embel-embel geocities.com tersebut maka anda harus membeli dan mendaftarkan domain anda.
Silahkan anda login ke www.geocities.com , jika anda sudah punya email yahoo. anda tidak perlu mendaftar lagi di geocities, cukup login dengan memakai email yahoo dan password email yahoo Anda.
Membuat Situs dengan HTML.
Oh ya, agar belajarnya lebih enak, saya sarankan anda mempunyai program Microsoft Front page untuk memulai membuat situs Anda, jika tidak punya pakai notepad saja juga bisa.
1. Belajar Bikin Text dan Mengubah Font ( huruf ).
Sebelum saya mulai tutorial Cara membuat situs atau website ini, anda harus tahu dulu, bahwa code html itu selalu di mulai dan di tutup dengan Tags.
Tags pertama selalu di mulai dengan <tags>. kemudian tags di tutup dengan </tags>.
Contoh, misalnya saya ingin membuat huruf tebal pada kalimat Selamat Datang, kemudian kita harus menggunakan tags <b> sebagai pembuka tags, dan </b> sebagai penutup tags.
Maka code html untuk membuat cetak tebal pada huruf selamat datang adalah seperti ini : <b> Selamat Datang </b> di situs saya. Maka hasil nya nanti nya akan seperti ini : Selamat datang di situs saya.
Seperti yang anda lihat, hanya kalimat Selamat Datang saja yang di cetak tebal di karenakan tags di buka dan di tutup pada kalimat tersebut. Pastikan anda selalu menutup tags yang anda buka, karena jika anda lupa bisa-bisa seluruh text di halaman situs Anda nantinya akan tercetak tebal semua.
Berikut adalah daftar-daftar Tags yang perlu Anda ketahui :
Paragraph baru : <p> akan membuka Paragraph baru. penutup tags ini adalah </p>
Baris Baru : <br> akan membuat baris baru untuk halaman situs anda, mirip perintah enter di word. penutup tags ini adalah </br>
Cetak tebal : <b> akan membuat huruf di cetak tebal, penutupnya adalah </b>
Garis Bawah : <U> huruf atau angka yang berada di antara tags ini akan mempunyai garis bawah. penutup tags nya adalah </u>
Garis miring : <i> huruf atau angka yang berada di antara tags ini akan terbentuk miring ( garis miring ) .penutup tags nya adalah </i>
Posisi di tengah : <center> huruf atau angka yang berada di antara tags ini akan berada di tengah-tengah halaman, penutup tags nya adalah </center>
Posisi di kiri : <left> huruf atau angka yang berada di antara tags ini akan berada di kiri halaman situs, penutup tags nya adalah </left>
Posisi di kanan : <right> huruf atau angka yang berada di antara tags ini akan berada di kanan halaman situs. Penutup tags nya adalah </right>
Ubah warna : <font color="red"> huruf atau angka yang berada di antara tags ini akan berwarna merah. Penutup tags nya adalah </font>
Mengubah bentuk huruf : <font face="Arial"> huruf atau angka yang berada di antara tags ini menggunakan Bentuk Arial, Penutup tags nya adalah </font>
Mengubah ukuran text : <font size="3"> Penutup tags nya adalah </font>
Text berjalan : <marquee>huruf atau angka yang berada di antara tags ini akan bergerak dari kiri ke kanan di layar, Penutup tags nya adalah </marquee>
catatan: tags marquee hanya berjalan jika halaman situs yang menggunakan tags ini di lihat dengan menggunakan internet explorer.
2. Structure dasar dari halaman HTML.
Ini adalah contoh dari halaman HTML.
----------------------------------------------------------------------------------------------------------------------------------------------------
<html>
<head>
<title>Huruf atau angka yang berada di tags ini, akan menjadi judul situs Anda</title>
<meta name="description" content="Ini adalah penjelasan singkat mengenai situs Anda">
<meta name="keywords" content="ini adalah kata-kata yang mendeskripsikan tentang situs anda">
</head>
<body>
<p align="left">
Halo ini adalah halaman situs pertama saya. Jika Anda butuh bantuan membuat situs, silahkan klik <href="http://www.SemuaBisnis.com">Semuabisnis.com</a>.
</p>
</body>
</html>
----------------------------------------------------------------------------------------------------------------------------------------------------
Penjelasan dari kode HTML di atas adalah :
Tags <html> hanya mengatakan kepada browser anda di bagian mana HTML code di mulai.
tags
<Title> adalah judul dari situs Anda, anda bisa melihat nya di bagian paling atas dari browser anda.
<meta name> adalah bagian agar mesin pencari seperti google agar bisa menampilkan deskripsi singkat mengenai situs Anda
<body> adalah isi dari website Anda, setelah tags </head>
3. Membuat HYPERLINK ( link ke situs )
- hyperlink adalah sebuah link yang bisa Anda klik untuk menuju ke halaman lainnya dari situs Anda, atau menuju ke situs lain.
contoh :
<a href="http://www.semuabisnis.com">Nama link tersebut</a> maka hasilnya adalah : Nama link tersebut bila link ini di klik, maka akan menuju ke situs semuabisnis.com
Membuka link dengan windows baru ( new windows )
- Jika anda ingin link yang di klik akan terbuka dengan windows baru, maka codenya
adalah : <a href="http://www.semuabisnis.com"target="_blank">Nama link tersebut</a>
Mengubah warna dari link tersebut
: <body link="green" vlink="yellow" alink="red"> contoh di atas akan membuat link berwarna hijau, dan link yang sudah di klik akan berwarna merah.
Membuat email link
- Membuat email link sangat sederhana, anda hanya perlu menuliskan code mailto:emailanda@emailanda.com
contoh : <a href="mailto:youraddress@email.com">Kirim email ke saya</a> , maka hasilnya adalah : Kirim email ke saya
Tidak ada komentar:
Posting Komentar