Website merupakan tempat kita untuk berbagi informasi, lalu bagaimana caranya membuat sebuah website?
Setiap ingin membuat sesuatu, Anda perlu membuat rancangan terlebih
dahulu. Begitu pula dengan pembuatan website. Saat membuat website, Anda
harus melalui proses merancang tujuan pembuatan, menentukan sasaran yang
dituju, serta merancang tata letak website.
dahulu. Begitu pula dengan pembuatan website. Saat membuat website, Anda
harus melalui proses merancang tujuan pembuatan, menentukan sasaran yang
dituju, serta merancang tata letak website.
1. Tujuan dan Sasaran Website
Menentukan tujuan adalah langkah pertama yang harus Anda pikirkan.
Coba renungkan, untuk apa Anda membuat website? Apakah untuk
kepentingan pribadi (situs pribadi)? Ataukah website untuk organisasi (klub
basket, kelompok musik, atau OSIS)?
Tulislah semua tujuan dan harapan Anda agar Anda dapat mengingatnya
saat proses mendesain website. Tujuan-tujuan tersebut sangat membantu
agar Anda fokus pada website yang Anda inginkan.
Perumusan tujuan berpengaruh terhadap tampilan website yang akan
Anda buat. Sebagai contoh, website yang berisi berita perkembangan
ekonomi tentu berbeda dengan website yang menampilkan karya seni.
Menentukan tujuan adalah langkah pertama yang harus Anda pikirkan.
Coba renungkan, untuk apa Anda membuat website? Apakah untuk
kepentingan pribadi (situs pribadi)? Ataukah website untuk organisasi (klub
basket, kelompok musik, atau OSIS)?
Tulislah semua tujuan dan harapan Anda agar Anda dapat mengingatnya
saat proses mendesain website. Tujuan-tujuan tersebut sangat membantu
agar Anda fokus pada website yang Anda inginkan.
Perumusan tujuan berpengaruh terhadap tampilan website yang akan
Anda buat. Sebagai contoh, website yang berisi berita perkembangan
ekonomi tentu berbeda dengan website yang menampilkan karya seni.
Setelah merumuskan tujuan pembuatan website, lanjutkan proses
dengan menentukan sasaran pengunjung situs. Penentuan sasaran dapat
menggunakan ukuran usia. Secara umum, Anda dapat membidik pengunjung
anak-anak, remaja, dan dewasa.
Sekarang anggaplah Anda akan membuat situs remaja. Situs yang
akan Anda buat dapat mencerminkan jiwa yang dinamis, kreatif, serta
menggunakan bahasa kurang resmi namun tetap komunikatif.
2. Merancang Hubungan Antarhalaman Website
Hubungan antarhalaman perlu Anda rancang sebelum Anda mulai
membuat situs. Misalkan Anda akan membuat website yang memuat
halaman muka (home), dan tiga halaman isi. Halaman muka memuat garis
besar isi website yang Anda buat. Halaman isi memuat rincian isi website.
Misalkan terdapat website ”Ini Duniaku”. Website ”Ini Duniaku” memiliki
empat halaman pokok, yaitu halaman utama dan tiga halaman isi. Halaman
utama (home) adalah halaman berjudul ”Ini Duniaku”. Tiga halaman yang lain
(halaman isi) berturut-turut ”Dunia Sains”, ”Dunia Seni”, dan ”Dunia Fotografi”.
Perhatikan contoh skema website ”Ini Duniaku” berikut.
dengan menentukan sasaran pengunjung situs. Penentuan sasaran dapat
menggunakan ukuran usia. Secara umum, Anda dapat membidik pengunjung
anak-anak, remaja, dan dewasa.
Sekarang anggaplah Anda akan membuat situs remaja. Situs yang
akan Anda buat dapat mencerminkan jiwa yang dinamis, kreatif, serta
menggunakan bahasa kurang resmi namun tetap komunikatif.
2. Merancang Hubungan Antarhalaman Website
Hubungan antarhalaman perlu Anda rancang sebelum Anda mulai
membuat situs. Misalkan Anda akan membuat website yang memuat
halaman muka (home), dan tiga halaman isi. Halaman muka memuat garis
besar isi website yang Anda buat. Halaman isi memuat rincian isi website.
Misalkan terdapat website ”Ini Duniaku”. Website ”Ini Duniaku” memiliki
empat halaman pokok, yaitu halaman utama dan tiga halaman isi. Halaman
utama (home) adalah halaman berjudul ”Ini Duniaku”. Tiga halaman yang lain
(halaman isi) berturut-turut ”Dunia Sains”, ”Dunia Seni”, dan ”Dunia Fotografi”.
Perhatikan contoh skema website ”Ini Duniaku” berikut.
Website dapat Anda buat menggunakan program aplikasi atau software
tertentu. Software yang paling umum digunakan adalah software web editor.
Contoh software ini adalah Macromedia Dreamweaver.
Selain itu, Anda dapat juga menggunakan situs siap pakai. Artinya, situs ini
menyediakan ”kemasan” yang siap Anda isi dengan berbagai hal. Seperti apakah
wujud software dan situs penyedia website siap pakai? Simak dan temukan
jawabannya dalam uraian berikut.
tertentu. Software yang paling umum digunakan adalah software web editor.
Contoh software ini adalah Macromedia Dreamweaver.
Selain itu, Anda dapat juga menggunakan situs siap pakai. Artinya, situs ini
menyediakan ”kemasan” yang siap Anda isi dengan berbagai hal. Seperti apakah
wujud software dan situs penyedia website siap pakai? Simak dan temukan
jawabannya dalam uraian berikut.
Perangkat Lunak Pembuat Website
Macromedia Dreamweaver adalah contoh software yang dapat Anda
gunakan untuk membangun situs dari awal. Selain Dreamweaver Anda
dapat pula menggunakan Microsoft FrontPage, dan notepad.
Microsoft FrontPage dan notepad dapat Anda peroleh saat menginstal
program aplikasi Microsoft Office.
Jika Anda menggunakan notepad, maka Anda harus menguasai
pemrograman html. Anda perlu belajar penulisan kode html, penulisan link,
pembuatan tabel, hingga menampilkan halaman web.
Macromedia Dreamweaver adalah contoh software yang dapat Anda
gunakan untuk membangun situs dari awal. Selain Dreamweaver Anda
dapat pula menggunakan Microsoft FrontPage, dan notepad.
Microsoft FrontPage dan notepad dapat Anda peroleh saat menginstal
program aplikasi Microsoft Office.
Jika Anda menggunakan notepad, maka Anda harus menguasai
pemrograman html. Anda perlu belajar penulisan kode html, penulisan link,
pembuatan tabel, hingga menampilkan halaman web.
Penyedia Website Siap Pakai
Mungkin Anda akrab dengan istilah blog. Blog singkatan dari weblog.
Weblog adalah jurnal pribadi yang ditayangkan menggunakan internet
(online). Weblog digunakan oleh si pemilik (disebut blogger) untuk membahas
topik-topik yang disukai.
Untuk membuat weblog, Anda dapat mendaftar ke situs semisal
www.blogger.com, www.wordpress.com, atau www.multiply.com. Penyedia
situs akan menyediakan ”ruang” khusus yang dapat Anda gunakan untuk
meletakkan teks, gambar, bahkan film.
Selama ini mungkin Anda setia membuka internet untuk mencari materi
referensi pelajaran, berita, atau ilmu pengetahuan lainnya. Internet memang
menyediakan berbagai materi yang ”tiada habis”. Hampir semua negara memiliki
situs-situs yang digunakan sebagai sumber ilmu dan layanan publik.
Selama mengakses internet, mungkin rasa ingin tahu Anda bermunculan.
Mungkin Anda akrab dengan istilah blog. Blog singkatan dari weblog.
Weblog adalah jurnal pribadi yang ditayangkan menggunakan internet
(online). Weblog digunakan oleh si pemilik (disebut blogger) untuk membahas
topik-topik yang disukai.
Untuk membuat weblog, Anda dapat mendaftar ke situs semisal
www.blogger.com, www.wordpress.com, atau www.multiply.com. Penyedia
situs akan menyediakan ”ruang” khusus yang dapat Anda gunakan untuk
meletakkan teks, gambar, bahkan film.
Selama ini mungkin Anda setia membuka internet untuk mencari materi
referensi pelajaran, berita, atau ilmu pengetahuan lainnya. Internet memang
menyediakan berbagai materi yang ”tiada habis”. Hampir semua negara memiliki
situs-situs yang digunakan sebagai sumber ilmu dan layanan publik.
Selama mengakses internet, mungkin rasa ingin tahu Anda bermunculan.
Dreamweaver 8
Macromedia Dreamweaver 8 dikeluarkan setelah seri Macromedia
Dreamweaver 1.0, Dreamweaver MX, hingga Dreamweaver MX 2004. Saat ini
Anda dapat pula menggunakan AdobeDreamweaver CS4. Label Adobe menyertai
Dreamweaver CS4 karena sejak tahun 2005 perusahaan Adobe telah membeli
perusahaan Macromedia. Macromedia Dreamweaver 8 ini lebih cocok Anda
gunakan karena memerlukan spesifikasi komputer yang tidak terlalu tinggi.
Sebelum belajar membuat situs, sebaiknya Anda belajar membuka dan
menutup software Dreamweaver 8. Kenali pula wilayah kerja software ini
sehingga Anda lancar menggunakannya.
Dreamweaver 1.0, Dreamweaver MX, hingga Dreamweaver MX 2004. Saat ini
Anda dapat pula menggunakan AdobeDreamweaver CS4. Label Adobe menyertai
Dreamweaver CS4 karena sejak tahun 2005 perusahaan Adobe telah membeli
perusahaan Macromedia. Macromedia Dreamweaver 8 ini lebih cocok Anda
gunakan karena memerlukan spesifikasi komputer yang tidak terlalu tinggi.
Sebelum belajar membuat situs, sebaiknya Anda belajar membuka dan
menutup software Dreamweaver 8. Kenali pula wilayah kerja software ini
sehingga Anda lancar menggunakannya.
A. Membuka dan Mengenal Wilayah Kerja Dreamweaver 8
Seperti halnya software yang lain, Dreamweaver juga dapat Anda buka
menggunakan tombol start dan klik ganda ikon. Cara membuka Dreamweaver
menggunakan start menu sebagai berikut.
a. Klik menu start.
b. Pilih Macromedia, kemudian lanjutkan dengan memilih Macromedia
Dreamweaver 8
Beberapa saat kemudian komputer membuka Macromedia
Dreamweaver 8.
menggunakan tombol start dan klik ganda ikon. Cara membuka Dreamweaver
menggunakan start menu sebagai berikut.
a. Klik menu start.
b. Pilih Macromedia, kemudian lanjutkan dengan memilih Macromedia
Dreamweaver 8
Beberapa saat kemudian komputer membuka Macromedia
Dreamweaver 8.
Komponen Wilayah Kerja
Dreamweaver 8
Macromedia Dreamweaver 8 memuat menu dan berbagai ikon yang
siap Anda gunakan. Berbagai ikon yang disediakan mudah digunakan karena
Anda hanya perlu melakukan klik atau drag saja.
a. Menu Dreamweaver 8
Dreamweaver 8 memuat sepuluh menu yang siap Anda gunakan.
Sepuluh menu ini adalah File, Edit, View, Insert, Modify, Text,
Commands, Site, Window, dan Help.
1) Menu File
Menu File memuat submenu New, Open, Open Recent,
Open in Frame, Close, Close All, Save, Save As, Save All, Save
to Remote Server, Save as Template, Revert, Print Code,
Import, Export, Convert, Preview in Browser, Check Page,
Compare with Remote, Design Notes, dan Exit.
Seperti software yang lain, menu File dapat Anda gunakan
sebagai awal pembuatan dokumen, yaitu menggunakan submenu
New. Fungsi menu File yang lain misalnya membuka dokumen
(submenu Open dan Open Recent), menyimpan dokumen (submenu
Save, Save As, Save All, Save to Remote Server, serta Save As
Template), dan melihat tampilan situs yang Anda rancang (submenu
Preview in Browser).
Dreamweaver 8
Macromedia Dreamweaver 8 memuat menu dan berbagai ikon yang
siap Anda gunakan. Berbagai ikon yang disediakan mudah digunakan karena
Anda hanya perlu melakukan klik atau drag saja.
a. Menu Dreamweaver 8
Dreamweaver 8 memuat sepuluh menu yang siap Anda gunakan.
Sepuluh menu ini adalah File, Edit, View, Insert, Modify, Text,
Commands, Site, Window, dan Help.
1) Menu File
Menu File memuat submenu New, Open, Open Recent,
Open in Frame, Close, Close All, Save, Save As, Save All, Save
to Remote Server, Save as Template, Revert, Print Code,
Import, Export, Convert, Preview in Browser, Check Page,
Compare with Remote, Design Notes, dan Exit.
Seperti software yang lain, menu File dapat Anda gunakan
sebagai awal pembuatan dokumen, yaitu menggunakan submenu
New. Fungsi menu File yang lain misalnya membuka dokumen
(submenu Open dan Open Recent), menyimpan dokumen (submenu
Save, Save As, Save All, Save to Remote Server, serta Save As
Template), dan melihat tampilan situs yang Anda rancang (submenu
Preview in Browser).
Edit
Menu Edit memuat beberapa submenu, yaitu: Undo, Redo,
Cut, Copy, Paste, Paste Special, Clear, Select All, Select Parent
Tag, Select Child, Find and Replace, Find Selection, Find Next,
Go to Line, Show Code Hints, Code Hint Tools, Indent Code,
Outdent Code, Balance Braces, Repeating Entries, Code Col-
lapse, Edit with External Editor, Tag Libraries, Keyboard
Shortcuts, Preferences.
Menu Edit dapat Anda gunakan untuk melakukan beberapa
perintah seperti perintah dalam software yang lain. Perintah ini
misalnya membatalkan perintah (submenuUndo), memerintahkan
kembali (submenu Redo), memotong karakter (submenu Cut dan
Paste), dan menyalin karakter (submenu Copy danPaste). Selain
itu, menu Edit juga dapat digunakan untuk mencari karakter
(submenu Find and Replace), hingga mengatur tampilan
Dreamweaver8 (submenu Reference).
3) Menu View
Menu View berisi submenu Zoom In, Zoom Out, Magnifica-
tion, Fit Selection, Fit All, Fit Width, Code, Design, Code and
Design, Switch Views, Refresh Design View, Head Content,
Noscript Content, Table Mode, Visual Aids, Style Rendering,
Code View Options, Rulers, Guides, Tracing Images, Plugins,
Hide Panels, dan Toolbars.
Menu View dapat digunakan untuk memperbesar tampilan
(submenu Zoom In), memperkecil tampilan (submenu Zoom Out),
menyesuaikan tampilan sesuai ukuran monitor (submenu Fit All),
hingga mengaktifkan toolbar tertentu (submenu Toolbars).
Menu Edit memuat beberapa submenu, yaitu: Undo, Redo,
Cut, Copy, Paste, Paste Special, Clear, Select All, Select Parent
Tag, Select Child, Find and Replace, Find Selection, Find Next,
Go to Line, Show Code Hints, Code Hint Tools, Indent Code,
Outdent Code, Balance Braces, Repeating Entries, Code Col-
lapse, Edit with External Editor, Tag Libraries, Keyboard
Shortcuts, Preferences.
Menu Edit dapat Anda gunakan untuk melakukan beberapa
perintah seperti perintah dalam software yang lain. Perintah ini
misalnya membatalkan perintah (submenuUndo), memerintahkan
kembali (submenu Redo), memotong karakter (submenu Cut dan
Paste), dan menyalin karakter (submenu Copy danPaste). Selain
itu, menu Edit juga dapat digunakan untuk mencari karakter
(submenu Find and Replace), hingga mengatur tampilan
Dreamweaver8 (submenu Reference).
3) Menu View
Menu View berisi submenu Zoom In, Zoom Out, Magnifica-
tion, Fit Selection, Fit All, Fit Width, Code, Design, Code and
Design, Switch Views, Refresh Design View, Head Content,
Noscript Content, Table Mode, Visual Aids, Style Rendering,
Code View Options, Rulers, Guides, Tracing Images, Plugins,
Hide Panels, dan Toolbars.
Menu View dapat digunakan untuk memperbesar tampilan
(submenu Zoom In), memperkecil tampilan (submenu Zoom Out),
menyesuaikan tampilan sesuai ukuran monitor (submenu Fit All),
hingga mengaktifkan toolbar tertentu (submenu Toolbars).
Tekan tombol Ctrl + N untuk membuka halaman baru. Cara ini
bermanfaat untuk melihat isi wilayah kerja Dreamweaver 8.
bermanfaat untuk melihat isi wilayah kerja Dreamweaver 8.
Mungkin Anda ingin mengetahui cara membuat tampilan halaman situs, cara
menampilkan gambar, hingga menyiarkan televisi online.
Setelah membaca ini diharapkan Anda dapat mengenal bagian-bagian
situs, pemograman web, mengoperasikan Macromedia Dreamweaver 8, hingga
membuat situs sederhana.
menampilkan gambar, hingga menyiarkan televisi online.
Setelah membaca ini diharapkan Anda dapat mengenal bagian-bagian
situs, pemograman web, mengoperasikan Macromedia Dreamweaver 8, hingga
membuat situs sederhana.
Sekian mengenai cara membuat website dan mengenal dreamweaver8
Share this
