MEMBUAT WEB SEDERHANA MENGUNAKAN ADOBE DREAMWEAVER

Adobe Dreamweaver

Adobe Dreamweaver adalah aplikasi desain dan pengembangan web yang menyediakan editor WYSIWYG visual (bahasa sehari-hari yang disebut sebagai Design view) dan kode editor dengan fitur standar seperti syntax highlighting, code completion, dan code collapsing serta fitur lebih canggih seperti real-time syntax checking dan code introspection untuk menghasilkan petunjuk kode untuk membantu pengguna dalam menulis kode. Tata letak tampilan Design memfasilitasi desain cepat dan pembuatan kode seperti memungkinkan pengguna dengan cepat membuat tata letak dan manipulasi elemen HTML. Dreamweaver memiliki fitur browser yang terintegrasi untuk melihat halaman web yang dikembangkan di jendela pratinjau program sendiri agar konten memungkinkan untuk terbuka di web browser yang telah terinstall. Aplikasi ini menyediakan transfer dan fitur sinkronisasi, kemampuan untuk mencari dan mengganti baris teks atau kode untuk mencari kata atau kalimat biasa di seluruh situs, dan templating feature yang memungkinkan untuk berbagi satu sumber kode atau memperbarui tata letak di seluruh situs tanpa server side includes atau scripting. Behavior Panel juga memungkinkan penggunaan JavaScript dasar tanpa pengetahuan coding, dan integrasi dengan Adobe Spry Ajax framework menawarkan akses mudah ke konten yang dibuat secara dinamis dan interface.

PENGERTIAN

Test field

Text field merupakan sarana untuk memasukan teks pada form. Text field ini berfungsi untuk menanpung informasi informasi yang di masukan kedalamnya berupa teks atau karakter lainnya,

Text area

Jika anda perhatikan bentuk tampilan textarea sama persis dengan textfield tipe multiline contoh nya seperti alamat pada .

Radio button.

Mempunyai fungsi sama seperti check box, yaitu untuk membuat daftar pilihan  saja contoh nya pada jenis kelamin pada .

Menu list menu.

List digunakan untuk menampilkan banyak pilihan contoh nya pada agama.

Frameset

membagi tampilan website ke dalam beberapa file HTML. Jadi dengan Frameset, kita dapat menggabung dua atau lebih file HTML ke dalam satu tampilan website.

Langkah  membuat web sederhana mengunakan program dreamweaver

Ø Pertama buka dreamweaver

Ø Lalu pilih frameset seperti (Gambar A) dibawah lalu klik create.

(Gambar A).

Lalu buat tampilan seperti (Gambar B) di bawah.

Ø Untuk bagian judul mengunakan jenis tulisan Heading 1, cara nya pilih text- paragraph format-heading 1. Lalu di tambahkan logo gunadarma di sebelah kiri dengn cara memilih insert.

Ø Kemudian di bagian framset sebelah kiri tambahkan tulisan home, profil dan gallery

Ø Lalu untuk member warna pada background cara nya klik kanan- page properties- background color.

(GambarB)

Ø Langkah selanjut  nya buat html baru cara nya new-html. Kemudian buat tampilan home seperti (Gambar C) dibawah. Lalu save dengan nama home.html

(Gambar C).

Ø Selanjut nya membuat table untuk tampilan profil seperti( Gambar D) di bawah cara nya pilih insert-tabel.save dengan nama profil.html

(Gambar D).

Ø Untuk bagian alamat mengunakan text area. Cara nya insert- form -text area.

Ø Untuk bagian jenis kelamin mengunakan Radio Button. Cara nya  insert-form-Radio Button.

Ø Untuk bagian agama  mengunakan menu list. Caranya insert-form-menulist.

Ø Selanjut nya membuat tampilan gallery seperti (Gambar E) dibawah  kemudian save dengan nama gallery.html .

(Gambar E)

Ø Di bagian gallery ini hanya memasukan gambar saja dengan cara insert- image.kemudian tambahkan kodingan marquee agar gambar nya jalan Selanjut nya kembali ke tampilan awal (Gambar B gambar di bawah).

Ø kemudian masukan link di tulisan home, profil dan gallery.Cara nya blok tulisan nya lalu masukan link dimana tempan home yg dibuat di save. Kemudian pilih target mainframe. Seperti gambar di bawah.

Ø Selanjut nya pencet f12 lalu kelik pada home, profil dan gallery.

TAMPILAN HOME

TAMPILAN PROFIL

TAMPILAN GALLERY