Area Kerja Dreamweaver

Slides:



Advertisements
Presentasi serupa
MENGENAL TAMPILAN MICROSOFT OFFICE WORD 2003.
Advertisements

Perkenalan lingkungan kerja dan tools-tools
PRAKTIKUM PENGENALAN APLIKASI KOMPUTER
MICROSOFT WORD 2007 BY NUR HIDAYA BUKHARI
Membuat Template Web Website yang baik adalah website yang konsisten. Konsisten di sini berarti memiliki bentuk, layout dan navigasi yang sama antar satu.
Pertemuan 2.  Dreamweaver adl salah satu program pembuatan website yang mempunyai banyak sekali menu-menu dan tool-tool yang dapat dipergunakan untuk.
KOMPONEN DALAM DELPHI Form
Sesi - 2 Mengelola Bahan Ajar
Paket Program Aplikasi
Pengembangan Web Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
HTML PEMROGRAMAN INTERNET. Form & Input HTML Form adalah area yang bisa ditempati oleh elemen form. Elemen form adalah elemen yg mengijinkan user memasukkan.
13 CSS ( CASCADING STYLE SHEET II ) Bayangkan jika kita memiliki website dengan 100 halaman. Bayangkan apabila anda ingin mengganti jenis huruf dari tiap.
Page properties Cara 1: Cara 2: Menu Modify - Ctrl + J Page Properties
Pertemuan 9 Cascading Style Sheet (css)
HTML Lanjut & CSS By : Muhammad Zen S. Hadi Digital Communication Laboratory EEPIS-ITS.
Minggu …8… Page 1 MINGGU Ke delapan Web Teknologi 2 Pokok Bahasan: CSS and Themes Tujuan Instruksional Khusus: Mahasiswa akan dapat menjelaskan dan mengaplikasikan.
HTML By kartika puji pangesti
HTML (Hypertext Markup Language)
KELOMPOK 10 PROYEK 5 Formulir Pembelian Buku Web / HTML
Tim FT Elektro UHAMKA CSS (Cascading Style Sheet)
MEMBUAT WEB SEDERHANA.
PEMBUATAN TABEL DENGAN STAROFFICE DISUSUN OLEH : M.S. HERAWATI, Skom
KOMPONEN DALAM DELPHI Form
 H ypertext M arkup L anguage (HTML) adalah suatu file teks sederhana yang mengandung perintah-perintah berupa TAGS sehingga sebuah web browser dapat.
HTML-LINK-LIST.
Bekerja dengan file dan desain web
HTML Basic.
Pemrograman Berbasis Web CSS
Bekerja dengan file dan desain web PERTEMUAN 6. Beberapa type file -CSS, (Cascading Style Sheet) ekstensi.css. Untuk format isi HTML dan mengendalikan.
HTML (Hypertext Markup Language)
HTML PEMROGRAMAN INTERNET.
Pertemuan ke 3 Pengenalan kepada HTML By Tri Pratiwi BSc, Meng, MPhil.
FORM Kegunaan Form : memperoleh data-data user baik nama, alamat dan data lainnya untuk mendaftar pada service yang di sediakan. memperoleh informasi pembelian.
CSS (Cascading Style Sheet)
WEB DESIGN.
Selamat Mengikuti Pelatihan Multimedia.
Desain Web dengan Tag HTML
KKPI KELAS X SEMESTER 1 Standar Kompetensi : Mengoperasikan Sistem Operasi Software Kompetensi Dasar : Mengoperasikan software pengolah kata.
IRAWATI, S.Kom.,MT. PEMROGRAMAN WEB
Menggunakan Form Pertemuan Ke-3.
Konsep sistem informasi a
Pemrograman Berorientasi Objek IST AKPRIND Yogyakarta
MEMBUAT POSTER DENGAN COREL DRAW
PERTEMUAN CSS Pengenalan CSS.
Macromedia Dreamweaver
Cascading Style Sheets (CSS)
LATIHAN ULANGAN SEMESTER GENAP
KOMPUTER APLIKASI IT XHTML & CSS MODUL 02
TEKNOLOGI INFORMASI DAN KOMUNIKASI
BAB 5 Menggunakan Perangkat Lunak Pengolah Kata
Tak Kenal Maka Tak Sayang (HTML)
Pertemuan 2 JAVA 2 KA.
Mendesain Halaman WEB.
Microsoft Word 2007.
(Cascading Stylesheet)
Sistem informasi manajemen PROYEK 3 WEB/HTML MENGGUNAKAN NOTEPAD
Menu Drop Down.
Internet dan Web By : Lisda Juliana P..
KELOMPOK 10 PROYEK 5 Formulir Pembelian Buku Web / HTML
PRESENTASI FRONT PAGE 2003 (XI.IMERCY)
Sistem informasi manajemen PROYEK 3 WEB/HTML MENGGUNAKAN NOTEPAD
Internet dan Web Ecking Mendrofha.
Assalamu’alaikum Warohmatullah Wabarokatuh Selamat Pagi 
Darmawan satyananda Mathematics department State university of malang
Pemrograman Berorientasi Objek IST AKPRIND Yogyakarta
APLIKASI KOMPUTER “WEBSITE”
Created by Nofril Zendriadi
Menggunakan Form Pertemuan Ke-3.
BAB 1 dan 2 Perangkat Pengolah Kata dan bekerja dengan ms word
MATERI MATAKULIAH PAKET PROGRAM NIAGA (PPN) Oleh : Buyung Solihin Hasugian, S.Kom, M.Kom.
Transcript presentasi:

Area Kerja Dreamweaver Pertemuan 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

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

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).

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

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.

Area kerja dreamweaver

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.

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.

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.

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

Warna Teks Blok teks tersebut dan ubah warna teks menjadi merah

Warna latar belakang Klik Properties pada bagian bawah tampilan dreamweaver, kemudian pilih Page Properties Ubah background color menjadi biru

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

Gambar sbg latar belakang Klik Properties pada bagian bawah tampilan dreamweaver, kemudian pilih Page Properties Masukkan gambar pada pilihan background image