Saturday 14 March 2015

Cara dasar membuat website dreamweaver CS3

  bloosoean       Saturday 14 March 2015
Saat pertama kali menjalankan program dreamweaver CS3 akan muncul jendela seperti di bawah ini.membuat baru banyak pilihanya  salahsatunya dengan klik dreamweaver site
gambar satu dreamweaver site Antelu
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 beri- kut.

Memberi Nama Situs
1. Ketikkan nama situs dari bahan ajar yang akan dibuat. (disini namanya bahan jar).
2. Pilih Advanced pada tab menu.
gambar dua dreamweaver site Antelu
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
gambar tiga dreamweaver site Antelu
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
gambar empat dreamweaver site Antelu
        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.
gambar lima  dreamweaver site Antelu

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
gambar tujuh dreamweaver site Antelu

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.
gambar delapan dreamweaver site Antelu
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.

Lebih Detail dan jelas klik Antelu

Kerjakan Dan dikumpulkan

*Semoga bermanfaat
logoblog

Thanks for reading Cara dasar membuat website dreamweaver CS3

Previous
« Prev Post

No comments:

Post a Comment

Terbaru