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
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 :
Posisi di kiri :
Posisi di kanan :
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 :
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
----------------------------------------------------------------------------------------------------------------------------------------------------
Penjelasan dari kode HTML di atas adalah :
Tags hanya mengatakan kepada browser anda di bagian mana HTML code di mulai.
tags
adalah bagian agar mesin pencari seperti google agar bisa menampilkan deskripsi singkat mengenai situs Anda
adalah isi dari website Anda, setelah tags
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 :
Nama link tersebut 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 : Nama link tersebut
Mengubah warna dari link tersebut
: 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 : Kirim email ke saya , maka hasilnya adalah : Kirim email ke saya
Sekilas Cara Membuat Situs
Dalam artikel ini akan diulas beberapa hal yaitu :
1. Terminologi dinamis dan statis
2. Persiapan
3. Pembangunan
4. Hosting
5. Upload
6. Maintenance
Dinamis, statis?
Sebelum memulai pembuatan situs, Anda harus punya bayangan bagaimana
halaman-halaman situs Anda nantinya. Terutama dalam hal apakah halaman situs
Anda nantinya bersifat statis atau dinamis. Halaman yang statis akan selalu
memunculkan tampilan dan isi yang sama tanpa membedakan hal-hal yang berkaitan
dengan pengaksesan halaman tersebut misalnya usernya siapa, kapan waktu akses,
privelege user dll. Halaman statis juga tidak terkoneksi dengan database. Keuntungan
halaman yang sifatnya statis adalah mudah dalam pembuatannya. Penulisan kode
sampai desain tampilannya relatif mudah dilakukan. Bahkan dengan software web
authoring semacam Macromedia Dreamweaver, Anda bisa mendesain halaman web
nyaris tanpa harus menuliskan kode-kode html.
Kerugian halaman statis adalah menyatunya antara tampilan dengan informasi.
Anda tidak bisa mengubah data tanpa bersentuhan dengan masalah tampilan halaman
tersebut secara langsung. Hal ini akan sangat menyulitkan jika data berupa daftar
tertentu yang sering berubah-ubah. Tentunya akan sangat merepotkan jika kita akan
mengubah isi saja dari halaman tersebut tetapi harus berurusan dengan lebar tabel,
jumlah kolom dan baris tabel, bullet and numbering, dan format tampilan lainnya.
Jika halaman situs nantinya akan terkoneksi dengan database atau memiliki
rutin-rutin tertentu layaknya program aplikasi seperti pemanggilan fungsi, looping,
pengecekan kondisi if-then dll, dan bisa menampilkan informasi secara dinamis Anda
harus menggunakan script. Untuk itu Anda tidak hanya harus tahu bahasa html, akan
tetapi juga harus familier dengan logika pemrograman dan menguasai salah satu
bahasa scripting.
Halaman dinamis memberikan keuntungan lebih banyak dalam waktu jangka
panjang. Memang waktu, pikiran dan tenaga yang dibutuhkan untuk tahap
pembangunan lebih banyak. Akan tetapi hal ini akan terbayar lunas beserta
keuntungannya dengan kemudahan update informasi, pengembangan yang mudah,
fleksibilitas yang luas, dan situs kita akan tampak lebih cerdas.
Persiapan
Untuk perangkat keras, yang Anda perlukan cukup satu buah komputer yang
nyaman digunakan. Software yang Anda butuhkan adalah software web server, bahasa
script web, software database (jika Anda akan menggunakan database dalam situs
Anda), dan editor untuk script yang Anda gunakan. Dengan web server, Anda bisa
mengakses file-file web seakan-akan Anda benar-benar terkoneksi ke internet, selama
file-file tersebut terdapat di localhost. Bahasa script digunakan jika Anda akan
membuat situs yang dinamis, jika tidak, maka Anda tidak memerlukan bahasa script.
Untuk editornya, Anda bisa menggunakan notepad atau software editor lainnya,
dengan catatan file yang Anda simpan harus disesuaikan ekstensinya. Sebaiknya Anda
menggunakan editor yang sudah dilengkapi dengan syntax highlighting dan bisa
menampilkan output tampilan secara langsung. Kombinasi yang populer digunakan
dan sudah penulis coba adalah Apache Web Server (www.apache.org) sebagai server,
PHP (www.php.net) sebagai bahasa scriptnya, MySql (www.mysql.com) sebagai
database dan editornya adalah Quanta Plus (http://quanta.sourceforge.net). Softwaresoftware tersebut dapat Anda gunakan secara gratis dan legal. Quanta adalah software
web authoring yang sangat mudah digunakan. Coding dan designing bisa dilakukan
sekaligus dengan sangat menyenangkan. Jika Anda menggunakan Linux Mandrake
v.10, program-program tersebut terdapat dalam CD instalasinya (biasanya 5 cd).
Untuk sistem operasi Windows, Anda cukup menginstal PHPTriad. PHPTriad
layaknya sebuah paket software yang berisi Apache web server, PHP, MySql
Database dan program pendukung seperti PhPMyAdmin. Akan tetapi PHPTriad
belum dilengkapi dengan editor php. Anda bisa menggunakan software tertentu yang
ragamnya sangat banyak misalnya Macromedia Dreamweaver, Edit Plus dll.
Pembangunan Situs
Selanjutnya Anda bisa memulai membuat halaman-halaman situs Anda. Jika
sistem operasi Anda adalah Windows dan Anda menggunakan Apache sebagai server,
maka simpanlah file-file halaman situs Anda di folder C:/apache/htdocs. Setelah
apache dijalankan, file atau folder dalam C:/apache/htdocs dapat diakses melalui web
browser dengan menuliskan alamat http://localhost/file_or_folder_name. File
database MySql tersimpan di folder C:/apache/mysql/data.
Untuk sistem operasi Linux (penulis menggunakan Linux Mandrake v.10)
simpan file-file situs Anda di /var/www/html, sedangkan file database MySql akan
tersimpan di /var/lib/mysql. Jika apache sudah berjalan maka file dalam /
var/www/html dapat diakses menggunakan web browser dengan alamat
http://localhost/file_or_folder_name.
Cara termudah mengembangkan situs adalah dengan menggunakan CMS
(Content Management System). Dengan menggunakan CMS Anda tidak perlu
membuat situs dari nol. Anda cukup mengkonfigurasi CMS tersebut agar sesuai
dengan keinginan Anda. Anda tinggal mengisikan data-data yang akan Anda
tampilkan dalam situs Anda. Salah satu CMS yang populer adalah PHP-Nuke
(http://phpnuke.org). CMS ini bisa berjalan segera setelah Anda mengkopikan filefilenya ke dalam folder yang sudah ditentukan seperti pada keterangan paragraf
sebelumnya dan database untuk PHP-Nuke selesai dibuat serta dikonfigurasi.
Keterangan dan petunjuk instalasinya terdapat dalam paket PHP-Nuke. Anda dapat
dengan mudah menambahkan atau mengurangi fitur-fitur dalam PHP-Nuke, yaitu
dengan cara menginstal dan mengaktifkan modul tertentu, atau dengan menguninstal
atau mendeaktifkannya. Pada umumnya CMS sudah dilengkapi dengan fasilitas login
dan pendaftaran member, pengiriman artikel, buku tamu, data statistik, administrasi
situs, theme, feedback serta beragam fasilitas menarik lainnya.
Kekurangan penggunaan CMS adalah pada tampilannya. Tampilannya
terkesan umum dan mungkin kurang artistik. Untuk mengatasinya, tambahkan gambar
atau animasi dalam halaman Anda atau Anda membuat themes sendiri sesuai dengan
citarasa Anda. Untuk melakukan ini Anda harus mempunyai keahlian desain sekaligus
menguasai bahasa script CMS yang Anda gunakan.
Hosting
Tentunya agar situs Anda dapat diakses oleh orang banyak, Anda harus
menguploadnya. Agar bisa diupload, Anda harus mempunyai host dan agar situs Anda
bisa diakses Anda harus mendaftarkan nama domain Anda misalnya
www.nurulummah.com. Upload adalah proses transfer data dari komputer lokal ke
komputer server atau host. Host adalah server yang menyediakan space untuk
menyimpan file-file Anda, sedangkan nama domain adalah nama situs Anda nantinya.
Host dan nama domain dapat Anda dapatkan dengan gratis. Akan tetapi biasanya akan
ada iklan dari penyedia hosting gratisan, yang tampil di situs Anda. Jika hal ini tidak
Anda kehendaki, Anda bisa menyewa space dan domain pada host tertentu. Untuk
spesifikasi umum dengan space 50 MB harga sewa satu tahun sekitar 250 ribu rupiah.
Sedangkan untuk nama domain harga sewa satu tahun sekitar 100 ribu rupiah. Harga
tersebut sangat bervariasi tergantung penyedianya, untuk silahkan cari informasi di
internet.
Upload
Setelah Anda mempunyai space pada host tertentu, Anda dapat mengupload
file-file Anda. Cara yang termudah dengan menggunakan software ftp (file transfer
protocol). Untuk sistem operasi Windows misalnya wsftp, aceftp dll. Untuk Linux
Anda bisa menggunakan software gftp atau kbear. Untuk bisa terkoneksi dengan host,
Anda perlu memasukkan data hostname, username, password dan port (biasanya port
21) pada software ftp yang Anda gunakan. Hostname, username dan password akan
Anda dapatkan dari host tempat Anda menyewa space
Setelah koneksi terjalin simpanlah file-file situs Anda (tidak termasuk file
database) biasanya di folder public_html pada server. Proses ini akan memakan waktu
cukup lama tergantung besarnya file yang yang Anda upload dan bandwith internet
Anda. Selanjutnya jika Anda menggunakan database, Anda perlu mengimpor file
database dari database Anda di localhost ke database Anda di server. Biasanya dengan
menggunakan cara sql dump. Setelah file situs dan database selesai diupload, Anda
masih perlu mengkonfigurasi database_host, database_username,
database_password dan lainnya tergantung jenis database yang Anda gunakan. Jika
langkah-langkah tersebut tidak ada kesalahan maka situs Anda sudah dapat diakses
menggunakan alamat/nama domain yang sudah Anda tentukan sebelumnya.
Maintenance
Agar situs Anda tetap menarik dan segar, Anda harus merawatnya dan
melakukan update secara berkala. Perawatan bisa dilakukan misalnya dengan
memperbaiki celah keamanan. Atau jika Anda menggunakan CMS, lakukan update
CMS Anda segera setelah keluar update dari situs CMS yang Anda gunakan. Ubah
themes secara berkala agar situs Anda tidak membosankan. Update informasi dalam
situs Anda agar pengunjung bisa menemukan hal yang baru setiap mengakses situs
Anda. Jika Anda ingin mendownload database di server dan memasukkannya di
komputer lokal, lakukan export pada database Anda di server, kemudian import ke
database lokal Anda. Dengan cara ini Anda dapat melakukan administrasi situs
dengan cepat. Akan tetapi tidak dianjurkan melakukan impor pada database server
dari database lokal, dikarenakan mungkin saja data di server yang baru masuk selama
proses administrasi di komputer lokal tertumpuki oleh data lama dari komputer lokal.
Oleh:
Amrullah
ngamroe@yahoo.com
CARA MEMBUAT SITUS IKLAN GRATIS
Untuk membuat sebuah situs iklan baris gratis sebenarnya membutuhkan serangkaian alur data base yang bisa jadi akan sangat memusingkan bagi para pemula (seperti saya sendiri) karena minimal harus berhubungan dengan bahasa PHP dan pengolah data base MySQL.
Untunglah ternyata ada cara instant untuk bisa membuat situs iklan gratis ini dengan cara yang cepat, mudah & sederhana, yaitu dengan cara memanfaatkan fasilitas paket iklan gratis dari bravenet. Paket ini diberikan kepada anda secara GRATIS dan sudah 90% jadi, anda hanya tinggal sedikit mengedit saja untuk memperbaiki penampilan atau memasang iklan banner anda sendiri kemudian anda bisa memberi nama untuk situs iklan anda tersebut dengan menggunakan domain gratis dari www.co.cc atau www.freedomain.co.nr seperti yang tampak pada screenshot dibawah ini :
Silahkan anda daftar di sini terlebih dahulu untuk mengambil paket GRATIS tersebut. Isikan "Trust Teritories" di bagian kolom "State/province" jika anda daftar dari luar USA. Lakukan verifikasi pendaftaran dengan cara mengeklik link khusus yang akan dikirmkan ke alamat e-mail anda. Untuk mulai melakukan pembuatan situs iklan gratis ini, silahkan anda login ke account anda, lalu pilih menu "Webtool" kemudian anda cari & pilih layanan "Classifieds" yang ada di bagian bawahnya.
Cara Mengedit Paket Situs Iklan
Setelah anda register maka anda akan dapat kode HTML yang bisa di copy paste dan di-insertkan ke dalam halaman web anda yang akan diberi fasilitas iklan gratis. Kode HTML ini dapat anda peroleh dibagian "copy-paste code". Anda pun juga bisa mengambil alamat URL nya saja tanpa perlu mengabil kode HTML lainnya yang berisi text atau gambar.
Contoh :
URL yang anda pakai nanti adalah :
http://pub23.bravenet.com/classified/show.php?usernum=1929612834&cpv=2
dimana kode setelah "usernum=" akan diganti dengan kode anda sendiri
Jika anda ingin menjadikan URL ini sebagai halaman depan , maka anda hanya cuma butuh untuk mengganti URL asli tersebut dengan URL forwarding atau domain gratis dari www.co.cc atau www.freedomain.co.nr, misalkan anda bisa menggantinya dengan nama www.iklan88.co.nr
Untuk mengedit tampilan situs iklan anda , masuklah ke account bravenet anda lalu pilih "webtool" lalu klik "classifieds" dan pilihlah bagian yang akan anda edit. Silahkan melakukan berbagai macam percobaan untuk memperoleh hasil yang terbaik menurut anda sendiri, gampang koq !
Cara lain untuk membuat situs iklan gratis adalah dengan cara memanfaatkan layanan pembuat forum instant secara gratisan juga, contoh pembuat forum instant yang paling sederhana dan cocok untuk belajar bagi pemula dapat anda peroleh di sini . Untuk alternatif membuat forum secara instant yang bisa dimanfaatkan sebagai situs iklan gratis dapat anda lihat di contoh situs ini www.pasarbaris.com yang menggunakan paket forum instant dari IPB , contoh lainnya yaitu situs www.pasarlaris.com yang menggunakan forum instant maker dari PHPBB . Untuk link pembuat forumnya dapat anda lihat di bagian bawah dari forum forum tersebut. Jika anda sebagai pemula butuh untuk belajar membuat halaman depan dari forum tersebut dengan tehnik yang sangat mendasar sekali bisa anda lihat tutorialnya di www.buatsitus.co.nr
Selamat belajar & semoga sukses !!!
Keuntungan & Manfaat Membuat Website Iklan Gratis
1. Bisa anda manfaatkan untuk menghasilkan uang. Yaitu dengan cara memberi pilihan layanan iklan berbayar yang berada di depan atau di atas iklan gratis lainnya.
2. Sebagai sarana untuk mepromosikan website - website anda sendiri yang lainnya. Karena anda adalah admin, maka anda bebas menaruh link atau banner untuk situs anda sendiri yang lainnya.
3. Sekedar menyalurkan hobi atau ingin mengasah skill di dunia web design.
4. Membantu orang lain untuk mempromosikan barang, jasa, atau bisnis mereka.
SELAMAT DATANG
SEMOGA TUTORIAL INI BERMANFAAT UNTUK ANDA :)!
Tutorial ini disajikan dalam dua bahasa yaitu bahasa inggris (di bagian atas) & bahasa Indonesia (di bagian bawah). Berikut ini adalah tips agar anda dapat memperoleh manfaat yang sebesar-besarnya dari tutorial ini :
* Untuk bisa masuk ke halaman utama, silahkan klik Di Sini
* Pergunakan "Main Menu" untuk menavigasi isi website tutorial ini.
* Sebaiknya anda membaca seluruh isi blog ini mulai dari awal agar anda dapat memperoleh informasi dari tutorial ini dengan sejelas-jelasnya.
* Silahkan anda "save as" isi tutorial website ini ke dalam disket, flash disk, atau hard disk anda untuk membantu anda agar dapat menghemat biaya berinternet & mempermudah anda dalam mempelajarinya secara mandiri.
* Gunakan browser Firefox atau Opera untuk dapat melakukan "save as" isi tutorial website ini. Anda tidak akan bisa melakukannya jika anda menggunakan Internet Explorer. Untuk mendownload Firefox secara GRATIS silahkan anda kunjung www.mozilla.com Kelebihan lain Firefox adalah : Sangat aman & jauh lebih mudah serta lebih efektif pengoperasiannya dibandingkan dengan browser lainnya, selain itu pula, Firefox mempunyai daya jelajah yang lebih cepat karena softwarenya lebih "ringan" dibandingkan dengan yang lain. Oleh karena itulah software ini sangat direkomendasikan sekali oleh Google. Silahkan anda download secara GRATIS !!!
* Untuk mulai mempelajarinya, silahkan anda baca menu "Benefits Of Making Website" agar anda dapat mempunyai semangat yang kuat untuk mempelajari cara membuat website ini, sebab anda sudah bisa mengetahui keuntungan & manfaatnya untuk bisa mempunyai sebuah website.
* Teruskan dengan membaca menu "About Website" untuk mengetahui apa sih sebenarnya sebuah website itu dan hal - hal apa saja yang diperlukan.
* Di bagian menu "Making Website Part I" anda akan belajar membuat website gratis dengan cara yang sangat sederhana sekali dan dengan memanfaatkan webhosting gratisan.
* Setelah anda cukup mahir, teruskan dengan mempelajari materi "Making Website Part II" . Di bagian ini anda akan mempelajari secara garis besar cara membuat website dengan Microsoft Frontpage atau Publisher.
* Jika anda ingin membuat website dengan cara instan, cepat & mudah, silahkan pilih menu "Making Website Part III". Di sini anda akan belajar secara garis besar cara membuat website dengan Instant Page Builder atau Instant Website Builder.
* Untuk mempercantik dan melengkapi kebutuhan website anda, dapat anda dapatkan di bagian menu "Webtools For Webmaster".
* Dibagian "Promoting Your Website" anda akan belajar cara untuk mempromosikan website anda agar bisa banyak dikunjungi orang.
* Untuk mempelajari cara menghasilkan dollar dari website anda , silahkan baca menu "Make Money With Website"
* Untuk melihat bukti bahwa tutorial website ini telah bisa memberikan penghasilan dollar bagi saya sendiri, silahkan lihat di bagian menu "My Comission Report"
Selamat belajar, semoga ketekunan anda dalam belajar membuat website akan memberikan manfaat yang terbaik untuk anda dikemudian hari. Buatlah website yang bermanfaat untuk sesama, hindari materi website yang berbau pornografi, kekerasan, perjudian, dan hal-hal lain yang dilarang oleh agama dan pemerintah.
SALAM SUKSES UNTUK ANDA SEMUANYA :)
ANDA TERTARIK DENGAN WEB DESIGN ? KALAU BEGITU SILAHKAN BACA TUTORIAL BERIKUT INI . TUTORIAL INI BERISI URAIAN MENGENAI LANGKAH UNTUK MEMBUAT HOME PAGE, SEMOGA TUTORIAL INI DAPAT MEMBANTU UNTUK MEMBERI GAMBARAN BAGAIMANA CARA MEMBUAT SITUS INTERNET SENDIRI.
MEMILIH HOSTING
Langkah Langkah Membuat Hompage
Bermacam macam langkah yang digunakan oleh para web designer dalam membuat suatu homepage tetapi pada garis besarnya langkah langkah yang diambil adalah sebagai berikut :
1. Membuat Sketsa Desain :
Dalam mendesain suatu homepage langkah pertama yang dilakukan adalah membuat sketsa disain pada kertas, hal ini dilakukan untuk memberi gambaran bagaimana homepage kita nanti setelah selesai dan bagaimana cara mengatur letak letaknya. tetapi untuk kebanyakan orang langkah ini biasanya dilewati dan langgsung meloncat ke langkah kedua.
2. Membuat Layout Desain :
Setelah sketsa sudah jadi, kita menggunakan software seperti Adobe Photoshop, Adobe Illustrator, Macromedia Fireworks dan Macromedia Freehand untuk memperhalus sketsa desain dan juga menambahkan efek efek pada sketsa tersebut. Setelah layout desain homepage sudah jadi. File gambar tersebut dipecah menjadi potongan kecil-kecil untuk mengoptimize waktu download.Karena file gambar biasanya berukuran besar sehingga akan memerlukan waktu lama untuk membuka untuk membuka halaman web yang memakai gambar tersebut. Untuk melakukan hal tersebut kita dapat menggunakan software Adobe Image Ready. Software ini dapat langsung memotong gambar yang besar tadi dan otomatis juga menjadikannya ke dalam format html. Langkah ini bisa saja dilewatkan bila ukuran gambar kita tidak terlalu besar.
3. Membuat Animasi :
Animasi diperlukan untuk menghidupkan homepage kita agar menarik pengunjung. Macromedia Flash dan Gif Construction Set dapat dipakai untuk melakukan hal tersebut.
4. Membuat HTML :
Setelah itu kita merapikan layout desain kita seperti menempatkan beberapa tombol dan gambar, menambah text, mengedit script HTML, membuat layout form ke dalam format HTML. Untuk itu kita perlu software HTML Editor seperti Macromedia Dreamweaver, Microsoft Frontpage dan Allaire Homesite.
5. Programming dan Script :
Untuk website e-commerce, iklan baris, lelang, database, membuat guestbook, counter dan forum diskusi. selain itu script ini juga dapat digunakan untuk mempercantik halaman web kita antara lain membuat animasi text , membuat animasi pada background dan lain lain. File HTML kita perlu programming untuk melakukan aktivitas semacam itu. Programming dan script ini bisa dibuat dengan menggunakan ASP, Borland Delphy, CGI, PHP, Visual Basic dan yang terkenal saat ini adalah dengan menggunakan java script.
6. Upload HTML :
Setelah file kita telah menjadi html beserta gambar dan scriptnya. Kita perlu meng-upload file kita ke suatu tempat ( hosting ), agar semua orang di dunia dapat mengakses halaman html kita. Biasanya Macromedia Dreamweaver dengan fasilitas site FTP dan Microsoft Frontpage dengan Publishnya telah menyediakan fasilitas upload ini. Atau dapat menggunakan software seperti WS-FTP, Cute FTP, Bullet FTP. Yang perlu menjadi catatan di sini adalah jika kita menggunakan microsoft frontpage kita harus memilih hosting yang mendukung frontpage ini karena tidak semua hosting mendukung frontpage, terutama hosting gratis.
7. memilih hosting :
Untuk homepage pribadi atau yang sekedar ingin coba-coba biasanya setelah file html sudah jadi dapat hosting di tempat-tempat gratis, memakai guestbook dan counter gratis dan menambah macam-macam accesories dalam mempercantik homepage pribadi tersebut. Contohnya yaa seperti homepage saya ini. Lihat tutorial Fasilitas gratis pendukung homepage.
Software-Software yang dipakai
Desain :ntuk mb desain suatu homepage biasanya para web designer dimulai dengan software ini sebagai tampilan sementara atau dalam membuat layout homepage.
1. Adobe Photoshop : Desain berbasis titik ( bitmap )
2. Adobe Image Ready : Memotong gambar-gambar ke dalam format html
3. Adobe Illustrator : Desain berbasis vector
4. CorelDraw : Desain berbasis vector
5. Macromedia Freehand : Desain berbasis vector
Efek Desain :al ini dakukan untuk menghidupkan desain yang telah kita rancang. Seperti menambah efek cahaya, textur dan manipulasi teks.
1. Macromedia Firework : Efek teks
2. Painter : Memberikan efek lukisan
3. Ulead Photo Impact : Efek frame dan merancangan icon yang cantik.
4. Plugins Photoshop : Seperti Andromeda, Alien Skin, Eye Candy, Kai's Power Tool dan Xenofex juga sangat mendukung untuk memberi efek desain sewaktu anda mendesain layout homepage di Photoshop.
Animasi :Pnambahan animasi perlu untuk membuat homepage agar kelihatan menarik dan hidup.
1. 3D Studio Max : Untuk membuat objek dan animasi 3D.
2. Gif Construction Set : Membuat animasi file gif 3. Macromedia Flash : Menampilkan animasi berbasis vector yang berukuran kecil.
3. Microsoft Gif Animator : Membuat animasi file gif
4. Swift 3D : Merancang animasi 3D dengan format file FLASH.
5. Swish : Membuat berbagai macam efek text dengan format file FLASH.
6. Ulead Cool 3D : Membuat animasi efek text 3D.
Web Editor :enyukan keseluruhan gambar dan tata letak desain, animasi, mengisi halaman web dengan teks dan sedikit bahasa script.
1. Alaire Homesite :
2. Cold Fusion :
3. Microsoft Frontpage :
4. Macromedia Dreamweaver :
5. Net Object Fusion :
Programming :l inlakukan setelah sebagian besar desain homepage telah rampung. Programming bertugas sebagai akses database, form isian dan membuat web lebih interaktif. Contoh : Membuat guestbook, Form isian, Forum, Chattin Portal, Lelang dan Iklanbaris.
1. ASP ( Active Server Page ) :
2. Borland Delphy :
3. CGI ( Common Gateway Interface ) :
4. PHP :
5. Perl :
6. Javascript
Upload : html kita perlu di letakkan ( upload ) di suatu tempat ( hosting ) agar orang di seluruh dunia dapat melihat homepage kita.
1. Bullet FTP :
2. Cute FTP :
3. WS-FTP :
4. Macromedia Dreamweaver : dengan fasilitas Site FTP
5. Microsoft Frontpage : dengan fasilitas Publish
Sound Editor :omepage kita belum hidup tanpa musik. Untuk mengedit file midi atau wav, perlu alat khusus untuk itu.
1. Sound Forge : Mengedit dan menambah efek file yang berformat mp3 dan wav.
2. Cakewalk : Mengedit dan menambah efek untuk file yang berformat midi
Banyak sekali memang software untuk membuat suatu homepage dan kita tidak perlu mempelajari semua software tersebut di atas. Tapi untuk mempermudah, bagi pemula lebih baik dimulai terlebih dulu dengan mempelajari software Microsoft Frontpage atau Macromedia Dreamweaver agar lebih mengenal aturan-aturan membuat homepage dan mengenal bahasa html. Setelah itu baru Adobe Photoshop yang dipakai kebanyakan para desainer.
FASILITAS GRATIS PENDUKUNG HOMEPAGE
Berikut ini adalah fasilitas-fasilitas gratis yang bisa kita dapatkan dari internet untuk membuat homepage kita menjadi semakin powerfull. Tentunya hal yang kita dapatkan secara gratis akan diimbangi dengan sesuatu yang harus kita terima. Biasanya mereka menampilkan banner di homepage kita dan ini sebenarnya sangat menganggu, tapi tetap saja kita harus menerima bila ingin menggunakan fasilitas gratis tersebut.
Guesbook
Buku tamu di mana orang bisa mengisi identitas tentang dirinya, mengkritik dan memberi saran.
· Lpage
· Guestpage : Mudah di setup (using html tag) agar sesuai dengan tampilan design yang anda mau. Selain itu mereka menyediakan beberapa template guessbook yang ok kalo kita ngga mau cape2 setup.
· The Guestbook
Counter
Menghitung seberapa banyak pengunjung yang telah masuk ke homepage kita. Penyedia counter gratis antara lain :
· Dark Counter : menyediakan puluhan model counter sebagai pilihan.
· PageCount
· The Counter
Web Hosting
Tempat menyimpan file html, agar desain homepage kita dapat dilihat oleh pengunjung di seluruh dunia.
· Cybercity
· Freeservers
· Geocities
· Fortunecity
· Xoom
Anda bisa mendapatkan fasilitas email gratis tanpa perlu mendaftarkan diri ke Internet Provider.
· Mailexite
· Netadress
· Geocities
· iName
· Mailcity
Direct URL
Bila url anda terlalu panjang, misalkan : http://www.geocities.com/area51/station/007 , maka dengan direct url ini nama url itu bisa di singkat dengan http://i.am/007.
· CyberName
· Free URL
· Easy to Remember
· Name Zero : fasilitas ini memberikan kita nama domain dot com
Chatting
Fasilitas ngobrol dapat di buat di homepage Anda sendiri.
· BraveNet Wev Services :Free guestbooks, message forums, form processors, greeting cards, hit counters, search engines and more!
Pooling
Bila Anda ingin tahu jawaban terbanyak dari para pengunjung tentang pilihan dari pertanyaan-pertanyaan Anda.
· BraveNet Wev Services : Free guestbooks, message forums, form processors, greeting cards, hit counters, search engines and more!
Web Promote
Mempromosikan homepage anda dengan sekali klik, maka homepage kita akan masuk ke beberapa situs search engine.
· Linksubmission
· Jayde
· Fast submit
· Selfpromotion
· Add-Me
· Submit It!
Mailing List
Membuat komunitas lewat email yang membicarakan hal-hal tertentu bersama orang lain.
· Egroups
· Listbot
· Onelist
Web Statistik
Melihat statistik homepage Anda. Dari mana saja pengunjung berasal, browser apa saja yang mereka pakai, hari apa saja homepage kita ramai dikunjungi orang.
· Web Statistic
Web Check
Mengetahui kecepatan loading dan spesifikasi tentang homepage anda.
· NetMechanic
· Web Site Garage
Lain-Lain
· BraveNet Wev Services : Free guestbooks, message forums, form processors, greeting cards, hit counters, search engines and more!
0 Comments:
Post a Comment