http://www.slideshare.net/Ichsan_smith/desain-web-menggunakan-dream...
Explore
Upload
Login
Signup
Pengenalan Macromedia Dreamweaver Pengenalan Macromedia Dreamweaver by Achmad Solichin 20358 views
Panduan Pemrograman Berbasis Web de... Panduan Pemrograman Berbasis Web de... by Doni Tobing 41013 views
tutorial membuat website Dreamweaver4 tutorial membuat website Dreamweaver4 by chikabahenol 14773 views
Desain web Desain web by PP. Inayatullah 851 views
Modul dasar pemrograman web Modul dasar pemrograman web by Deka M Wildan 11374 views
Tutorial Pembuatan Aplikasi Website... Tutorial Pembuatan Aplikasi Website... by RCH_98 21129 views
Panduan Pemrograman Berbasis Web de... Panduan Pemrograman Berbasis Web de... by Doni Tobing 7151 views
Adobe dreamwaver Adobe dreamwaver by zhafdiana 2777 views
Cara mudah koneksi php dan mysql de... Cara mudah koneksi php dan mysql de... by Programmer and De... 5421 views
Pemrograman web dengan php my sql Pemrograman web dengan php my sql by umar danny 5424 views
Modul PHP untuk Pemula Modul PHP untuk Pemula by Abdul Aziz 16480 views
Buku pemrograman web html-css-javas... Buku pemrograman web html-css-javas... by Deka M Wildan 1939 views
Like this? Share it with your network
Share
1 of 17
Recommended
15/11/2014 11:03
2 of 17
Share
Embed
http://www.slideshare.net/Ichsan_smith/desain-web-menggunakan-dream...
Like
15/11/2014 11:03
3 of 17
http://www.slideshare.net/Ichsan_smith/desain-web-menggunakan-dream...
15/11/2014 11:03
4 of 17
http://www.slideshare.net/Ichsan_smith/desain-web-menggunakan-dream...
15/11/2014 11:03
5 of 17
http://www.slideshare.net/Ichsan_smith/desain-web-menggunakan-dream...
15/11/2014 11:03
6 of 17
http://www.slideshare.net/Ichsan_smith/desain-web-menggunakan-dream...
15/11/2014 11:03
7 of 17
http://www.slideshare.net/Ichsan_smith/desain-web-menggunakan-dream...
15/11/2014 11:03
8 of 17
http://www.slideshare.net/Ichsan_smith/desain-web-menggunakan-dream...
15/11/2014 11:03
9 of 17
http://www.slideshare.net/Ichsan_smith/desain-web-menggunakan-dream...
15/11/2014 11:03
10 of 17
http://www.slideshare.net/Ichsan_smith/desain-web-menggunakan-dream...
15/11/2014 11:03
11 of 17
http://www.slideshare.net/Ichsan_smith/desain-web-menggunakan-dream...
15/11/2014 11:03
12 of 17
http://www.slideshare.net/Ichsan_smith/desain-web-menggunakan-dream...
15/11/2014 11:03
http://www.slideshare.net/Ichsan_smith/desain-web-menggunakan-dream...
Upcoming SlideShare
Loading in...5
5 of 12
Like Share
36,045
views
Pengenalan Macromedia
Dreamweaver
Achmad Solichin
20,359 views
13 of 17
15/11/2014 11:03
151
http://www.slideshare.net/Ichsan_smith/desain-web-menggunakan-dream...
12
41,015 views
chikabahenol
1 Comment
52 Likes
Statistics
Notes
14,773 views
Desain web
PP. Inayatullah
Full Name
851 views
Post
Transcript
Adobe dreamwaver
zhafdiana
2,778 views
yangbersifat terbatas, seperti mengerjakan tugas kantor, tetapi dengan komputer kita bisamendapatkan
informasi yang luas dan berwawasan dari seluruh pelosok penjuru duniadengan menggunakan jasa
(world wide web) yang sedang banyak diminati, mulai dari kalanganpelajar, mahasiswa sampai kepada
perusahaan yang bergerak dibidang bisnis maupunlainnya. Sekarang ini website bukan lagi sesuatu hal
5,421 views
internet.Penyampaian dan penyebarluasan informasi dengan menggunakan fasilitas jasainternet dan www
mengelola situs web maupun halamanweb. Bilamana kita menyukai untuk berurusan dengan kode-kode
HTML secara manualatau lebih menyukai bekerja dengan lingkungan secara visual dalam melakukan
editing,Dreamweaver mambuatnya menjadi lebih mudah dengan menyediakan tool-tool yangsangat
berguna dalam peningkatan kemampuan dan pengalaman kita dalam mendesainweb.Selain itu
2. Desain Web Menggunakan Dreamweaver 21.2 Tujuan PenelitianAdapun tujuan yang ingin dicapai
1,939 views
adalah sebagai berikut:1. Menghasilkan rancangan sistem informasi berbasis web2. Menghasilkan
software untuk menampilkan sistem informasi yang berbasis web.1.3 Manfaat PenelitianAdapun manfaat
14 of 17
15/11/2014 11:03
http://www.slideshare.net/Ichsan_smith/desain-web-menggunakan-dream...
yang dapat diambil dari penelitian ini adalah sebagai berikut:1. Memberikan kemudahan bagi pihak-pihak
yang terkait untuk mendapatkaninformasi.2. Membantu meningkatkan mutu pendidikan.3. Manfaat bagi
peneliti sendiri dapat menambah pengetahuan tentang sisteminformasi berbasis web dengan menggunakan
Macromedia Dreamweaver.
3. Desain Web Menggunakan Dreamweaver 3BAB IIPEMBAHASAN2.1.Macromedia Dreamwever
8Macromedia Dreamweaver 8 adalah sebuah editor HTML professional untukperancangan (design),
pengkodean (coding), dan pengembangan situs web, halaman webdanaplikasi web.Versi terbaru
macromedia dreamweaver di tahun 2005 adalah macromedia diameter 8yang merupakan penyempurnaan
dari versi sebelumnya dan tentu saja semakin mudahdalam penggunaanya. Fasilitas terbaru dari
micromedia dreamweaver 8 adalah zoom tooldan guides, panel CSS yang baru, code collapse, Coding
toolbar, dan insert flash video.Tidak jauh berbeda dari versi sebelumnya, macromedia dreamweaver 8
Modul PHP
Muh Alhy
2,199 views
mendukungpemrograman Client Side yang terkenal, yaitu Javasript dengan penggunaan yang
sangatmudah. Macromedia Dreamweaver 8 juga mendukung pemrograman Script Server Side,seperti
Personal Home Page (PHP), Active Server Pages (ASP), ASP.NET, Coldfusiondan Java Server Page
(JSP).Universitas Sumatera UtaraMacromedia Dreamweaver 8 merupakan software yang dikenal sebagai
software webauthoringtool, yaitu software yang didesain untuk desain dan layout halaman
web.Macromedia Dreamweaver 8 telah mengalami banyak perbaikan dan peningkatan dariversi
sebelumnya. Macromedia Dreamweaver 8 memiliki user interface yang lebih baikdari versi 4 karena
adanya peningkatan kemampuan toolbar sehingga dapat memakaitoolbar yang sudah ada atau
menambahkan fungsi baru.Dreamweaver memiliki keunggulan dibandingkan program sejenis
lainnya,keunggulan Dreamweaver adalah sebagai berikut :
fasilitas, dan kemampuan yang mampumeningkatkan produktifitas dan efektifitas dalam desain maupun
suatu situs web.
Membuatdesign webdengandreamweaver
Herman Rifa'i
1,509 views
beberapa kemampuan bukan hanya sebagaisoftware untuk mendesain web saja, tetapi juga untuk
menyunting kode sertapembuatan aplikasi Web, antara lain JPS, PHP, ASP, dan ColdFusion.
Lebih
mudah dan cepat dalam mendesain web karena tidak perlu harusmenuliskan tag-tag html.
4. Desain Web Menggunakan Dreamweaver 42.2 Algoritma Mendesain Web Menggunakan
Dreamwever1. Di Photoshop buat header dengan ukuran 745 x 150 px. Header yang dibuatmemuat:
Judul, Jenis, Slogan, Logo perusahaan. Simpan dengan nama header.jpg2. Pilih HTML setelah Anda
13,985 views
mengeklik menu Dreamwever 8.Gambar 2.2 Tampilan awal Dreamweaver3. Tambahkan title halaman
web, sesuai slogan perusahaan Anda dan simpan fileAnda dengan nama: index.htmlGambar 2.3 Simpan
file dan title4. Pilih align: center pada bagian Properties yang terdapat di bawah stage.5. Insert Table
(Ctrl+Alt+T), dan isikan sesuai dengan gambar berikut. Setelahitu klik OK.
5. Desain Web Menggunakan Dreamweaver 56. Insert Table (Ctrl+Alt+T), dan isikan sesuai dengan
gambar berikut. Setelahitu klik OK.7. Letakkan kursor pada baris pertama. Tekan Insert Image
(Ctrl+Alt+I).Setelah itu masukkan file header Anda. Klik OK jika sudah selesai.8. Letakkan kursor Anda
pada baris kedua. Insert Table dan isikan sesuai dengandata berikut.
6. Desain Web Menggunakan Dreamweaver 69. Atur sedemikian rupa sehingga kolom pertama memiliki
width 24%.10. Letakkan kursor pada baris kedua kolom kedua. Insert Table dan atur sepertigambar
berikut.11. Letakkan kursor pada kolom ketiga, pilih align: right, kemudian pilih submenuForm.
Dasar PHP
Tambahkan Text Field pada kolom tersebut.12. Atur pada kotak dialog Input Tag Accesbility Attributes.
Yusuf A.H.
Setelah itu klik OK.13. Posisikan kursor di kolom sebelah kiri. Tambahkan Button dan atur
712 views
Center;beri warna teks: #FFFFFF dan background warna: #999999. Atur denan font:Arial dan size:
12.16. Atur juga pada baris kedua sesuai dengan langkah 15. Berikut ini tampilan padabaris kedua.
21,040 views
7. Desain Web Menggunakan Dreamweaver 714. Ganti Button name: Cari dan Value: Cari pada bagian
Properties di bawahstage.15. Pada baris kedua kolom pertama, ketikkan teks: Menu dengan alignment:
8. Desain Web Menggunakan Dreamweaver 817. Letakkan kursor pada baris ketiga. Insert Table dan
15 of 17
15/11/2014 11:03
http://www.slideshare.net/Ichsan_smith/desain-web-menggunakan-dream...
aturlah seperti gambarberikut.18. Buatlah kolom pertama dengan lebar 24%.19. Letakkan kursor Anda
pada baris ketiga kolom pertama. Insert Table danaturlah seperti gambar berikut.20. Buatlah lebar
Didit Septiawan
kolom pertama secara proporsional, seperti gambar berikut. Aturalign: center pada kolom pertama.21.
451 views
Buat file di Photoshop dengan ukuran: 8 x 8 px dan berilah warna: #99999.Simpan file tersebut dengan
nama: dot.jpg. Insert Image, masukkan filedot.jpg pada kolom pertama baris 1 sampai dengan baris 9.
Selanjutnya ketikkanmenu-menu pada kolom kedua dan atur dengan font: Arial, size: 12.
9. Desain Web Menggunakan Dreamweaver 922. Pada baris ketiga kolom kedua isikan konten seperti
HTML
Achmad Solichin
3,325 views
berikut. Jangan lupa untukmengatur Vert: Top.23. Pada baris ketiga isikan dengan konten seperti.
Copyright . Buatlahsesuai dengan kreasi, warna dan fontasinya.24. Selanjutnya buat link
pada menu pilihan. Blok teks yang ingin diberi link danketikkan sesuai dengan nama menu, misalnya:
Home index.html; Profilprofil.html dan seterusnya.Gambar Cara membuat link
10. Desain Web Menggunakan Dreamweaver 10Gambar Cara membuat link dengan mem-blok teks25.
Save As file Anda sebanyak 8 kali dengan nama: profil.html; produk.html,bukutamu.html dan seterusnya
sesuai dengan daftar menu di atas, sehinggasaat ini ada 9 file dengan desain yang sama. Buka kembali
file-file yang telahdibuat dan gantilah kontennya yang terdapat pada baris ketiga kolom kedua.26. Tekan
F12 untuk preview hasil halaman web yang telah dibuat.Tampilan WEB yang dibuat
4,248 views
Pengenalan dreamweaver
imanprasetyo
membuat tampilan homepage(website)dengan mudah.- Kita dengan mudah membuat web tanpa harus
826 views
menghapal seluruh script HTML,karena Dreamweaver akan membuat script HTMLnya dengan
sendirinya.3.2 Saran- Untuk kemajuan teknologi komputer khususnya dibidang Website maka
Indonesia menjadi manusia yang kreatif dan inovatif.- Diharapkan dengan adanya website dapat dimanfaat
20,103 views
diharapkanagar perkembangan web kedepan mampu mengubah pola fikir dan menjadikanmasyarakat
16 of 17
15/11/2014 11:03
http://www.slideshare.net/Ichsan_smith/desain-web-menggunakan-dream...
English
Franais
Espaol
Portugus (Brasil)
Deutsch
About
Careers
Developers & API
Press
Blog
Terms
Privacy
Copyright
Support
Contact
Linkedin Twitter Google Plus Facebook RSS Feeds LinkedIn Corporation 2014
17 of 17
15/11/2014 11:03