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.

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 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 . 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.
—————————————————————————————————————————————————-

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.</p> <p> adalah bagian agar mesin pencari seperti google agar bisa menampilkan deskripsi singkat mengenai situs Anda<br /> adalah isi dari website Anda, setelah tags<br /> 3. Membuat HYPERLINK ( link ke situs )<br /> - hyperlink adalah sebuah link yang bisa Anda klik untuk menuju ke halaman lainnya dari situs Anda, atau menuju ke situs lain.</p> <p>contoh :<br /> <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<br /> Membuka link dengan windows baru ( new windows )</p> <p>- Jika anda ingin link yang di klik akan terbuka dengan windows baru, maka codenya<br /> adalah : <a>Nama link tersebut</a><br /> Mengubah warna dari link tersebut</p> <p>: contoh di atas akan membuat link berwarna hijau, dan link yang sudah di klik akan berwarna merah.<br /> Membuat email link</p> <p>- Membuat email link sangat sederhana, anda hanya perlu menuliskan code mailto:emailanda@emailanda.com</p> <p>contoh : <a href="mailto:youraddress@email.com">Kirim email ke saya</a> , maka hasilnya adalah : Kirim email ke saya</p> <p>Apa Itu WWW?<br /> World Wide Web, atau yang biasa disebut Web, adalah suatu kumpulan informasi pada beberapa server komputer yang terhubung antara satu dengan yang lain dalam jaringan Internet. Informasi dalam web mempunyai link yang menghubungkan informasi ke informasi lain didalam Internet. Link memiliki tanda khusus, baik berupa teks bergaris bawah dan berwarna, ikon atau bisa juga berupa gambar. Bila anda ingin mengetahui apakah teks atau gambar merupakan link dari suatu informasi lihatlah perubahan pada penunjuk mouse. Jika berubah menjadi gambar tangan, maka tulisan/teks dan gambar tersebut merupakan link dari suatu informasi yang terdapat di Internet. </p> <p>World Wide Web </p> <p>Dalam bekerja dengan Web terdapat dua hal yang penting yaitu Web Browser atau yang lebih dikenal Browser dan Software Web Server. Kedua software seperti sebuah sistem Client-Server. Web browser bertindak sebagai client dan Web server sebagai server. Client memungkinkan Anda untuk mengiterprestasikan dan melihat informasi pada Web sedangkan server memungkinkan Anda untuk menerima informasi yang diminta oleh browser. </p> <p>HTML (Hypertext Markup Language) </p> <p>HTML adalah suatu format data yang digunakan untuk membuat dokumen Hypertext yang dapat dibaca dari satu Platform komputer ke Platform komputer lain tanpa perlu melakukan perubahan apapun. </p> <p>Dokumen HTML dapat disebut juga Markup Language karena mengandung tanda-tanda tertentu yang digunakan untuk menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. </p> <p>sistem yang digunakan dalam menghubungkan satu informasi dengan informasi yang lainnya melalui Link yaitu hypertext yang kemudian berubah menjadi hypermedia yang dimana link-link penghubung bukan lagi berbentuk teks tetapi dapat juga berbentuk gambar, suara atau juga video. </p> <p>Oke sekarang kita Mulai berlatih membuat satu dokumen HTML, Pertama yang kita lakukan buka Program notepad yang sudah tersedia pada windows. Sebetulnya kita juga bisa memakai Program Microsoft Front page atau Macromedia Dream Weaver, Tapi untuk saat ini lebih mudah dan rapih memakai notepad. Kedua ketik dan simpan kedalam HardDisk atau disket dengan nama file latih.html ( jangan lupa setiap kita ingin menyimpan file html sertakan pula ekstensi html dibelakang nama file ) . </p> <p>Listing Program 1.1 Dokumen HTML sederhana</p> <p><title>Contoh Sederhana Dokumen HTML </p> <h1>Selamat Datang di dunia HTML </h1> <hr /> <font color="black"> Dokumen HTML ini bisa menjadi halaman Web yang berisi berbagai macam halaman dan informasi yang berisi antara lain <b>teks</b>dan <I> link</I> . Dapat juga berisi halaman Web yang sangat kompetible dengan beberapa halaman dan beribu Informasi.</p> <p> Dalam Pelatihan ini Anda akan mempelajari dasar-dasar pembuatan Dokumen Website yang sederhana. Dan Anda bisa membuat dokumen Website sesuai dengan keinginan Anda.</p> <p> Click <a href="sample.html"> Disini</a> jika ingin melihat lebih jauh tentang dokumen ini ! <p>Jangan lupakan setiap kita membuka sesuatu kita harus menutupnya contoh : kita membuka <b> kita harus menutupnya dengan </b>, membuka <i> menutupnya dengan </i>, membuka <p> menutupnya dengan </p> <p>, dan seterusnya begitu. Setelah itu lihat hasilnya pada program notepad, klik file, open, browse, cari file yang tadi disimpan dengan ekstensi html dan open. Selesai, kita sudah membuat dokumen latihan html yang pertama.</p> <p>Pada dasarnya penulisan kode memakai huruf besar ataupun kecil tidak ada masalah, tapi alangkah baiknya kalau kita menulisnya dengan huruf kecil biar kelihatan lebih rapih dan enak dilihat. Dan harus Anda ketahui bahwa setiap Anda ingin menulis alamat E-Mail atau alamat situs yang lainnya harus menggunakan huruf kecil, karena kalau menggunakan huruf besar tidak akan terbaca oleh Server. </p> <p>Terminologi<br /> Apa Itu Home Page<br /> Home Page adalah halaman pertama dari suatu website yang berisi berbagai Informasi tentang apa dan siapa dari perusahaan atau organisasi pemilik website tersebut. Didalam website tersebut juga terdapat Informasi tentang link-link yang menghubungkan antar dokumen yang satu dengan dokumen yang lainnya.Setiap pribadi atau organisasi perusahaan yang memiliki informasi di World Wide Web akan memerlukan suatu alamat atau URL khusus yang disebut Website.<br /> Apa itu HyperText Transfer Protocol ( HTTP )<br /> HTTP adalah suatu protokol yang digunakan untuk menentukan aturan yang harus diikuti oleh Web browser dalam meminta atau mengambil suatu dokumen, dan oleh Web server dalam menyediakan dokumen yang diminta. Jika anda sedang menjelajah Web dan pada Addres bar ada tulisan <a href="http://www.msn.com" rel="nofollow">http://www.msn.com</a>, ini merupakan salah satu penggunaan protokol http dalam Web.<br /> Uniform Resource Locator ( URL )<br /> URL adalah suatu sarana yang digunakan untuk menentukan lokasi informasi pada suatu web server. Format umum suatu URL adalah :</p> <p>Protokol transfer ://nama host/path/nama file<br /> • Protokol transfer adalah protocol yang digunakan oleh suatu browser untuk mengambil informasi.<br /> • Nama host adalah nama dari komputer dimana informasi tersebut berada.<br /> • Path/nama file adalah jalur serta nama file dari suatu informasi. </p> <p>Protokol Transfer<br /> Protokol transfer adalah suatu protokol yang digunakan untuk pengiriman informasi di Internet. Selain HTTP, dalam Internet juga dikenal beberapa protokol lain, diantaranya adalah :<br /> • FTP (File Transfer Protokol). Protokol ini dirancang untuk memungkinkan pemakai mentransfer file dalam format teks atau biner dalam server komputer di Internet. Contoh ftp.usma.edu/pub/msdos/.<br /> • Gopher. Protokol ini dirancang untuk mengakses server gopher. Contoh gopher://wiretrap.spies.com/.<br /> • News (Network News Transfer Protokol). Protokol untuk mendistribusikan berita di Usenet. Usenet adalah sistem yang dirancang sebagai forum diskusi dengan didasarkan pada topik-topik yang disebut newsgroup. Contoh : news:comp.infosystems.www.announce.<br /> • Telnet. Protokol yang digunakan untuk login ke suatu server komputer.<br /> Dengan protokol-protokol tersebut, browser Anda dapat bertindak sebagai client dari protokol tersebut.<br /> Domain Name System (DNS)<br /> Komputer-komputer di Internet menggunakan suatu format penamaan standar untuk mempermudah pengelolaan server komputer di Internet. Sistem penamaan server komputer adalah Domain Name System (DNS). DNS membuat suatu tingkat-tingkat domain yang merupakan kelompok komputer yang terhubung ke Internet., Ada beberapa nama-nama domain beserta organisasinya antara lain :</p> <p>Dokumen HTML<br /> Apa Perbedaan Dokumen HTML ?<br /> Dokumen HTML bisa mengandung teks, gambar, suara atau video, yang membedakan HTML dengan dokumen yang lain adalah adanya elemen-elemen HTML beserta tag-tagnya. Elemen dan tag HTML berfungsi untuk memformat atau menandai suatu bagian tertentudari dokumen HTML dan juga menentukan struktur bagian tersebut dalam dokumen HTML.<br /> Bagian Dokumen HTML<br /> Dokumen HTML tersusun oleh 3 bagian antara lain :<br /> 1. Baris yang berisi informasi versi HTML yang digunakan.<br /> 2. Deklarasi bagian header dengan elemen head.<br /> 3. Deklarasi bagian body dengan elemen BODY atau FrameSET.<br /> Berikut adalah contoh dokumen HTML sederhana : </p> <p>Contoh Dokumen HTML sederhana</p> <p><TITLE>Dokumen HTML saya yang pertama

Halo semua, saya orang baru………!

Beberapa Informasi tentang Versi HTML
Satu dokumen HTML yang Valid akan mendeklarasikan HTMLyang digunakan pada dokumennya.
Definisi type dokumen dikenal dengan DTD (Document Type Definition).
Dalam HTML 4.01 terdapat 3 DTD dan setiap pembuat dokumen harus menyertakan salah satunya, 3 DTD tersebut antara lain :
• HTML 4.01 Strict DTD, memasukkan seluruh elemen daan atribut yang sudah usang atau tidak tampil padaa frameset dokumen. Untuk dokumen yang menggunakan tipe DTD ini, tipe deklarasinya adalah :

• HTML 4.01 Transitional DTD, memasukkan seluruh yang ada pada strict DTD ditambah elemen daaaan atribut yang sudah tidak digunakan. Untuk dokumen yang menggunakan tipe DTD ini, tipe deklarasinya adalah :

• HTML 4.01 Frameset DTD, memasukkan seluruh yang ada pada transitional DTD ditambah frame. Unutk dokumen yang menggunakan tipe DTD ini, tipe deklarasinya adalah :

Dan URL Pada masing-masing DTD akan mengijinkan browser untuk download DTD dan entity yang dibutuhkan.
Beberapa URL tersebut antara lain:
• “strict dtd”–default strict DTD
• “loose.dtd”–loose DTD
• “frameset.dtd”–DTD untuk frameset document
• “HTMLlat1.ent”–Latin-1 entities
• “HTMLsymbol.ent”–Symbol entities
• “HTMLspecial.ent”–Special entities
Entity atau kode khusus banyak sekali digunakan untuk menuliskan simbol-simbol khusus seperti huruf Greek dan simbol lain.

Bagian Elemen HTML
Pada suatu elemen HTML terdiri dari beberapa tag-tag dan atributnya antara lain:
• TAG : Jika browser menampilkan halaman Web, maka browser akan membaca teks yang terdapat di dokumen HTML lalu mencari kode khusus yang biasa disebut TAG. Tag merupakan suatu pasangan tag awal/pembukadan tag akhir/Penutup
• Atribute : Tag awal seperti biasanya terdapat beberapa buah atribut yang memperlihatkan karakteristik dari tag tersebut. Misal :

Dipergunakan untuk membuat teks menjadi rata kiri dari suatu paragraf.

About these ads
  1. aduuuuh,pusing
    setengah paham

  2. kurang mudah dipahami bagi kalangan awam…

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

%d bloggers like this: