28 September 2011

Cara Mudah Membuat Website

Cara Membuat Website, Cara Bikin Situs, Membuat website sederhana, Langkah membuat website.

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 . kemudian tags di tutup dengan
Contoh, misalnya saya ingin membuat huruf tebal pada kalimat Selamat Datang, kemudian kita harus menggunakan tags sebagai pembuka tags, dan sebagai penutup tags. 


Maka code html untuk membuat cetak tebal pada huruf selamat datang adalah seperti ini : Selamat Datang 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 :
akan membuka Paragraph baru. penutup tags ini adalah

Baris Baru :
akan membuat baris baru untuk halaman situs anda, mirip perintah enter di word. penutup tags ini adalah
Cetak tebal : akan membuat huruf di cetak tebal, penutupnya adalah
Garis Bawah : huruf atau angka yang berada di antara tags ini akan mempunyai garis bawah. penutup tags nya adalah
Garis miring : huruf atau angka yang berada di antara tags ini akan terbentuk miring ( garis miring ) .penutup tags nya adalah

Posisi di tengah :

huruf atau angka yang berada di antara tags ini akan berada di tengah-tengah halaman, penutup tags nya adalah

Posisi di kiri : huruf atau angka yang berada di antara tags ini akan berada di kiri halaman situs, penutup tags nya adalah
Posisi di kanan : huruf atau angka yang berada di antara tags ini akan berada di kanan halaman situs. Penutup tags nya adalah
Ubah warna  : huruf atau angka yang berada di antara tags ini akan berwarna merah. Penutup tags nya adalah
Mengubah bentuk huruf : huruf atau angka yang berada di antara tags ini menggunakan Bentuk Arial, Penutup tags nya adalah
Mengubah ukuran text : Penutup tags nya adalah
Text berjalan : huruf atau angka yang berada di antara tags ini akan bergerak dari kiri ke kanan di layar, Penutup tags nya adalah


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.

----------------------------------------------------------------------------------------------------------------------------------------------------



Huruf atau angka yang berada di tags ini, akan menjadi judul situs Anda







Halo ini adalah halaman situs pertama saya.  Jika Anda butuh bantuan membuat situs, silahkan klik Semuabisnis.com.

----------------------------------------------------------------------------------------------------------------------------------------------------
Penjelasan dari kode HTML di atas adalah :
Tags hanya mengatakan kepada browser anda di bagian mana HTML code di mulai.
tags 
adalah judul dari situs Anda, anda bisa melihat nya di bagian paling atas dari browser anda.</div> <div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Times New Roman', serif;"><br></span></div><span class="Apple-style-span" style="font-family: 'Times New Roman', serif; font-size: 12pt;"><div style="text-align: justify;"><meta name> adalah bagian agar mesin pencari seperti google agar bisa menampilkan deskripsi singkat mengenai situs Anda</div></span><span class="Apple-style-span" style="font-family: 'Times New Roman', serif; font-size: 12pt;"><div style="text-align: justify;"><body> adalah isi dari website Anda, setelah tags </head></div><o:p></o:p></span><p></p> <p class="MsoNormal" style="margin-bottom: 12pt; "></p><div style="line-height: normal; text-align: justify; "><b><span style="font-size:12.0pt;font-family:"Times New Roman","serif"; mso-fareast-font-family:"Times New Roman";mso-fareast-language:IN">3. Membuat HYPERLINK ( link ke situs )</span></b></div><div style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: normal; text-align: justify; ">- hyperlink adalah sebuah link yang bisa Anda klik untuk menuju ke halaman lainnya dari situs Anda, atau menuju ke situs lain.</div> <div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Times New Roman', serif;"><br></span></div> <div style="text-align: justify;"><span class="Apple-style-span" style="color: rgb(0, 0, 255); font-family: 'Times New Roman', serif;"><br></span></div><span class="Apple-style-span" style="color: blue; font-family: 'Times New Roman', serif; font-size: 12pt;"><div style="text-align: justify;">contoh :</div></span><span class="Apple-style-span" style="font-family: 'Times New Roman', serif; font-size: 12pt;"><a href="http://www.semuabisnis.com">Nama link tersebut</a>  maka hasilnya adalah : </span><a href="http://www.semuabisnis.com/" style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: normal; "><span style="color:blue">Nama link tersebut</span></a><span class="Apple-style-span" style="font-family: 'Times New Roman', serif; font-size: 12pt;"> bila link ini di klik, maka akan menuju ke situs semuabisnis.com</span><p></p> <p class="MsoNormal" style="margin-bottom: 12pt; "></p><div style="line-height: normal; text-align: justify; "><b><span style="font-size:12.0pt;font-family:"Times New Roman","serif"; mso-fareast-font-family:"Times New Roman";mso-fareast-language:IN">Membuka link dengan windows baru ( new windows )</span></b></div> <div style="text-align: justify;"><br></div><span class="Apple-style-span" style="line-height: normal; font-family: 'Times New Roman', serif; font-size: 12pt; "><div style="text-align: justify;">- Jika anda ingin link yang di klik akan terbuka dengan windows baru, maka codenya  </div></span><span class="Apple-style-span" style="line-height: normal; font-family: 'Times New Roman', serif; font-size: 12pt; "><div style="text-align: justify;">adalah : <a href="http://www.semuabisnis.com"target="_blank">Nama link tersebut</a></div><o:p></o:p></span><p></p> <p class="MsoNormal" style="margin-bottom: 12pt; "></p><div style="line-height: normal; text-align: justify; "><b><span style="font-size:12.0pt;font-family:"Times New Roman","serif"; mso-fareast-font-family:"Times New Roman";mso-fareast-language:IN">Mengubah warna dari link tersebut</span></b></div> <div style="text-align: justify;"><br></div><span class="Apple-style-span" style="line-height: normal; font-family: 'Times New Roman', serif; font-size: 12pt; "><div style="text-align: justify;">: <body link="green" vlink="yellow" alink="red"> contoh di atas akan membuat link berwarna hijau, dan link yang sudah di klik akan berwarna merah.</div><o:p></o:p></span><p></p> <p class="MsoNormal"></p><div style="line-height: normal; text-align: justify; "><b><span style="font-size:12.0pt;font-family:"Times New Roman","serif"; mso-fareast-font-family:"Times New Roman";mso-fareast-language:IN">Membuat email link</span></b></div> <div style="text-align: justify;"><br></div><span class="Apple-style-span" style="line-height: normal; font-family: 'Times New Roman', serif; font-size: 12pt; "><div style="text-align: justify;">- Membuat email link sangat sederhana, anda hanya perlu menuliskan code mailto:emailanda@emailanda.com</div></span> <div style="text-align: justify;"><br></div><span class="Apple-style-span" style="line-height: normal; font-family: 'Times New Roman', serif; font-size: 12pt; ">contoh :  <a href="mailto:youraddress@email.com">Kirim email ke saya</a> , maka hasilnya adalah : </span><a href="mailto:youraddress@email.com" style="line-height: normal; font-family: 'Times New Roman', serif; font-size: 12pt; "><span style="color:blue">Kirim email ke saya</span></a><span class="Apple-style-span" style="line-height: normal; font-family: 'Times New Roman', serif; font-size: 12pt; ">  </span><p></p> <span style="font-size:12.0pt;line-height:115%;font-family:"Times New Roman","serif"; mso-fareast-font-family:"Times New Roman";mso-ansi-language:IN;mso-fareast-language: IN;mso-bidi-language:AR-SA"><div style="text-align: justify;">Bersambung.... ( capek ngetiknya  )..</div></span><p></p>

Tidak ada komentar:

Poskan Komentar

tolong tinggalkan komentar.. okey!!!