Makalah Desain web menggunakan dreamweaver 8.pdf

Recommended More from User

Upload LoginSignup

Explore

Like this document? Why not share!

ShareEmail

Pengenalan Macromedia Dreamweaver Pengenalan Macromedia Dreamweaver by Achmad Solichin 20358 viewsPanduan Pemrograman Berbasis Web de... Panduan Pemrograman Berbasis Web de... by Doni Tobing 41013 viewstutorial membuat website Dreamweaver4 tutorial membuat website Dreamweaver4 by chikabahenol 14773 viewsDesain web Desain web by PP. Inayatullah 851 viewsModul dasar pemrograman web Modul dasar pemrograman web by Deka M Wildan 11374 viewsTutorial Pembuatan Aplikasi Website... Tutorial Pembuatan Aplikasi Website... by RCH_98 21129 viewsPanduan Pemrograman Berbasis Web de... Panduan Pemrograman Berbasis Web de... by Doni Tobing 7151 viewsAdobe dreamwaver Adobe dreamwaver by zhafdiana 2777 viewsCara mudah koneksi php dan mysql de... Cara mudah koneksi php dan mysql de... by Programmer and De... 5421 viewsPemrograman web dengan php my sql Pemrograman web dengan php my sql by umar danny 5424 viewsModul PHP untuk Pemula Modul PHP untuk Pemula by Abdul Aziz 16480 viewsBuku 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

Makalah Desain web menggunakan dreamweaver 8 http://www.slideshare.net/Ichsan_smith/desain-web-menggunakan-dream...

1 of 17 15/11/2014 11:03

Share Email Embed Like


2 of 17 15/11/2014 11:03


3 of 17 15/11/2014 11:03


4 of 17 15/11/2014 11:03


5 of 17 15/11/2014 11:03


6 of 17 15/11/2014 11:03


7 of 17 15/11/2014 11:03


8 of 17 15/11/2014 11:03


9 of 17 15/11/2014 11:03


10 of 17 15/11/2014 11:03


11 of 17 15/11/2014 11:03


12 of 17 15/11/2014 11:03

Pengenalan MacromediaDreamweaverAchmad Solichin

20,359 views

Upcoming SlideShareLoading in...5

5 of 12

Like Share

Makalah Desain web menggunakan dreamweaver8

36,045views

+ Follow

Ichsan Smith , Mahasiswa at Universitas Negeri Gorontalo


13 of 17 15/11/2014 11:03

Panduan Pemrograman BerbasisWeb dengan HTML, PHP, danDatabase MySQLDoni Tobing

41,015 views

tutorial membuat websiteDreamweaver4chikabahenol

14,773 views

Desain webPP. Inayatullah

851 views

Modul dasar pemrograman webDeka M Wildan

11,382 views

Tutorial Pembuatan Aplikasi Web-site Beserta DatabasenyaRCH_98

21,135 views

Panduan Pemrograman BerbasisWeb dengan HTML, PHP, danDatabase MySQL Part 2 (SDoni Tobing

7,159 views

Adobe dreamwaverzhafdiana

2,778 views

Cara mudah koneksi php dan mysqldengan databaseProgrammer and Design

5,421 views

Pemrograman web dengan php mysqlumar danny

5,424 views

Modul PHP untuk PemulaAbdul Aziz

16,481 views

Buku pemrograman web html-css-javascriptDeka M Wildan

1,939 views

0 151 6 12

Uploaded on May 14, 2013

Berisi Tentang Cara Mendesain Web Sederhana Dengan Menggunakan AplikasiDreamweaver 8

More in: Education , Technology , Design

Comment goes here.12 hours ago Delete Reply Spam Block

Transcript

1. Desain Web Menggunakan Dreamweaver 1BAB IPENDAHULUAN1.1 Latar BelakangPerkembanganteknologi informasi pada saat ini khususnya dalam penyampaianinformasi sangat pesat perkembangannya.Hal ini telah menjadi bagian dari kehidupankita sehari-hari, misalnya penggunaan internet sebagai mediauntuk mendapatkaninformasi. Fungsi komputer sekarang ini bukan hanya untuk melakukan pekerjaanyangbersifat terbatas, seperti mengerjakan tugas kantor, tetapi dengan komputer kita bisamendapatkaninformasi yang luas dan berwawasan dari seluruh pelosok penjuru duniadengan menggunakan jasainternet.Penyampaian dan penyebarluasan informasi dengan menggunakan fasilitas jasainternet dan www(world wide web) yang sedang banyak diminati, mulai dari kalanganpelajar, mahasiswa sampai kepadaperusahaan yang bergerak dibidang bisnis maupunlainnya. Sekarang ini website bukan lagi sesuatu halyang asing/tabu. Banyak sekali dinaspemerintahan, sekolah-sekolah, kantor-kantor, instansi- instansibahkan personal yangmemiliki website, bahkan ada yang bergerak dibidang pembuatan website danbentuklainnya.Bermacam-macam langkah yang digunakan profesi web untuk membuat suatuhomepage,salah satu tool yang banyak digunakan untuk mendesain sebuah web adalahMacromedia Dreamwever.Macromedia Dreamweaver adalah sebuah HTML editorprofesional untuk mendesain secara visual danmengelola situs web maupun halamanweb. Bilamana kita menyukai untuk berurusan dengan kode-kodeHTML secara manualatau lebih menyukai bekerja dengan lingkungan secara visual dalam melakukanediting,Dreamweaver mambuatnya menjadi lebih mudah dengan menyediakan tool-tool yangsangatberguna dalam peningkatan kemampuan dan pengalaman kita dalam mendesainweb.Selain ituDreamweaver juga dilengkapi kemampuan manajemen situs, yangmemudahkan kita mengelolakeseluruhan elemen yang ada dalam situs. Kita juga dapatmelakukan evaluasi situs dengan melakukanpengecekan broken link, kompatibilitasbrowser, maupun perkiraan waktu download halaman web.

2. Desain Web Menggunakan Dreamweaver 21.2 Tujuan PenelitianAdapun tujuan yang ingin dicapaiadalah sebagai berikut:1. Menghasilkan rancangan sistem informasi berbasis web2. Menghasilkansoftware untuk menampilkan sistem informasi yang berbasis web.1.3 Manfaat PenelitianAdapun manfaat

1 Comment 52 Likes Statistics Notes

Full Name

Post

ka, kx gak bisa di download ka >?? mohon bantuan :O)10 months ago

Dwi Prasetyo , Anggota muda paling ganteng at Gerakan Pramuka


14 of 17 15/11/2014 11:03

Tutorial php membuat Aplikasi In-ventarisDeka M Wildan

8,068 views

MySql 5 Dari Pemula Hingga Mahir(Achmad Solichin, Achmatim Net)Achmad Solichin

12,495 views

Modul PHPMuh Alhy 2,199 views

Tugas Akhir BSI - PerancanganToko Online NANO/Computer/CornerSeto EL Kahfi

10,303 views

Membuatdesign webdengan-dreamweaverHerman Rifa'i

1,509 views

Panduan pengolahan databasedengan phpmyadminmitratek

1,603 views

Tutorial web designArmse Veen

13,985 views

Konsep Dasar Desain WebAchmad Solichin

18,653 views

Tutorial project akhir web meytafebriyanimeytafebriyani

1,034 views

Dasar PHPYusuf A.H.

712 views

Insert, Edit, Delete pada VB 2010dengan DB Mysql dan Crystal Re-portIkhwanseadanya

21,040 views

yang dapat diambil dari penelitian ini adalah sebagai berikut:1. Memberikan kemudahan bagi pihak-pihakyang terkait untuk mendapatkaninformasi.2. Membantu meningkatkan mutu pendidikan.3. Manfaat bagipeneliti sendiri dapat menambah pengetahuan tentang sisteminformasi berbasis web dengan menggunakanMacromedia Dreamweaver.

3. Desain Web Menggunakan Dreamweaver 3BAB IIPEMBAHASAN2.1.Macromedia Dreamwever8Macromedia Dreamweaver 8 adalah sebuah editor HTML professional untukperancangan (design),pengkodean (coding), dan pengembangan situs web, halaman webdanaplikasi web.Versi terbarumacromedia dreamweaver di tahun 2005 adalah macromedia diameter 8yang merupakan penyempurnaandari versi sebelumnya dan tentu saja semakin mudahdalam penggunaanya. Fasilitas terbaru darimicromedia dreamweaver 8 adalah zoom tooldan guides, panel CSS yang baru, code collapse, Codingtoolbar, dan insert flash video.Tidak jauh berbeda dari versi sebelumnya, macromedia dreamweaver 8mendukungpemrograman Client Side yang terkenal, yaitu Javasript dengan penggunaan yangsangatmudah. Macromedia Dreamweaver 8 juga mendukung pemrograman Script Server Side,sepertiPersonal Home Page (PHP), Active Server Pages (ASP), ASP.NET, Coldfusiondan Java Server Page(JSP).Universitas Sumatera UtaraMacromedia Dreamweaver 8 merupakan software yang dikenal sebagaisoftware webauthoringtool, yaitu software yang didesain untuk desain dan layout halamanweb.Macromedia Dreamweaver 8 telah mengalami banyak perbaikan dan peningkatan dariversisebelumnya. Macromedia Dreamweaver 8 memiliki user interface yang lebih baikdari versi 4 karenaadanya peningkatan kemampuan toolbar sehingga dapat memakaitoolbar yang sudah ada ataumenambahkan fungsi baru.Dreamweaver memiliki keunggulan dibandingkan program sejenislainnya,keunggulan Dreamweaver adalah sebagai berikut : Dreamweaver mempunyai ruang kerja,fasilitas, dan kemampuan yang mampumeningkatkan produktifitas dan efektifitas dalam desain maupunsuatu situs web. Fasilitas penyuntingan secara visual dari Dreamweaver memungkinkanuntukmenambah desain dan fungsionalitas halaman-halaman Web. Pada Dreamweaver 8 terdapatbeberapa kemampuan bukan hanya sebagaisoftware untuk mendesain web saja, tetapi juga untukmenyunting kode sertapembuatan aplikasi Web, antara lain JPS, PHP, ASP, dan ColdFusion. Lebihmudah dan cepat dalam mendesain web karena tidak perlu harusmenuliskan tag-tag html.

4. Desain Web Menggunakan Dreamweaver 42.2 Algoritma Mendesain Web MenggunakanDreamwever1. 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 Andamengeklik menu Dreamwever 8.Gambar 2.2 Tampilan awal Dreamweaver3. Tambahkan title halamanweb, sesuai slogan perusahaan Anda dan simpan fileAnda dengan nama: index.htmlGambar 2.3 Simpanfile 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 dengangambar 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 Andapada baris kedua. Insert Table dan isikan sesuai dengandata berikut.

6. Desain Web Menggunakan Dreamweaver 69. Atur sedemikian rupa sehingga kolom pertama memilikiwidth 24%.10. Letakkan kursor pada baris kedua kolom kedua. Insert Table dan atur sepertigambarberikut.11. Letakkan kursor pada kolom ketiga, pilih align: right, kemudian pilih submenuForm.Tambahkan Text Field pada kolom tersebut.12. Atur pada kotak dialog Input Tag Accesbility Attributes.Setelah itu klik OK.13. Posisikan kursor di kolom sebelah kiri. Tambahkan Button dan atursepertigambar berikut. Klik OK jika sudah selesai.

7. Desain Web Menggunakan Dreamweaver 714. Ganti Button name: Cari dan Value: Cari pada bagianProperties di bawahstage.15. Pada baris kedua kolom pertama, ketikkan teks: Menu dengan alignment: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.

8. Desain Web Menggunakan Dreamweaver 817. Letakkan kursor pada baris ketiga. Insert Table dan


15 of 17 15/11/2014 11:03

Menjadi webmaster dalam 30 hariDidit Septiawan

451 views

HTMLAchmad Solichin

3,325 views

Membangun responsive websitedengan twitter bootstrap 2.0 + phpdan mysql by soSopian Hadianto

3,280 views

Desain grafis dan webIsna Rahma

4,248 views

Pengenalan dreamweaverimanprasetyo

826 views

Belajar macromedia flash 8 bagipemulaIzza Anshory

20,103 views

Perintah Dasar MySQLguestad850e

16,026 views

Tutorial html + my sql + phpNtoerntarntoer Ntoer

598 views

Seri Belajar Mandiri Pemrogra-man VB.NET Untuk PemulaAgus Kurniawan

16,677 views

HTML & CSS - Dari Akar ke DaunHealthy Lifestyle

1,840 views

Tutorial toko online php my sqltokoblogspot

7,120 views

aturlah seperti gambarberikut.18. Buatlah kolom pertama dengan lebar 24%.19. Letakkan kursor Andapada baris ketiga kolom pertama. Insert Table danaturlah seperti gambar berikut.20. Buatlah lebarkolom pertama secara proporsional, seperti gambar berikut. Aturalign: center pada kolom pertama.21.Buat file di Photoshop dengan ukuran: 8 x 8 px dan berilah warna: #99999.Simpan file tersebut dengannama: 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 sepertiberikut. Jangan lupa untukmengatur Vert: Top.23. Pada baris ketiga isikan dengan konten seperti.Copyright . Buatlahsesuai dengan kreasi, warna dan fontasinya.24. Selanjutnya buat linkpada 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 seterusnyasesuai dengan daftar menu di atas, sehinggasaat ini ada 9 file dengan desain yang sama. Buka kembalifile-file yang telahdibuat dan gantilah kontennya yang terdapat pada baris ketiga kolom kedua.26. TekanF12 untuk preview hasil halaman web yang telah dibuat.Tampilan WEB yang dibuat

11. Desain Web Menggunakan Dreamweaver 11BAB IIIPENUTUP3.2 KesimpulanKesimpulanyaadalah:- Macromedia Dreamweaver adalah sebuah HTML editor profesional untukmendesain secaravisual dan mengelola situs web maupun halaman web.- Dengan macromedia dreamweaver kita dapatmembuat tampilan homepage(website)dengan mudah.- Kita dengan mudah membuat web tanpa harusmenghapal seluruh script HTML,karena Dreamweaver akan membuat script HTMLnya dengansendirinya.3.2 Saran- Untuk kemajuan teknologi komputer khususnya dibidang Website makadiharapkanagar perkembangan web kedepan mampu mengubah pola fikir dan menjadikanmasyarakatIndonesia menjadi manusia yang kreatif dan inovatif.- Diharapkan dengan adanya website dapat dimanfaatsesuai dengan kegunaansebenarnya yang mampu mempercerdas bangsa bukannya unutkmenghancurkanmoral moral bangsa.

12. Desain Web Menggunakan Dreamweaver 12DAFTAR PUSTAKAhttp://slametriyanto.net/membuat-web-dengan-dreamweaver/http://dreamweavermenu.com/belajar-mengedit-web-menggunakan-dreamweaver.htmlhttp://learning.unla.ac.id/ft/praktikum/sim_tutorial/dreamweaver/dreamweavermx.pdf


16 of 17 15/11/2014 11:03

EnglishFranaisEspaolPortugus (Brasil)Deutsch

AboutCareersDevelopers & APIPressBlogTermsPrivacyCopyrightSupportContact

Linkedin Twitter Google Plus Facebook RSS Feeds LinkedIn Corporation 2014


17 of 17 15/11/2014 11:03

Makalah Desain web menggunakan dreamweaver 8.pdf

Documents

Transcript of Makalah Desain web menggunakan dreamweaver 8.pdf