Tutorial Sederhana Pembuatan Website

globeLiving,.BlackinNews kali ini membahas tentang tutorial sederhana dalam pembuatan website. Tips saya sebelum mempelajari tutorial ini adalah bagi Anda yang merokok persiapkan Djarum Black Anda paling tidak 2 atau 3 pack, duduk santai dan jangan lupa kopinya…. karena apa… tutorial ini lumayan panjang. Dalam era teknologi yang canggih seperti ini, internet memberikan pengaruh yang signifikan dalam perkembangan informasi dan pengetahuan. Salah satunya melalui media website, bagi Anda yang belum mengerti tentang apa itu website dan bagaimana cara membuatnya, tutorial ini disajikan secara sederhana dan praktis untuk Anda sebagai pengunjung dalam pembuatan website ini. Selain itu tutorial ini tersaji dalam dua bahasa yaitu bahasa inggris & bahasa Indonesia.

Sebuah website sebenarnya adalah kumpulan file atau dokumen yang tersimpan dalam suatu server (Komputer khusus yang selalu terhubung dengan internet). Setiap file mempunyai alamat masing-masing yang dinamakan URL (Uniform Resource locators). Jika Anda ingin mempunyai sebuah website, maka yang Anda butuhkan adalah :

  • File Website, merupakan bahasa yang paling mudah untuk membuat sebuah file website adalah HTML (Hyper Text Mark up Language). Walaupun Anda tidak tahu sama sekali tentang bahasa HTML, Anda pun masih bisa membuat file website sederhana dengan menggunaka software pengola kata yang biasa seperti Microsoft Office Word, Microsoft Office Excell atau Openoffice untuk Linux. Anda hanya tinggal menyimpan file Anda dalam bentuk dokumen dengan ekstensi .html dengan cara menekan tombol “save as” lalu pilih format file .html. Tapi Anda harus memberi nama file Anda dengan index.html jika Anda ingin agar file Anda tersebut menjadi halaman pertama dari website Anda.
  • Alamat Website (URL = Uniform Resource Locator) 4 bagian penting dari URL bagian yang pertama adalah protokol yang biasanya kita tahu sebagai http:// yang artinya Hyper Text Transfer Protocol. Bagian yang kedua adalah nama domain (kadang subdomain ikut disertakan juga) seperti http://www.domain.com atau http://www.subdomain.domain.com. Bagian yang ketiga adalah Directory seperti directory di komputer Anda, di mana dokumen di simpan di area tertentu. bagian yang ke empat adalah nama file seperti index.html atau fileku.html. Berikut ini adalah contoh alamat lengkap dari sebuah file website http://www.domain.com/directory/fileku.html.
  • Pemandu Website (Hosting), Anda membutuhkan server sebagai pemandu (host) dari website Anda. Terkadang Anda harus membayar sebuah perusahaan penyedia layanan hosting untuk menyewa ruang di server mereka dan membeli alamat website Anda, tapi kali ini, Anda akan belajar bagaimana caranya untuk membuat website tanpa harus membayar apapun untuk membeli alamat dan ruang hosting. Setelah Anda mempunyai ketrampilan yang cukup untuk membuat website Anda sendiri dengan bagus, Anda bisa mencoba untuk membelinya dan Anda dapat mencari webhosting tangguh yang termurah.

Pertama kali, Anda harus belajar membuat website yang sederhana agar Anda mengerti kunci – kunci dalam pembuatan website untuk itu, baca dan ikutilah langkah-langkah berikut ini :

  • Buatlah file dokumen sederhana dengan menggunakan Microsoft Office Word atau Openoffice untuk Linux.
  • Simpanlah dalam bentuk file.html dengan cara klik tombol “save as” lalu pilihlah format html atau web page dan beri nama file tersebut dengan index.html apabila file yang Anda buat tersebut akan dijadikan oleh Anda halaman pertama pada website yang akan Anda buat.
  • Silahkan, daftarkan diri Anda untuk memperoleh account webhosting gratis di sini!!!
  • Selesaikanlah semua proses pendaftaran. Sebagai catatan : Jika Anda adalah pengguna selain dari Amerika, maka pilihlah “Trust Teritories” dalam kolom isian “State/Province”.
  • Verifikasikan pendaftaran Anda dengan mengeklik link yang akan dikirimkan ke alamat email Anda.
  • Masuklah ke account Anda dan pilihlah nama subdomain kesukaan Anda semisal namaAnda.namadomain.com dengan cara mengeklik tombol “Website” lalu klik “Build a new website”.
  • Pergilah ke menu “Manage website” lalu klik alamat website Anda sehingga Anda bisa menuju ke menu “File Manager”
  • Tunggulah beberapa saat sampai semua proses ini selesai.
  • Silahkan Anda uji website Anda dengan mengetikkan alamat URL website Anda ke browser Anda seperti http://namaAnda.namadomain.com.
  • Selamat …… sekarang Anda bisa melihat website perdana Anda dan semua orang bisa mengaksesnya juga lewat internet.
  • Jika Anda tidak memberi nama file Anda dengan index.html maka alamat URL yang harus Anda tulis untuk melihat file Anda adalah sebagai berikut http://namaAnda.namadoamain.com/ fileAnda.html.
  • Pelajarilah materi ini dengan cermat dan banyak berlatih sampai Anda dapat mengertinya dengan baik dan dapat membuat website dengan menarik.

Walaupun tanpa mengetahui sama sekali tentang html, Anda masih dapat membuat website bagus dan menarik dengan bantuan menggunakan software pengedit html, penggunaannya sangatlah mudah karena berdasarkan konsep “Apa Yang Anda Lihat Itulah Yang Anda Dapat” atau WYSIWYG. Anda bisa menggunakan Front Page, Microsoft Office Publisher atau NVU untuk Linux (Anda dapat menginstalnya dari repositories) Hampir semua menu dan kunci fungsinya sangatlah mirip dengan Microsoft Office Word atau Openoffice. Yang paling berbeda adalah Anda akan butuh untuk memakai fungsi Hyperlink dengan lebih banyak. Hyperlink adalah sebuah fungsi atau link khusus untuk menghubungkan setiap masing-masing halaman website Anda yang sudah Anda buat sebelumnya satu sama lainnya atau ke website yang lain, jadi … jika pengunjung website Anda sedang mengeklik suatu kata atau gambar yang mengandung hyperlink, maka ia akan diarahkan untuk menuju ke alamat URL yang ada di dalam hyperlink tersebut.
Contohnya : Klik di sini !!! maka Anda akan diarahkan ke http://www.google.com karena kata “di sini !!!” berisi hyperlink untuk alamat http://www.google.com

Masalahnya bagaimana membuat suatu hyperlink? Pertama – tama pilihlah kata atau gambar yang akan Anda sisipi hyperlink dengan cara mengeblok kata atau gambar tersebut dengan klik-kiri dan drag gambar ataupun tulisan. Kemudian, klik tombol “Insert” lalu pilih “Hyperlink” atau “Link“. Tuliskan alamat URL ke dalam box yang tersedia lalu tekan “Enter“! Selesai !!! Semudah itu

Dalam membuat sebuah website keren dan menarik dengan web template adalah sangatlah mudah & cepat karena web template itu sebenarnya adalah sebuah halaman website yang sudah hampir jadi. Anda hanya butuh untuk mengisinya dengan materi Anda sendiri, dengan menambahkan beberapa link dan sedikit mengedit text & gambar sesuai kebutuhan Anda.

Berikut inilah langkah-langkah membuat website dengan menggunakan web template :

  • Dapatkan file web template dengan mendownloadnya terlebih dahulu secara GRATIS di sini !!!
  • Lengkapilah semua prosedur pendafatran. Catatan: Jika Anda adalah selain pemakai dari Amerika, maka Anda harus memilih “Trust Teritories” untuk kolom isian “State/Province”.
  • Aktifkan account Anda dengan mengeklik link yang akan dikirimkan ke alamat email Anda.
  • Setelah Anda mendownload semua filenya, maka bukalah file web template yang berektensi .html dengan Front Page, Microsoft Office Publisher atau NVU untuk Linux.
  • Gantilah textnya dengan materi Anda sendiri, dengan cara seperti cara Anda menggunakan Microsoft Office Word.
  • Gantilah gambar pada web template dengan gambar Anda sendiri dengan mengganti nama file gambar atau mengeditnya dengan menggunakan Photoshop atau GIMP untuk Linux. ( File gambar asli atau yang bisa diedit biasanya diletakkan di sebuah direktori khusus yang diberi nama “graphics”, “project” atau “images”).
  • Tambahkan beberapa link untuk menghubungkan halaman-halaman web, sesuai kebutuhan Anda.
  • Simpanlah file yang sudah Anda dan jangan lupa untuk memberikan nama dengan index.html jika Anda menginginkan halaman tersebut menjadi halaman pertama dari website Anda.
  • Up load-lah file tersebut ke account webhosting Anda dengan menggunakan file manager atau bantuan software FTP.
  • Ujilahlah website Anda.

Jika Anda ingin mencari web template lain yang sesuai dengan isi website Anda, maka Anda dapat mencarinya dengan search engine di bawah ini dengan menggunakan kata kunci : {isi website Anda} + free web template, gantilah {isi website Anda} dengan: sport, health, music, humor, education dll sesuai dengan isi website Anda.

Sebenarnya masih adalagi satu cara untuk membuat website keren dengan cara mudah. Anda dapat menggunakan “Instant Web Site Builder” atau “Instant Page Builder” dan Anda tidak butuh untuk mendownload file apapun ke dalam komputer Anda, serta Anda dapat mengedit website Anda secara online. Blog inilah contohnya, saya mengedit blog saya ini secara online juga. Jika Anda menginginkan untuk mempunyai blog seperti ini, Anda dapat sign up ke www.blogger.com.

Iklan

Satu Tanggapan

  1. Wew, sederhana tapi panjang juga @_@…Akan saya coba…Trims

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

%d blogger menyukai ini: