Skip to main content

Cara dasar membuat website dreamweaver CS3

Saat pertama kali menjalankan program dreamweaver CS3 akan muncul jendela seperti di bawah ini.membuat baru banyak pilihanya  salahsatunya dengan klik dreamweaver site

 

Bisa di download di sini Klik BAB-I dan Klik BAB-II
1. Pilih Dreamweaver Site pada pilihan Create New.
Selanjutnya akan muncul jendela dialog Site defenition for Unnamed Site 1 seperti berikut.
Memberi Nama Situs
1. Ketikkan nama situs dari bahan ajar yang akan dibuat. (disini namanya bahan jar).
2. Pilih Advanced pada tab menu.

Mengatur Penyimpanan File Situs
1.  Klik mouse paga gambar fplder lalu buat folder untuk tempat penyimpanan file halaman
2. Klik mouse pada gbr folder, kemudian atur/buat folder untuk tempat penyimpanan file-file gambar/images untuk halaman web yang akan dibuat.
3. Pilih OK
 
Membuat Halaman Baru
1. Pilih File > New
2. Pilih Blank page
3. Pilih HTML pada Page type
4. Pilih <none> pada Layout
5. Pilih Create
 

Mengatur Properti Halaman
1. Klik mouse pada page properties yang terdapat di jendela properties.
2. Klik mouse Appearance
3. Pilih jenis font/huruf yang akan digunakan untuk teks isi halaman web.
4. Atur ukuran font yang akan digunakan.
5. Atur warna font yang akan digunakan.
6. Atur warna untuk halaman web yang akan dibuat.
7. Atur ukuran margin untuk halaman web yang akan dibuat.
8. klik Links untuk mengatur properti link.
9. Pilih Heading untuk mengatur heading.
10.Atur jenis font untuk teks heading.
11.Atur ukuran font untuk tiap jenis heading.
12.Atur warna teks untuk tiap heading.
13. Pilih OK.
 
 


Setelah properti halaman selesai diatur, selanjutnya halaman web siap dikerjakan. Dengan rancangan halaman web yang dibuat mempunyai banner di bagian atas, menu di bagian samping kiri dan uraian materi di bagian kanan, untuk itu perlu menggunakan tabel.

Menambahkan/Insert Tabel.
1. Pilih ikon Tabel atau pilih Insert > Table
2. Ketikkan nilai Rows = 3 dan Coloumns = 3
3. Ketikkan nilai Table width= 800 pixels
4. Ketikkan nilai Borders thickress = 0
5. Ketikkan nilai Cel spacing= 5
6. Pilih OK
 
Mengatur Tabel untuk Banner.
1. Blok colom 1, 2, dan 3 pada row pertama.
2. Pilih Modify > Table > Merge Cells , atau
Klik kanan mouse pilih > Table > Merge Cells
Langkah ini untuk menggabungkan 3 colom yang akan digunakan untuk banner.
Mengatur Tabel untuk Judul
1. Blok colom 1, 2, dan 3 pada row kedua.
2. Pilih Modify > Table >Merge Cells , atau Klik kanan mouse pilih >Table > Merge Cells
Langkah ini untuk meng- gabungkan 3 colom yang akan digunakan untuk judul.
 

Insert Image untuk Banner.
Dengan asumsi image untuk banner telah disiapkan.
1. Klik mouse di row pertama pada tabel.
2. Pilih Insert > Image , atauKlik Ikon insert > image
3. Pilih folder tempat image banner berada.
4. Pilih file image banner. PilihOK
5. Pilih OK.


 
Memberi Judul
1. Klik mouse di row kedua pada tabel.
2. Pilih Heading 1 pada Format di jendela Properties
3. Pilih jenis perataan teks(Align).
4. Ketikkan judul dari bahan ajar yang dibuat.

Insert Tabel untuk Menu
1. Klik mouse di kolom pertama, row ketiga pada tabel.
2. Pilih ikon Insert tabel
3. Masukkan :
Row = jumlah menu yang akan dibuat.
Columns = 0
Table width = 200
Cell spacing = 5
4. Pilih OK
 

Insert Image untuk Menu
Dengan asumsi image untuk menu sudah disiapkan.
1. Klik mouse di row pertama, pada tabel menu.
2. Pilih ikon Insert image
3. Pilih Image untuk menu pertama.
4. Pilih OK
5. Lakukan hal yang sama untuk menu lainnya, hingga semua menu terisi.

Mengatur Kolom untuk Isi Materi
1. Atur kolom ketiga untuk isi materi agar mempunyai ruang yang cukup luas.

Memberi nama SubJudul
1. klik mouse pada kolom materi
2. Pilih Heading 2 pada Format di jendela properties.
3. Ketikkan nama dari isi ma teri (misal Microsoft Word)

Memberi Link pada Menu
1. Klik mouse pada image menu pertama (Microsoft Word)
2. Ketikkan nama dari file yang akan dipanggil (link) disini diisi index.html (pada umumnya untuk file pertama halaman sebuah situs diberi nama index. html)
3. Klik mouse pada image menu kedua (Excel)
4. Ketikkan nama dari file yang akan dipanggil (link) disini diisi Excel.html
(sebaiknya penamaan diisi dengan nama tombol menu yang sesuai)
5. Lakukan hal yang sama untuk tombol menu yang lain hingga semua link nya terisi.
Menyimpan file
Setelah semua link terisi selanjutnya file dapat disimpan.
1. Pilih File > Save
2. Ketikkan nama index.html
3. Pilih Save

Perlu diperhatikan dalam menyimpan file ini harus ke dalam folder saat membuat site. Membuat Halaman Web Isi Untuk membuat halaman web isi lainnya, tidak perlu mengulang langkah dari awal cukup dengan mengedit file yang ada kemudian di save as.
1. Ubah sub judul dari word ke Excel.
2. Ketikkan isi dari Excel
3. Pilih File > Save as (ingat bukan Save!)
4. Beri nama Excel. html
5. Pilih Save

Dalam membuat halaman web isi ini yang harus diperhatikan adalah saat pemberian nama. Nama-nama yang digunakan harus sama dengan nama saat memberikan link pada menu. Sebagai contoh:
untuk halaman isi Microsoft excel disimpan excel.html
untuk halaman isi jaringan komputer disimpan jaringan.html
untuk halaman isi Microsoft outlook disimpan outlook.html
untuk halaman isi Adobe Photoshop disimpan photoshop.html
untuk halaman isi Corel disimpan corel.html
dan seterus
* Hal ini bertujuan agar link pada menu dapat berfungsi dengan sempurna.

Menyisipkan animasi :
Memasukkan/insert Animasi keHalaman Isi Halaman yang dibuat terkadang membutuhkan animasi. Animasi yang dapat dimasukkan/insert ke dalam halaman web harus dalam bentuk file swf. Untuk memasukkan animasi kedalam halaman langkahnya sebagai berikut.

1. Pilih File > Open > Pilih halaman yang akan diberi animasi (misal photoshop. html)
2. Klik mouse pada lokasi dimana animasi akan ditempatkan.
3. pilih ikon Insert media >Flash
4. Pilih File animasi yang akan dimasukkan.
5. Pilih OK
6. Pilih Yes
7. Pilih lokasi folder situs yang telah dibuat sebelumnya
8. Buat folder baru, beri nama animasi
9. Beri nama (Boleh nama yang ada atau diubah)
10.Pilih Save
11.Ketikkan nama pada kolom Title.
12.Pilih OK
13.Dengan mengklik mouse pada salah satu titik tampilan swf, atur ukuran tampilan agar sesuai dengan area uraian meteri.

Menjalankan Web di Browser. Untuk melihat hasil dari halaman web yang dibuat lakukan langkah berikut.
1. Pilih File > Save (halaman web yang akan dipreview harus selalu disave terlebih dahulu agar perubahan yang dilakukan dapat terli- hat hasilnya)
2. Pilih ikon Preview > Prewiev in Internet Explorer atau browser yang lainnya.

File animasi berupa file swf (flash) hanya akan terlihat pada saat di preview di browser. Pada halaman kerja di Dreamweaver file swf hanya akan terlihat berupa kotak abu-abu dengan logo.swf

Kerjakan dan kumpulkan bentuk file untuk button bebas atau ambil di antelu.blogspot.com menu prodistis
Labels:

Comments

Post a Comment

Popular posts from this blog

Istilah-istilah dalam flash

Perlu kita ketahui sebelum kita mempelajari lebih jauh tentang Flash kita harus tau dan mengetahui atau paling tidak kita memahami tentang istilah-istilah yang ada pada flash tersebut agar kita di saat mempelajari lebih lanjut lebih mudah dalam mempelajarinya baiklah perhatikan istilah tersebut di bawah ini ; Timeline : bagian yang digunakan untuk mengatur susunan layer.   Layer : bagian yang digunakan untuk mengatur susunan dari obyekyang tampak di stage.   Scane/stage : layar yang digunakan untuk menyusun obyek gambar , teks, animasi dll.   Frame : suatu bagian dari layer yang digunakan untuk mengatur pergerakan animasi.   Keyframe: suatu tanda yang digunakan untuk membatasi suatu gerakan animasi.   Animasi : sebuah gerakan obyek maupun teks yang diatur sedemikian rupa sehingga kelihatan menarik.   Movie clip: suatu animasi yang dapat di gabungkan dengan animasi atau obyek lain.   Action/script : suatu perintah yang diletakkan pada sua...
3 comments
Read more

Cara menggunakan dasar tool-tool pada Adobe Flash CS3

Setelah kita mempelajari dari awal tentang apa itu animasi sampai macam-macamnya software yang digunakan dalam pembuatan animasi tetapi dalam hal ini yang kita pakai softwarenya yaitu Adobe Flash CS3 Professional, Sekarang kita akan menggunakan garis dengan Line tool sebagai awal kita mempelajari bersama-sama baiklah kita mulai : 1. Cara Membuat garis dengan Line tool Adobe Flash CS3 telah menyediakan pilihan untuk membuat beragam bentuk garis. Pilih ikon Line Tool pada toolbar di sisi kiri layar, kemudian lihat pilihannya di panel Properties di sebelah kiri bawah layar, Masukkan angka ketebalannya. Dan untuk memulai garis klik pada stage dan drag sepanjang yang anda inginkan. Dan perhatikan gambar di bawah ini dan perhatikan toolbar pada line tool yang dipilih untuk membuat garis ; Line tool 2. Cara Membuat garis dengan pencil tool Dan sekarang Untuk membuat garis bebas, Pilih ikon Pencil Tool pada toolbar sisi kiri dan pilih warnanya pada panel Colors di bawahnya. U...
Post a Comment
Read more

Cara membuat tombol kontrol play dan stop pada adobe flash CS3

Pada postingan berikut ini digunakan sebagai pelengkap tutorial Pause dan Play Suara. Pada tutorial kali ini kita akan membahas tentang bagaimana cara menghentikan suara yang sedang dimainkan. Sebenarnya pada script Pause dan Play Suara sudah ada. Tapi karena digunakan dalam tombol pause, mungkin ada yang belum tahu. Untuk menghentikan suara kita cukup menuliskan stop() pada variable yang menampung suara yang sedang dimainkan. Misalnya : suara ditampung pada variable Musicz , maka untuk menghentikannya kita menuliskan Musicz.stop() Setelah mengikuti kegiatan belajar ini, Anda diharapkan dapat: Membuat tombol dan Mamberi action pada tombol Dan Membuat tombol kontrol kita bisa menggunakan sesuai dengan keinginan bisa mengunakan panel Library atau kita bisa juga dengan mendesign sendiri dengan menggunakan menu toolbar yang tersedia A. Membuat Tombol Buka file animasi masking (ini hanya untuk mempercepat tutorial) Buat layer baru, beri nama Kontrol . Seperti gambar dibawah in...
1 comment
Read more