Pertemuan 2.  Dreamweaver adl salah satu program pembuatan website yang mempunyai banyak sekali menu-menu dan tool-tool yang dapat dipergunakan untuk.

Presentasi berjudul: "Pertemuan 2.  Dreamweaver adl salah satu program pembuatan website yang mempunyai banyak sekali menu-menu dan tool-tool yang dapat dipergunakan untuk."— Transcript presentasi:

1 Pertemuan 2

2  Dreamweaver adl salah satu program pembuatan website yang mempunyai banyak sekali menu-menu dan tool-tool yang dapat dipergunakan untuk mendesain website yang lebih kreatif dan interaktif.  Sebelum mendesain sebuah halaman web harus direncanakan lebih dahulu tiap-tiap halaman site yang ada, agar sesuai dengan tujuan pembuatan website dan hasilnya lebih bagus

3  Kemampuannya membuat halaman web yang terlihat konsisten. Dreamweaver menyediakan template, sehingga desain memiliki gaya halaman web yang sama dan terlihat konsisten

4  Kemudahan dan efisiensi dalam penggunaan. Bagi yang belum mengerti bahasa pemrograman, anda bisa membuat halaman web dengan cara mengklik atau drag and drop menggunakan mouse atau yang lebih dikenal dengan sebutan WYSIWYG (What You See Is What You Get).

5  Dapat dikustom. Menu, tab, perintah, font dan warna semua kode dapat disesuaikan dengan preferensi pribadi.

6  Code View  hanya menampilkan script html saja.  Desain View  menampilkan kode-kode html menjadi sebuah design/template yang nantinya akan ditampilkan di browser.  Split View : Berfungsi menampilkan gabungan antara Code View dan Desain View pada saat bersamaan.

7

8  Insert bar berfungsi untuk memasukkan berbagai macam gambar, teks, layer, dsb.  Properties berfungsi untuk menampilkan properti-properti dari object atau text yang dipilih dan dapat dimodifikasi contoh : jenis text, ukuran text, dsb.  Pada Judul pada tampilan document window menunjukkan judul halaman, nama folder dan nama file yang ada dalam tanda kurung.

9  Tag selector menampilkan tag HTML yang dipilih, contoh: jika diklik pada dokumen window, pada tag selector akan tampak tulisan.  Window size pop-up menu dapat dilihat dan mengedit ukuran window yang ditampilkan.

10  Site berfungsi untuk memudahkan dalam mengatur file-file dalam halaman web.  Langkah – langkah : • pilih Site > new site • masukkan nama site • pilihan utk menggunakan teknologi server atau tidak, pilihan “no...” jika membuat web statis •....

11

12  Membuat baru, dokumen HTML yang kosong; pilih menu File > New  membuka dokumen HTML yang sudah ada Pilih menu File > Open  Menyimpan dokumen : Pilih menu File > Save.

13 Buat tampilan seperti di bawah ini; simpan dengan nama latihan1.

14  Blok teks tersebut dan ubah warna teks menjadi merah

15  Klik Properties pada bagian bawah tampilan dreamweaver, kemudian pilih Page Properties  Ubah background color menjadi biru

16  Pilih menu Modify > Page Properties. Atau Klik kursor pada daerah kosong di halaman web, lalu pilih Page Properties.  Pilih Title  Kemudian masukkan judul untuk halaman tersebut pada Title text box, misal : belajar web desain

17  Klik Properties pada bagian bawah tampilan dreamweaver, kemudian pilih Page Properties  Masukkan gambar pada pilihan background image

18  Menu pilihan untuk judul dan sub judul bisa menggunakan heading

19