Cara Membuat Website, Cara Bikin Situs, Membuat website sederhana, Langkah 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 http://www.semuabisnis.com , atau http://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.

Apa harus keluar uang untuk membuat situs ?

Tidak, jika anda pengguna email yahoo ada layanan situs gratis dari yahoo.com yakni http://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 http://www.geocities.com/ambriserver kalau mau pakai domain sendiri misalnya http://www.nama-anda.com , atau tanpa embel-embel geocities.com tersebut maka anda harus membeli dan mendaftarkan domain anda.

Silahkan anda login ke http://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&gt;.
</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, makaakan 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.

Sumber Website : http://www.wattpad.com/80467-cara-membuat-website-cara-bikin-situs-membuat?p=2

by : by
fs: reptuz@gmail.com

Tinggalkan Balasan

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

Logo WordPress.com

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

Gambar Twitter

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

Foto Facebook

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

Foto Google+

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

Connecting to %s