Upload presentasi
Presentasi sedang didownload. Silahkan tunggu
1
Area Kerja Dreamweaver
Pertemuan 2
2
Pendahuluan 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
Kelebihan Kemampuannya membuat halaman web yang terlihat konsisten.
Dreamweaver menyediakan template, sehingga desain memiliki gaya halaman web yang sama dan terlihat konsisten
4
Kelebihan 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
Kelebihan Dapat dikustom.
Menu, tab, perintah, font dan warna semua kode dapat disesuaikan dengan preferensi pribadi.
6
Tampilan 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
Area kerja dreamweaver
8
Area kerja ... 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
Area kerja Tag selector menampilkan tag HTML yang dipilih, contoh: jika diklik pada dokumen window, pada tag selector akan tampak tulisan <body>. Window size pop-up menu dapat dilihat dan mengedit ukuran window yang ditampilkan.
10
Membuat, Membuka, Dan Menyimpan Dok. Html
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.
11
Latihan .. Buat tampilan seperti di bawah ini; simpan dengan nama latihan1.
12
Warna Teks Blok teks tersebut dan ubah warna teks menjadi merah
13
Warna latar belakang Klik Properties pada bagian bawah tampilan dreamweaver, kemudian pilih Page Properties Ubah background color menjadi biru
14
Merubah Judul Halaman 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
15
Gambar sbg latar belakang
Klik Properties pada bagian bawah tampilan dreamweaver, kemudian pilih Page Properties Masukkan gambar pada pilihan background image
Presentasi serupa
