CARA MEMBUAT WEB DI DREAMWEAVER

CARA MEMBUAT WEB DI DREAMWEAVER

Langkah pertama membuat Web Design

Pertama kita harus mempersiapkan akan nama website , untuk memberikan nama web dengan baik ,kita dapat

menggunakan nama Produk atau nama prusahaan,setelah  sudah menemukan nama yang tepat untuk digunakan

sebagai nama website , selanjutnya kita bisa memilih extention nama domainya, berikut tipe macam extention

nama domain yang dikaitkan dengan keperluannya :
Domain Internasional :- com (komersil) - org (organisasi) - net (network) - info (informasi) - biz (bisnis)
Domain lokal Indonesia : - co.id (perusahaan) - or.id (organisasi) - ac.id (akademik/universitas) - sch.id (sekolah) - go.id (pemerintahan) - war.net.id (warnet) - web.id (bebas)
Terdapat domain internasional dan domain lokal Indonesia, masing-masing sama-sama bisa diakses dan kecepatannya juga sama. Yang membedakannya adalah kalau domain berakhiran .id menunjukan bahwa website anda berdomisili di Indonesia.
Kedua kita harus sudah siap dengan content yang akan dimasukan ke dalam website. Agar content yang sudah kita siapkan dapat masuk dengan baik ke dalam website, kita harus mendesign terlebih dahulu, kita dapat menggunakan tools yang sudah disediakan atau template dari program Web designer seperti  DreamWeaver. Macromedia Dreamweaver adalah sebuah perangkat lunak aplikasi untuk mendesain dan membuat halaman web.Dengan menggunakan Dreamweaver , kita tidak perlu lagi mengetik kode-kode HTML atau kode-kode lainnya secara manual. Untuk mendesign web pada dreamwever,  

Pertama  kita buka Macromedia Dreamweaver  sehingga akan ditampilkan tampilan IDE (Integrated Development Environment) 

lalu kita buat site dengan cara :
1. pilih menu Site -> New Site.

2.Isikan nama website dan alamat website. Kemudian klik tombol Next.

3.Pada tampilan selanjutnya, silakan pilih “No, I do not want …” dan kemudian klik tombol Next.

4.Selanjutnya, pilih “Edit directly on server using local network…”, dan klik tombol bergambar folder 
 untuk menentukan dimana file-file website anda disimpan. Setelah itu tekan tombol Next.

5.Selanjutnya klik tombol Done

Membuat Halaman Website 
Setelah proses persiapan selesai, kita bisa memulai tahapan awal membuat website. Perlu diketahui, bahwa
halaman website dapat dibuat dengan menggunakan berbagai macam format. Sebagai contoh, web ini
dibuat dengan format CSS. format CSS lebih dianjurkan karena format CSS memiliki banyak kelebihan dan
fleksibilitas yang lebih baik. Sekarang kita bisa mulai membuat halaman baru. Langkah-langkahnya adalah
sebagai berikut :
Klik More pada pilihan di bawah kolom Create New. (Alternatif lain adalah dengan klik pada menu File >
New).

Sebagai contoh,web ini kita buat menggunakan page design(CSS)  Halo Left Nav

Lalu klik create untuk menampilkan halaman web ,


Dalam layout CSS ini  kita tidak perlu lagi bingung menaruh letak-letak
tulisan  pada tampilan, kita hanya mengganti kata-kata yang telah ada di halaman tersebut saja.


Tampilan layar desain Dreamweaver 
Tampilan layar desain Dreamweaver terdiri dari 3 jenis, yaitu code, split, dan design.
Layar Code berfungsi sebagai tempat kita membuat halaman web dengan mengetik bahasa pemograman secara
langsung. 
Artinya, layar inilah yang menampilkan struktur bahasa pemograman web yang dipakai pada halaman web yang sedang
kita buat. Pada bagian design, kita membuat website dengan menggunakan menu-menu yang tersedia, misalnya menu
menambahkan gambar, membuat tabel, mengatur tampilan tulisan, dan lain-lain. Kita tidak perlu mengetik bahasa
pemograman halaman web yang kita buat karena secara otomatis, setiap kita menambahkan sebuah elemen, maka
dreamweaver akan menerjemaahkannya kedalam kalimat-kalimat bahasa pemograman yang kita gunakan. Inilah
keunggulan dreamweaver dibanding notepad, frontpage, dan mungkin yang lainnya. Karena pada dreamweaver sudah
tersedia menu-menu yang siap pakai untuk mendesain halaman web, jadi mudah digunakan. Bagian split berguna untuk
membagi halaman kerja dreamweaver menjadi 2, separuh untuk menampilkan layar code, dan separuh lagi menampilkan
layar design. Hal ini berguna jika kita ingin mendesain halaman melalui layar design namun ingin melihat perubahan kode
bahasa webnya, dan juga sebaliknya. 


Membuat Background
Untuk membuat background, pertama klik page properties yang berada di panel properties

Lalu akan keluar tampilan sebagai berikut

Klick tombol Browse untuk memilih gambar yang diinginkan pada background, lalu klick OK

Menyimpan Halaman Web
Penyimpana file saat pembuatan web sangat lah penting, karna File-file yang kita ciptakan akan berhubungan dengan  file
lain dalam struktur website yang sama. Oleh karena itu, diharuskan untuk meletakkan file-file yang kita buat pada satu
folder yang sama.


Untuk menyimpan file 
Klik pada menu File > Save.
Pada kotak dialog Save As, pastikan kita meletakkan pada folder yang telah dibuat pada site. 
Untuk halaman utama \ home,Ketikkan pada kotak File name : index.html
File : index.html adalah nama file standar dalam dunia internet yang menjadi acuan sebuah website. File ini adalah file
yang pertama kali dibuka ketika browser diarahkan untuk membuka alamat website tertentu. 
Simpan file sebagai index.html
Biarkan kotak Save as type : terisi All Document,lalau tekan enter

Hyperlink/Link
Hyperlink dipergunakan untuk membuat struktur halaman web yang lebih rapi. Pengunjung yang memerlukan informasi
yang lebih rinci dapat mencari pada halaman-halaman lain dengan berpedoman pada menu yang disediakan. Dengan
demikian, menu yang disiapkan dalam bentuk hyperlink tersebut harus direncanakan dengan baik. Dengan menu yang
terstruktur baik, maka pengunjung akan mudah mengakses informasi yang disediakan.
Hyperlink selain dipergunakan untuk membuka halaman lain di dalam website itu sendiri, juga bisa dikaitkan ke alamat
alamat lain yang berada di luar website, atau bisa juga dipergunakan untuk menunjukkan alamat email tertentu.
Perbedaan ketiganya ada pada cara penulisan hyperlink.


Untuk membuat link pada kata Home
1. Sorotlah tulisan HOME yang akan kita jadikan hyperlink.
2. Pada panel Insert, klik tombol Hyperlink.
Kotak Dialog Hyperlink akan segera muncul memperlihatkan form Text yang sudah berisi tulisan HOME.
Form Link dapat kita isi dengan nama file. Khusus untuk hyperlink HOME bisa kita isi dengan file index.html. Form Target
untuk sementara bisa kita tinggalkan.
Klik OK untuk mengakhiri.


Cara lain adalah dengan klik pada ikon folder di sebelah kanan drop-down menu, lanjutkan dengan memilih file
index.html.

Sekian dan Terimakasih :)

Related Posts:

Tweet