membuat web
membuat web
Banyak cara untuk membuat Home Page, langkah-langkah tersebut pada dasarnya adalah :
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. arena 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.
8. Software-Software yang dipakai
Desain : untuk membuat desain suatu homepage biasanya para web designer dimulai dengan software ini sebagai tampilan sementara atau dalam membuat layout homepage.
· Adobe Photoshop : Desain berbasis titik (bitmap).
· Adobe Image Ready : Memotong gambar-gambar ke dalam format html
· Adobe Illustrator : Desain berbasis vector
· CorelDraw : Desain berbasis vector
· Macromedia Freehand : Desain berbasis vector
Efek Desain : hal ini dilakukan 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 : Penambahan 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.
4. Microsoft Gif Animator : Membuat animasi file gif
5. Swift 3D : Merancang animasi 3D dengan format file FLASH.
6. Swish : Membuat berbagai macam efek text dengan format file FLASH.
7. Ulead Cool 3D : Membuat animasi efek text 3D.
8. Web Editor : menyatukan keseluruhan gambar dan tata letak desain, animasi, mengisi halaman web dengan teks dan sedikit bahasa script.
· Alaire Homesite :
· Cold Fusion :
· Microsoft Frontpage :
· Macromedia Dreamweaver :
· Net Object Fusion :
Programming : hal ini dilakukan 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 : homepage 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
· CounterMenghitung 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
Email
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/… 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 dan lain-lain
]
membuat web
Selamat datang di bagian Pelatihan Pembuatan website. Pada bagian pelatihan pembuatan website ini kami hadir untuk membantu bagi para pengguna atau pemilik komputer yang ingin mempelajari pembuatan Website yang sederhana. Didalam Website ini kami akan memberikan pelatihan dasar bagaimana cara membuat website yang sederhana namun menarik. Sehingga Anda dapat membuat website dengan tangan Anda sendiri.
Dan Anda juga dapat melakukan tanya jawab dengan kami apabila Anda merasa kesulitan dalam pembuatan website yang Anda kerjakan.
Didalam pembuatan Website kita harus mempunyai kreativitas dan daya imajinasi yang tinggi agar website kita terlihat menarik walaupun bentuknya sederhana.
Baik itu untuk pewarnaan ataupun untuk penempatan gambar, kita harus benar-benar jeli agar terlihat menarik dan tidak terlalu lama pada saat dibuka di Internet. Kita bisa memakai program Microsoft Front Page, Macromedia Dreamweaver, ataupun Notepad yang sudah tersedia di setiap Windows.
Ada juga Program tambahan misalnya Adobe Photoshop yang digunakan untuk mengedit grafik sebelum ditempatkan kedalam dokumen website, lalu Macromedia Flash yang digunakan untuk membuat grafik Animasi. Kita juga bisa memasukkan musik ataupun yang lainnya kedalam dokumen website kita.
Tetapi harus ingat satu hal! jangan kita terlalu memasukkan banyak grafik yang bermuatan tinggi karena akan membuat lamanya pembukaan dokumen kita, pada saat akan dibuka di Internet (Grafik dari Adobe Photoshop ataupun dari Macromedia Flash).
Banyak sekali cara-cara yang digunakan oleh beberapa orang untuk membuat website. Dan didalam pelatihan ini Anda akan diberitahu hal-hal yang penting dalam Pembuatan Website agar terlihat menarik walau bentuknya sederhana. Jadi sebelum membuat website perhatikanlah hal-hal berikut ini :
-
Tentukan Sasaran Pembaca Web Page Anda:
Apabila sasaran pembaca WebPage Anda adalah orang lokal, lebih baik Anda menggunakan Bahasa Indonesia pada dokumen web Anda. Agar lebih dapat dipahami dan lebih cepat memberikan reaksi atas WebPage Anda.
Sedangkan, bila sasaran pembaca WebPage Anda adalah orang diseluruh dunia, gunakanlah bahasa Inggris yang merupakan bahasa International pada dokumen web Anda. Dan tidak ada salahnya apabila dokumen web Anda dibuat dalam tiga atau empat bahasa, yang dipergunakan oleh orang diseluruh dunia.
-
Tentukan Tujuan dari WebSite Anda:
Didalam pembuatan Website, sebelumnya Anda harus menentukan tujuan dari Website yang Anda bikin atau Anda buat. Apakah website tersebut untuk mempublikasikan diri Anda sendiri atau Anda ingin mempublikasikan Perusahaan Anda dan barang-barang produksi Perusahaan Anda, dll. Bagaimanapun bentuk tujuan dari Website atau dokumen Website yang Anda buat, harus jelas agar pembaca Website Anda dapat lebih mengerti dan memahami tujuan dari Website Anda.
-
Buat Struktur WebPage Anda:
Sebelum Anda membuat dokumen Web Anda, alangkah lebih baik apabila Anda pertimbangkan dulu bagaimana cara mengelola dokumen Web Anda. Buatlah struktur dari dokumen yang Anda buat dengan jelas dan teliti agar tidak menyimpang dari tujuan pembuatan WebSite Anda.
Apa Itu Home Page
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.
Apa itu HyperText Transfer Protocol ( HTTP )
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 http://www.msn.com, ini merupakan salah satu penggunaan protokol http dalam Web.
Uniform Resource Locator ( URL ) URL adalah suatu sarana yang digunakan untuk menentukan lokasi informasi pada suatu web server. Format umum suatu URL adalah :
|
Protokol Transfer Protokol transfer adalah suatu protokol yang digunakan untuk pengiriman informasi di Internet. Selain HTTP, dalam Internet juga dikenal beberapa protokol lain, diantaranya adalah :
Dengan protokol-protokol tersebut, browser Anda dapat bertindak sebagai client dari protokol tersebut. |
Domain Name System (DNS)
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 :Nama Domain | Jenis Organsiasi |
---|---|
Com |
Organisasi Komersial Contoh: www.yahoo.com |
Edu |
Lembaga Pendidikan Contoh: www.usc.edu |
Gov |
Lembaga Pemerintah |
Int |
Organisasi International |
Mil |
Organisasi Militer |
Net |
Provider Internet Contoh telkom.net |
Org |
Organisai Umum |
Au |
Organisasi Komputer di Australia |
At |
Organisasi Komputer di Austria |
Be |
Organisasi Komputer di Belgia |
Ca |
Organisasi Komputer di Kanada |
Ch |
Organisasi Komputer di Swiss |
Cz |
Organisasi Komputer di Checna |
De |
Organisasi Komputer di Jerman |
Dk |
Organisasi Komputer di Denmark |
Es |
Organisasi Komputer di Spanyol |
Id |
Organisasi Komputer di Indonesia |
Apa Perbedaan Dokumen HTML ?
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.
Bagian Dokumen HTML
Dokumen HTML tersusun oleh 3 bagian antara lain :
- Baris yang berisi informasi versi HTML yang digunakan.
- Deklarasi bagian header dengan elemen head.
- Deklarasi bagian body dengan elemen BODY atau FrameSET.