Dreamweaver mempunyai banyak keunggulan-keunggulan dari segi fitur maupun interface sehingga sangat membantu kita dalam membuat halaman web. Untuk mendapatkan software Dreamweaver, bisa kita downloaddari situs resminya atau dibeli di toko-toko yang menyediakan software tersebut. Disana juga tersedia versi TRIALyang bisa pembaca download.Download Macromedia Dreamweaver Versi Bajakan alias yang adacrack nya. Namun, harganya memang masih sangat mahal.
ini saatnya kita melanjutkan tutorial web kita yang membahas cara membuat web dengan menggunakan Macromedia Dreamweaver. Dibagian pertama tutorial berkelanjutan ini kita telah mengenal sekilas mengenai profil Dreamweaver sebagai salah satu software web design. Bahkan pembaca mungkin sudah mencoba mendownload dreamweaver cs4 yang merupakan versi terbaru saat posting ini saya rilis. Oke deh, saya asumsikan pembaca sudah mendownload dan sudah menginstal dreamweaver baik itu yang asli dan sudah di-purchase, trial, maupun yang versi tak asli yang serial number-nya didapat daricrack-crack-an, kayak saya ini :D. Atau kalau belum menginstal juga tidak masalah kok. Dreamweaver tidak membuat kita pintar, tapi kita yang membuat dreamweavermenjadi pintar. Gimana caranya? Dibagian ini kita akan mempelajari dasar-dasar dreamweaver untuk membuat website.
1.Silahkan jalankan program Dreamweaver jika pembaca telah menginstalnya.
2.Pada menu utama, pilih File --> New, maka akan muncul tampilan pilihan jenis dokumen baru yang ingin kita buat. Maksudnya adalah kita memilih apakah ingin membuat halaman web basic (statis), web dinamis (biasanya untuk web berbasis database), halaman template, dan lain-lain. Setiap kategori terdiri dari beberapa jenis dokumen. Menurut saya jenis ini dibedakan berdasarkan bahasa dan fungsi yang akan digunakan untuk halaman website yang akan kita buat. Karena saat ini kita mencoba belajar yang dasar terlebih dahulu, maka silahkan pilih kategori Basic Page dan jenisnya HTML.
3.Tampilan layar desain Dreamweaver terdiri dari 3 jenis, yaitu code, split, dan design. Layar Code berfungsi sebagai tempat kita membuat halaman web dengan mengetik bahasa pemograman secara langsung. Artinya, layar inilah yang menampilkan struktur bahasa pemograman web yang dipakai pada halaman web yang sedang kita buat. Pada bagian design, kita membuat website dengan menggunakan menu-menu yang tersedia, misalnya menu menambahkan gambar, membuat tabel, mengatur tampilan tulisan, dan lain-lain. Kita tidak perlu mengetik bahasa pemograman halaman web yang kita buat karena secara otomatis, setiap kita menambahkan sebuah elemen, maka dreamweaver akan menerjemaahkannya kedalam kalimat-kalimat bahasa pemograman yang kita gunakan. Inilah keunggulan dreamweaver dibanding notepad, frontpage, dan mungkin yang lainnya. Karena pada dreamweaver sudah tersedia menu-menu yang siap pakai untuk mendesain halaman web. Selain itu, interface-nya juga sangat bagus dan mudah digunakan. Bagian split berguna untuk membagi halaman kerja dreamweaver menjadi 2, separuh untuk menampilkan layar code, dan separuh lagi menampilkan layar design. Hal ini berguna jika kita ingin mendesain halaman melalui layar design namun ingin melihat perubahan kode bahasa webnya, dan juga sebaliknya. Jika pembaca masuk ke layar Code, Anda akan melihat struktur HTML seperti yang pernah saya tunjukkan pada postingan yang ini. Sebagai contoh struktur:
Untitled Document
dimana struktur tersebut berfungsi untuk mendefenisikan judul halaman web kita yang akan muncul di title bar browser.
4.Dibagian kiri atas dibawah menu File, terdapat menu dropdown yang terdiri dari beberapa pilihan. Pilihan ini berguna untuk memilih menu-menu desain yang akan kita gunakan. Misalnya kita ingin menambah gambar, maka pilih Common, maka disebelah kanannya akan muncul menu-menu bergambar yang bisa kita gunakan, salah satunya untuk memasukkan gambar ke halaman website.
5.Coba pembaca masuk ke layar Design seperti yang saya jelaskan pada poin 3. Setelah memilih bagian tersebut, dibagian bawah pembaca akan melihat bagian Properties. Bagian ini berfungsi untuk mengatur tampilan dari elemen-elemen yang kita tambahkan kedalam halaman web yang kita buat. Menu-menu Properties ini hanya terlihat jika kita bekerja pada layar Design.
6.Dibagian samping, terdapat pula bagian yang bernama Panel. Salah satu fungsi panel ini adalah untuk mengatur file-file web yang telah kita buat.
7.Dibagian atas tepatnya disamping menu pilihan layar, ada kotak isian bernama Title. Bagian berfungsi untuk memberikan judul halaman web yang sedang kita buat yang akan muncul pada title bar browser. Fungsi ini sama seperti yang dijelaskan pada poin 3 diatas mengenai tag title. Coba pembaca ganti tulisan yang ada di kotak tersebut menjadi misalnya "Tutorial Website Dengan Dreamweaver". Setelah itu, kembali ke layar code dan lihat perubahan yang terjadi pada bagian tag .</span></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; line-height: 15.6pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><span class="awal1"><span style="font-family: "Times New Roman"; color: windowtext;">A</span></span>khirnya sampai juga kita dibagian ketiga posting berkelanjutan mengenari <span style="">cara membuat web menggunakan Macromedia Dreamweaver</span>. Setelah <a href="http://tutorial-website.blogspot.com/2009/03/membuat-web-menggunakan-macromedia.html" title="apa itu dreamweaver, download dreamweaver"><span style="color: windowtext; text-decoration: none;">di bagian pertama</span></a> kita membahas sepatah dua kata mengenai <span style="">apa itu Dreamweaver</span>, kemudian <a href="http://tutorial-website.blogspot.com/2009/03/membuat-web-menggunakan-macromedia_12.html" title="fungsi dreamweaver, panduan dreamweaver"><span style="color: windowtext; text-decoration: none;">di bagian kedua</span></a> saya memaparkan beberapa bagian penting dari software web design tersebut, maka di bagian ini saya akan langsung memberi contoh penggunaan Dreamweaver dalam membuat sebuah halaman website. Berhubung karena salah satu <span style="">keunggulan utama Dreamweaver</span> ini sebagai sebuah software web design adalah memberikan kemudahan bagi kita dalam membuat website, maka kita akan mencoba bekerja <span style="">membuat halaman-halaman website</span> melalui layar design dimana kita bisa menggunakan menu-menu pilihan dalam memasukkan isi web dan mengatur tampilannya tanpa harus pusing mengotak-atik kode-kode <span style="">struktur HTML</span>-nya. Berikut langkah-langkahnya:<span class="fullpost"><o:p></o:p></span></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><!--[if !supportLists]--><span style="">1.<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;"> </span></span><!--[endif]-->Buatlah folder terlebih dahulu sebagai tempat penyimpanan file-file website Anda. Buatlah <span style="">2 buah folder</span>, yang <span style="">pertama</span> sebagai tempat penyimpanan utama dimana file-file dari folder inilah yang akan Anda edit seterusnya. Sebagai contoh buatlah folder di drive <span style="">D:\, F:\</span>, atau yang lainnya dengan nama terserah pembaca, misalkan <span style="">"gud_webku"</span>. <span style="">Folder kedua</span> berfungsi sebagai tempat <span style="">menjalankan halaman-halaman website</span> yang akan Anda buat. Sebenarnya file-file yang akan ada di folder kedua ini adalah file-file yang sama yang ada di folder pertama (folder "gud_webku"). Namun, ketika kita ingin menjalankan halaman web yang telah kita buat, kita akan "meng-copy paste" halaman-halaman tersebut beserta seluruh file-file yang kita gunakan dalam mendesain halaman-halaman tersebut, misalnya gambar-gambar, kemudian menjalankannya dari folder kedua tersebut. Hmm, pasti pembaca berpikir bahwa tidak ada gunanya ya alias percuma? Kenapa tidak dijalankan saja dari folder pertama? Prinsipnya seperti ini, ketika kita <span style="">membuat sebuah website</span> tentu tujuan kita selanjutnya adalah <span style="">menyimpan halaman-halaman web</span> tersebut ke internet, atau yang biasa disebut <a href="http://tutorial-website.blogspot.com/2009/01/hosting-dan-domain.html"><span style="color: windowtext; text-decoration: none;">hosting</span></a>. Nah, karena kita ingin bekerja secara offline alias tidak langsung terhubung ke internet supaya hebat biaya dan waktu, maka kita anggap seolah-olah kita <span style="">"menghostingkan"</span> halaman website tersebut ke folder yang kedua. Tentu halaman-halaman yang dihostingkan tersebut yang akan dibuka di browser. Jadi, folder pertama berfungsi sebagai tempat kita menyimpan dokumen-dokumen web yang kita buat (halaman web beserta file-file lain yang digunakan untuk mendesain halaman web) dimana file-file itulah yang akan kita tambah, edit, dan lain-lain. Sedangkan folder kedua berfungsi sebagai "<a href="http://tutorial-website.blogspot.com/2009/01/hosting-dan-domain.html"><span style="color: windowtext; text-decoration: none;">hosting</span></a>" atau lebih tepatnya disebut sebagai <span style="">localhosting</span> dimana website kita akan dijalankan/atau ditesting. Sebenarnya prinsip ini akan lebih jelas ketika kita belajar mengenai <span style="">server local</span> di komputer sehingga fungsinya akan lebih kelihatan. Mengenai hal itu, kita akan mempelajarinya saat memulai <span style="">membuat web CMS</span>.
<br />Setelah itu, buatlah folder kedua misalnya di drive <span style="">C:\</span> dengan nama terserah Anda, misalkan <span style="">"root_webku"</span>. Jika pembaca sudah paham mengenai server local di komputer,, misalnya IIS, PWS, dan lain-lain, buatlah folder tersebut di dalam folder <span style="">htdocs</span>, <span style="">public_html,</span> <span style="">wwwroot, </span>atau <span style="">www</span>. Namun, jika belum paham, buat saja disembarang tempat di drive Anda.
<br />Nah, bagaimana pula dengan aktivitas "copy paste" yang saya sebut tadi? Apakah kita melakukannya secara manual. Disinilah salah satu <span style="">fungsi Dreamweaver</span>. Kita akan melakukannya melalui Dreamweaver sehingga setiap kita melakukan penambahan, pengeditan, dan lain-lain terhadap halaman web yang sedang kita desain (yang ada pada folder "gud_webku"), maka <span style="">Dreamweaver</span> mampu melakukan <span style="">update</span> pada file-file yang sama yang ada di folder "rem_webku". Sistem seperti ini juga berguna sebagai <span style="">back up</span> website kita karena kita sudah punya 2 folder yang berisi website kita. Untuk itu, kita perlu melakukan pengaturan sebelum <span style="">membuat website</span>. Bagaimana pengaturannya? <st1:place st="on"><st1:city st="on">Ada</st1:city></st1:place> dilangkah selanjutnya :D</p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><!--[if !supportLists]--><span style="">2.<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;"> </span></span><!--[endif]-->Buka program <span style="">Dreamweaver</span></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><!--[if !supportLists]--><span style="">3.<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;"> </span></span><!--[endif]-->Pada menu utama, pilih <span style="">Site -> New Site</span>, akan muncul sebuah kotak dialog wizard yang berisi 2 buah tab. Pilih tab <span style="">Advance</span> dimana akan ada beberapa kategori yang akan kita atur.
<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicQ4DyAZVHEdNw-ESuBuNNd7JASEq54kK51bwHsmFRVBfsiojJbUNHjBBb-8MNjKf4Li7l52eyFl9PeAtVq_iKFHwt3iWz8gv55mQwMLk0l645yZIdzKwW2IjVvQn-IUqQ9j9veqCXBQVq/s1600-h/New+Picture+%2824%29.bmp"><span style="color: windowtext; text-decoration: none;"><!--[if gte vml 1]><v:shape id="BLOGGER_PHOTO_ID_5314071147533626306" spid="_x0000_i1032" type="#_x0000_t75" alt="" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicQ4DyAZVHEdNw-ESuBuNNd7JASEq54kK51bwHsmFRVBfsiojJbUNHjBBb-8MNjKf4Li7l52eyFl9PeAtVq_iKFHwt3iWz8gv55mQwMLk0l645yZIdzKwW2IjVvQn-IUqQ9j9veqCXBQVq/s1600-h/New+Picture+%2824%29.bmp" style="'width:240pt;height:236.25pt'" button="t"> <v:imagedata src="file:///C:\DOCUME~1\Stapa\LOCALS~1\Temp\msohtml1\01\clip_image009.jpg" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicQ4DyAZVHEdNw-ESuBuNNd7JASEq54kK51bwHsmFRVBfsiojJbUNHjBBb-8MNjKf4Li7l52eyFl9PeAtVq_iKFHwt3iWz8gv55mQwMLk0l645yZIdzKwW2IjVvQn-IUqQ9j9veqCXBQVq/s320/New+Picture+%2824%29.bmp"> </v:shape><![endif]--><!--[if !vml]--><span style=""><img src="file:///C:/DOCUME%7E1/Stapa/LOCALS%7E1/Temp/msohtml1/01/clip_image009.jpg" shapes="BLOGGER_PHOTO_ID_5314071147533626306" width="320" border="0" height="315" /></span><!--[endif]--></span></a><span style="">Pada kategori Local Info:</span>
<br /><span style="">Site name</span> : tulis nama projek website Anda. Misalkan "webku"
<br /><span style="">Local root folder</span> : pilih folder gud_webku yang telah kita buat pada langkah 1. Kemudian beri tanda centang pada kotak Refresh local file list automatically. Pilihan ini berguna untuk melakukan <span style="">update </span>secara otomatis jika kita melakukan perubahan pada file web yang kita buat.
<br />Pilihan lainnya untuk sementara dibiarkan saja.
<br /><span style="">Pada kategori Remote Info:</span>
<br /><span style="">Access</span> : pada bagian ini kita diminta untuk memilih dimana akan melakukan pengetesan (tempat menjalankan) web kita, apakah secara online atau offline. Karena kita untuk sementara melakukannya secara offline yaitu pada komputer kita, maka pilih Local/Network.
<br /><span style="">Remote folder</span> : pilih folder rem_webku yang kita buat pada langkah 1. Jangan lupa juga memberi tanda centang pada kotak Refresh local file list automatically.
<br /><span style="">Pada kategori Testing Server:</span>
<br />Pada bagian ini kita diminta untuk memilih model server yang akan kita gunakan untuk melakukan pengetesan atau menjalankan website kita. Untuk sementara lakukan pengaturan sebagai berikut:
<br /><span style="">Server mode </span>: none
<br /><span style="">Access</span> : Local/Network
<br /><span style="">Testing Server Folder</span>: secara otomatis, folder yang terpilih adalah folder "<span style="">rem_webku</span>" yang merupakan tempat file web kita yang akan dijalankan.
<br />Kategori lainnya untuk sementara dibiarkan saja. Setelah itu klik tombol <span style="">OK</span>. Jika ingin melakukan perubahan pengaturan pada <span style="">SITE </span>yang telah kita buat tersebut, pembaca bisa melakukannya dengan memilih menu <span style="">Site --> Manage Sites</span>, maka akan muncul kotak dialog <span style="">Manage Site.</span> </p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><!--[if !supportLists]--><span style="">4.<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;"> </span></span><!--[endif]-->Jika pengaturan sudah berhasil, pembaca akan melihat di bagian panel Dreamweaver telah muncul bagian yang berisi site Anda seperti gambar ini:
<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxF5Sp8uMeK9fdqCFkrPls2MNho2wy4GUo5989boO-lHdswCKt969N2Waq_ThW1_NCikxrVANlOKEZ3MlntNUQpKBR_WxHzI_leQGH9iNkPXx6B4AyeEArzfrOniLHsBptDIK-IMIx9Cqt/s1600-h/New+Picture+%2825%29.bmp"><span style="color: windowtext; text-decoration: none;"><!--[if gte vml 1]><v:shape id="BLOGGER_PHOTO_ID_5314080280098559314" spid="_x0000_i1033" type="#_x0000_t75" alt="" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxF5Sp8uMeK9fdqCFkrPls2MNho2wy4GUo5989boO-lHdswCKt969N2Waq_ThW1_NCikxrVANlOKEZ3MlntNUQpKBR_WxHzI_leQGH9iNkPXx6B4AyeEArzfrOniLHsBptDIK-IMIx9Cqt/s1600-h/New+Picture+%2825%29.bmp" style="'width:156.75pt;height:222pt'" button="t"> <v:imagedata src="file:///C:\DOCUME~1\Stapa\LOCALS~1\Temp\msohtml1\01\clip_image007.jpg" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxF5Sp8uMeK9fdqCFkrPls2MNho2wy4GUo5989boO-lHdswCKt969N2Waq_ThW1_NCikxrVANlOKEZ3MlntNUQpKBR_WxHzI_leQGH9iNkPXx6B4AyeEArzfrOniLHsBptDIK-IMIx9Cqt/s320/New+Picture+%2825%29.bmp"> </v:shape><![endif]--><!--[if !vml]--><span style=""><img src="file:///C:/DOCUME%7E1/Stapa/LOCALS%7E1/Temp/msohtml1/01/clip_image007.jpg" shapes="BLOGGER_PHOTO_ID_5314080280098559314" width="209" border="0" height="296" /></span><!--[endif]--></span></a></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><!--[if !supportLists]--><span style="">5.<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;"> </span></span><!--[endif]-->Coba kita perhatikan panel tersebut. Terlihat bahwa kita sedang berada pada bagian <span style="">Local view</span> sehingga yang muncul adalah folder <span style="">gud_webku</span>. Jika pembaca menggantinya dengan <span style="">Remote view</span>, maka folder yang terlihat adalah <span style="">rem_webku</span></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; line-height: 15.6pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><span style="">cara membuat web dengan dreamweaver</span>, berikut langkah-langkahnya:<span class="fullpost"><o:p></o:p></span></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><!--[if !supportLists]--><span style="">1.<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;"> </span></span><!--[endif]-->Saya asumsikan pembaca telah <a href="http://tutorial-website.blogspot.com/2009/03/membuat-web-menggunakan-macromedia_13.html"><span style="color: windowtext; text-decoration: none;">melakukan pengaturan <span style="">Site</span></span></a><span style=""> </span>yang ingin Anda buat. Jika belum melakukannya tidak masalah, kita bisa melanjutkan ke langkah selanjutnya. </p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><!--[if !supportLists]--><span style="">2.<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;"> </span></span><!--[endif]-->Buka program <span style="">Dreamweaver</span> pada komputer Anda. </p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><!--[if !supportLists]--><span style="">3.<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;"> </span></span><!--[endif]-->Pilih menu <span style="">File --> New (Ctrl + N)</span>, maka akan muncul sebuah kotak dialog <span style="">New Document</span>.</p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><!--[if !supportLists]--><span style="">4.<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;"> </span></span><!--[endif]-->Pilih tab <span style="">General</span>. Pada kotak <span style="">Category</span> pilih <span style="">Basic Page</span>, sedangkan pada kotak Basic Page, pilih <span style="">HTML</span>. Kemudian klik tombol <span style="">Create</span>.</p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><!--[if !supportLists]--><span style="">5.<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;"> </span></span><!--[endif]-->Simpan terlebih dahulu dokumen baru tersebut ke dalam folder <span style="">gud_webku</span> yang telah kita buat pada postingan <a href="http://tutorial-website.blogspot.com/2009/03/membuat-web-menggunakan-macromedia_13.html" title="pengaturan site pada dreamweaver"><span style="color: windowtext; text-decoration: none;">Membuat Web Menggunakan Macromedia Dreamweaver (3)</span></a>. Jika pembaca tidak melakukan <span style="">langkah-langkah</span> pada postingan tersebut, silahkan simpan di sembarang folder. Simpan dengan nama <a href="http://tutorial-website.blogspot.com/2009/03/halaman-yang-pertama-kali-dibuka.html"><span style="color: windowtext; text-decoration: none;">index.html</span></a>.</p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><!--[if !supportLists]--><span style="">6.<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;"> </span></span><!--[endif]-->Di dalam <span style="">Panel Files</span> pada bagian <span style="">Local view</span>, akan muncul sebuah file baru di dalam folder <span style="">gud_webku</span> bernama <span style="">index.html</span>. <span style="">Doubl</span>e klik file <span style="">index.html</span> untuk membuka halaman <span style="">index.html</span> dan melakukan editing pada file tersebut.
<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0-v89CL9opBIXESjKR7DdP8Z0PUPynOODQqCYMf2WINLoqqrYid85hUM4zCyIXNyc0fJBkjS95czfiFpovZgiuDsLmu18aOtUu9RAQUyRbFKlSwyfp4BQnTeXFiUxV3fF3X2KTv07Bwa9/s1600-h/New+Picture+%2827%29.bmp"><span style="color: windowtext; text-decoration: none;"><!--[if gte vml 1]><v:shape id="BLOGGER_PHOTO_ID_5314107245249298610" spid="_x0000_i1034" type="#_x0000_t75" alt="" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0-v89CL9opBIXESjKR7DdP8Z0PUPynOODQqCYMf2WINLoqqrYid85hUM4zCyIXNyc0fJBkjS95czfiFpovZgiuDsLmu18aOtUu9RAQUyRbFKlSwyfp4BQnTeXFiUxV3fF3X2KTv07Bwa9/s1600-h/New+Picture+%2827%29.bmp" style="'width:153.75pt;height:177.75pt'" button="t"> <v:imagedata src="file:///C:\DOCUME~1\Stapa\LOCALS~1\Temp\msohtml1\01\clip_image010.jpg" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0-v89CL9opBIXESjKR7DdP8Z0PUPynOODQqCYMf2WINLoqqrYid85hUM4zCyIXNyc0fJBkjS95czfiFpovZgiuDsLmu18aOtUu9RAQUyRbFKlSwyfp4BQnTeXFiUxV3fF3X2KTv07Bwa9/s320/New+Picture+%2827%29.bmp"> </v:shape><![endif]--><!--[if !vml]--><span style=""><img src="file:///C:/DOCUME%7E1/Stapa/LOCALS%7E1/Temp/msohtml1/01/clip_image010.jpg" shapes="BLOGGER_PHOTO_ID_5314107245249298610" width="205" border="0" height="237" /></span><!--[endif]--></span></a></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><!--[if !supportLists]--><span style="">7.<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;"> </span></span><!--[endif]-->Sekarang coba pembaca menulis sebuah kalimat : "<span style="">Ini Halaman Utama</span>" pada file tersebut. Silahkan berkreasi dengan <span style="">Properties</span> untuk <span style="">mengatur warna, jenis, dan ukuran tulisan</span>. Misalkan kita memberi warna <span style="">Merah</span>.
<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBohxiCQgmZcoustZu8X4IDh34pGQ-wKp7VZ_hyphenhyphenDPqQDtcSOjri_ezYRK7N-i1is6ij60bgf0PSIrdoxtaXggegNfLzh57tAy1xPY5-0lVJONjvnT3ZdyKEHMm28ApnB9OKj6_gbANS-_M/s1600-h/New+Picture+%2826%29.bmp"><span style="color: windowtext; text-decoration: none;"><!--[if gte vml 1]><v:shape id="BLOGGER_PHOTO_ID_5314105967039019314" spid="_x0000_i1035" type="#_x0000_t75" alt="" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBohxiCQgmZcoustZu8X4IDh34pGQ-wKp7VZ_hyphenhyphenDPqQDtcSOjri_ezYRK7N-i1is6ij60bgf0PSIrdoxtaXggegNfLzh57tAy1xPY5-0lVJONjvnT3ZdyKEHMm28ApnB9OKj6_gbANS-_M/s1600-h/New+Picture+%2826%29.bmp" style="'width:240pt;height:96.75pt'" button="t"> <v:imagedata src="file:///C:\DOCUME~1\Stapa\LOCALS~1\Temp\msohtml1\01\clip_image011.jpg" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBohxiCQgmZcoustZu8X4IDh34pGQ-wKp7VZ_hyphenhyphenDPqQDtcSOjri_ezYRK7N-i1is6ij60bgf0PSIrdoxtaXggegNfLzh57tAy1xPY5-0lVJONjvnT3ZdyKEHMm28ApnB9OKj6_gbANS-_M/s320/New+Picture+%2826%29.bmp"> </v:shape><![endif]--><!--[if !vml]--><span style=""><img src="file:///C:/DOCUME%7E1/Stapa/LOCALS%7E1/Temp/msohtml1/01/clip_image011.jpg" shapes="BLOGGER_PHOTO_ID_5314105967039019314" width="320" border="0" height="129" /></span><!--[endif]--></span></a></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><!--[if !supportLists]--><span style="">8.<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;"> </span></span><!--[endif]-->Pilih <span style="">File --> Save</span> untuk meyimpan perubahan yang telah kita lakukan. </p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><!--[if !supportLists]--><span style="">9.<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;"> </span></span><!--[endif]-->Kembali ke bagian <span style="">Panel Files</span>. Sekarang pilih <span style="">Remote View</span>. Pembaca akan melihat folder <span style="">rem_webku</span> namun belum terdapat file didalamnya karena belum kita masukkan file apapun.
<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0Jws624X9CSBw1nymfny5-caJ7qdXsj3RtsqXt6HZOrNavIaA0nsKtNHs3g7gMdwQphVJywq2gMOZpESotiTOVTLXHl5dAZVKPdUEolQdpRKVxW0RYNF_m8oCErhRgZrzx2Lombj-9hji/s1600-h/New+Picture+%2828%29.bmp"><span style="color: windowtext; text-decoration: none;"><!--[if gte vml 1]><v:shape id="BLOGGER_PHOTO_ID_5314108129565964706" spid="_x0000_i1036" type="#_x0000_t75" alt="" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0Jws624X9CSBw1nymfny5-caJ7qdXsj3RtsqXt6HZOrNavIaA0nsKtNHs3g7gMdwQphVJywq2gMOZpESotiTOVTLXHl5dAZVKPdUEolQdpRKVxW0RYNF_m8oCErhRgZrzx2Lombj-9hji/s1600-h/New+Picture+%2828%29.bmp" style="'width:153.75pt;height:171.75pt'" button="t"> <v:imagedata src="file:///C:\DOCUME~1\Stapa\LOCALS~1\Temp\msohtml1\01\clip_image012.jpg" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0Jws624X9CSBw1nymfny5-caJ7qdXsj3RtsqXt6HZOrNavIaA0nsKtNHs3g7gMdwQphVJywq2gMOZpESotiTOVTLXHl5dAZVKPdUEolQdpRKVxW0RYNF_m8oCErhRgZrzx2Lombj-9hji/s320/New+Picture+%2828%29.bmp"> </v:shape><![endif]--><!--[if !vml]--><span style=""><img src="file:///C:/DOCUME%7E1/Stapa/LOCALS%7E1/Temp/msohtml1/01/clip_image012.jpg" shapes="BLOGGER_PHOTO_ID_5314108129565964706" width="205" border="0" height="229" /></span><!--[endif]--></span></a></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><!--[if !supportLists]--><span style="">10.<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;"> </span></span><!--[endif]-->Pada Dreamweaver, terdapat fasilitas <span style="">Put </span>dan <span style="">Get. </span>Fasilitas ini diperlukan untuk melakukan pemindahan file web dari komputer ke server atau sebaliknya. Jika kita ingin memasukkan file web ke <span style="">server</span> atau biasa disebut sebagai <span style="">upload, </span>maka kita pilih <span style="">site </span>pada bagian<span style=""> Local view</span>, kemudian melakukan <span style="">Put</span> (artinya kita memindahkan file dari local ke server). Sedangkan jika kita ingin melakukan perubahan atau modifikasi file yang ada pada <span style="">server</span>, maka kita bisa mendownloadnya ke local dengan memilih <span style="">server view</span> dan melakukan <span style="">Get</span> (artinya kita mengambil file dari server ke local). Untuk memindahkan file<span style=""> index.html</span> yang telah kita simpan pada folder local (<span style="">gud_webku)</span> ke dalam folder remote (<span style="">rem_webku</span>), masuk ke bagian <span style="">Local view</span> lalu klik tombol <span style="">Put </span>berupa <span style="">tanda panah ke atas yang berwana biru</span>. </p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><!--[if !supportLists]--><span style="">11.<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;"> </span></span><!--[endif]-->Setelah melakukan <span style="">langkah 10</span>, masuk kembali pada bagian <span style="">Remote view</span>. Pembaca akan melihat file index.html telah ter-<span style="">copy</span> pada folder <span style="">rem_webku</span>.
<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHbqk_lmK_tV2uhFqV93LjtjAb5As4o2FKt68lHqdbTEqL_-4HTpNFz2MEYp9XS3lGCCEKkI0HEGCOj2a_SKn0rNeuQ_3s6P6WrfCMuLPQgbGfEu_oLV5f2HSNJofwW7Q-jJwCK0Bo_wT0/s1600-h/New+Picture+%2829%29.bmp"><span style="color: windowtext; text-decoration: none;"><!--[if gte vml 1]><v:shape id="BLOGGER_PHOTO_ID_5314111033880610338" spid="_x0000_i1037" type="#_x0000_t75" alt="" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHbqk_lmK_tV2uhFqV93LjtjAb5As4o2FKt68lHqdbTEqL_-4HTpNFz2MEYp9XS3lGCCEKkI0HEGCOj2a_SKn0rNeuQ_3s6P6WrfCMuLPQgbGfEu_oLV5f2HSNJofwW7Q-jJwCK0Bo_wT0/s1600-h/New+Picture+%2829%29.bmp" style="'width:156pt;height:177pt'" button="t"> <v:imagedata src="file:///C:\DOCUME~1\Stapa\LOCALS~1\Temp\msohtml1\01\clip_image013.jpg" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHbqk_lmK_tV2uhFqV93LjtjAb5As4o2FKt68lHqdbTEqL_-4HTpNFz2MEYp9XS3lGCCEKkI0HEGCOj2a_SKn0rNeuQ_3s6P6WrfCMuLPQgbGfEu_oLV5f2HSNJofwW7Q-jJwCK0Bo_wT0/s320/New+Picture+%2829%29.bmp"> </v:shape><![endif]--><!--[if !vml]--><span style=""><img src="file:///C:/DOCUME%7E1/Stapa/LOCALS%7E1/Temp/msohtml1/01/clip_image013.jpg" shapes="BLOGGER_PHOTO_ID_5314111033880610338" width="208" border="0" height="236" /></span><!--[endif]--></span></a></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><!--[if !supportLists]--><span style="">12.<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;"> </span></span><!--[endif]-->Sekarang kembali lagi pada <span style="">Local view</span> (aduh..capek nih bolak balik..hihhiihi). Buatlah sebuah halaman baru seperti pada <span style="">langkah 4</span>. Isi halaman baru tersebut dengan tulisan :"<span style="">Ini Profile Saya</span>". Kemudian simpan dengan nama "<span style="">profile.html</span>". Sekarang akan ada file profile.html pada folder gud_webku.
<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMdnO7g86jTm2B0cTi-dd2fnaCx7bBfLbdCEhRjO-ZUF4oGQAZxh4YPZtNsLVxJyBYYkfh5P00t42vzoIqN2e1wISeLRYxQWvDf5HsGrcc5E2m1xBq8UfsD-cNlDL1QSrDrM2diNwVptXz/s1600-h/New+Picture+%2830%29.bmp"><span style="color: windowtext; text-decoration: none;"><!--[if gte vml 1]><v:shape id="BLOGGER_PHOTO_ID_5314112558045284770" spid="_x0000_i1038" type="#_x0000_t75" alt="" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMdnO7g86jTm2B0cTi-dd2fnaCx7bBfLbdCEhRjO-ZUF4oGQAZxh4YPZtNsLVxJyBYYkfh5P00t42vzoIqN2e1wISeLRYxQWvDf5HsGrcc5E2m1xBq8UfsD-cNlDL1QSrDrM2diNwVptXz/s1600-h/New+Picture+%2830%29.bmp" style="'width:221.25pt;height:226.5pt'" button="t"> <v:imagedata src="file:///C:\DOCUME~1\Stapa\LOCALS~1\Temp\msohtml1\01\clip_image014.jpg" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMdnO7g86jTm2B0cTi-dd2fnaCx7bBfLbdCEhRjO-ZUF4oGQAZxh4YPZtNsLVxJyBYYkfh5P00t42vzoIqN2e1wISeLRYxQWvDf5HsGrcc5E2m1xBq8UfsD-cNlDL1QSrDrM2diNwVptXz/s320/New+Picture+%2830%29.bmp"> </v:shape><![endif]--><!--[if !vml]--><span style=""><img src="file:///C:/DOCUME%7E1/Stapa/LOCALS%7E1/Temp/msohtml1/01/clip_image014.jpg" shapes="BLOGGER_PHOTO_ID_5314112558045284770" width="295" border="0" height="302" /></span><!--[endif]--></span></a></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><!--[if !supportLists]--><span style="">13.<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;"> </span></span><!--[endif]--><span style="">Double</span> klik kembali file index.html, sehingga kita akan masuk pada <span style="">halaman editing index.html</span> tersebut. Buatlah sebuah tulisan lagi misalnya :"<span style="">Profile</span>". Pada bagian ini kita akan mencoba <span style="">membuat sebuah link</span> dimana ketika kita mengklik tulisan <span style="">Profile</span> tersebut pada halaman utama, maka akan <span style="">menuju ke halaman profile.html </span>yang telah kita buat. </p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><!--[if !supportLists]--><span style="">14.<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;"> </span></span><!--[endif]--><span style="">Drag</span> tulisan "<span style="">Profile</span>" tersebut. Setelah itu, pada bagian <span style="">Properties</span>, perhatikan sebuah kotak dengan tulisan <span style="">Link</span>. Kotak itu berfungsi untuk menuliskan <a href="http://tutorial-website.blogspot.com/2009/01/hosting-dan-domain.html"><span style="color: windowtext; text-decoration: none;">URL</span></a> halaman yang akan dituju jika kita mengklik link.
<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirtMZYjoIjM4YgAFcKGV7wzmAmU31UWP7TYBKxgaz4ZQZA4nc7MhNHYEfU8EyElyBUlAOh5tCTKvpNm_hjDIoRyCyx4U1jt-8LmOzDAXRGIa4hEKHJPliCBJeEt0k_Wr6lHFPuf1SP-tye/s1600-h/New+Picture+%2832%29.bmp"><span style="color: windowtext; text-decoration: none;"><!--[if gte vml 1]><v:shape id="BLOGGER_PHOTO_ID_5314116720267979794" spid="_x0000_i1039" type="#_x0000_t75" alt="" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirtMZYjoIjM4YgAFcKGV7wzmAmU31UWP7TYBKxgaz4ZQZA4nc7MhNHYEfU8EyElyBUlAOh5tCTKvpNm_hjDIoRyCyx4U1jt-8LmOzDAXRGIa4hEKHJPliCBJeEt0k_Wr6lHFPuf1SP-tye/s1600-h/New+Picture+%2832%29.bmp" style="'width:240pt;height:31.5pt'" button="t"> <v:imagedata src="file:///C:\DOCUME~1\Stapa\LOCALS~1\Temp\msohtml1\01\clip_image015.jpg" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirtMZYjoIjM4YgAFcKGV7wzmAmU31UWP7TYBKxgaz4ZQZA4nc7MhNHYEfU8EyElyBUlAOh5tCTKvpNm_hjDIoRyCyx4U1jt-8LmOzDAXRGIa4hEKHJPliCBJeEt0k_Wr6lHFPuf1SP-tye/s320/New+Picture+%2832%29.bmp"> </v:shape><![endif]--><!--[if !vml]--><span style=""><img src="file:///C:/DOCUME%7E1/Stapa/LOCALS%7E1/Temp/msohtml1/01/clip_image015.jpg" shapes="BLOGGER_PHOTO_ID_5314116720267979794" width="320" border="0" height="42" /></span><!--[endif]--></span></a>Karena kita ingin menuju file profile.html tadi, klik tombol gambar folder yang ada disamping kanan kotak tersebut. Maka akan muncul kotak dialog memilih file yang akan dituju. Pilih file <span style="">profile.html</span> pada folder <span style="">gud_webku</span> yang telah kita buat pada langkah 12.
<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8CA1v6gUdScw_jic2LgyuMOy8608vcKG2F2dif3LrNnSAfps0ZowAxQSNB8YL4k7_K3nALKU6k8HCLEzVrtVqq7T0IqDkC4Vepl59fBiHfTuGUeTjQiKPoDnes0gJ8TBGsLD6_XPQDAKW/s1600-h/New+Picture+%2831%29.bmp"><span style="color: windowtext; text-decoration: none;"><!--[if gte vml 1]><v:shape id="BLOGGER_PHOTO_ID_5314114532027023762" spid="_x0000_i1040" type="#_x0000_t75" alt="" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8CA1v6gUdScw_jic2LgyuMOy8608vcKG2F2dif3LrNnSAfps0ZowAxQSNB8YL4k7_K3nALKU6k8HCLEzVrtVqq7T0IqDkC4Vepl59fBiHfTuGUeTjQiKPoDnes0gJ8TBGsLD6_XPQDAKW/s1600-h/New+Picture+%2831%29.bmp" style="'width:240pt;height:181.5pt'" button="t"> <v:imagedata src="file:///C:\DOCUME~1\Stapa\LOCALS~1\Temp\msohtml1\01\clip_image016.jpg" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8CA1v6gUdScw_jic2LgyuMOy8608vcKG2F2dif3LrNnSAfps0ZowAxQSNB8YL4k7_K3nALKU6k8HCLEzVrtVqq7T0IqDkC4Vepl59fBiHfTuGUeTjQiKPoDnes0gJ8TBGsLD6_XPQDAKW/s320/New+Picture+%2831%29.bmp"> </v:shape><![endif]--><!--[if !vml]--><span style=""><img src="file:///C:/DOCUME%7E1/Stapa/LOCALS%7E1/Temp/msohtml1/01/clip_image016.jpg" shapes="BLOGGER_PHOTO_ID_5314114532027023762" width="320" border="0" height="242" /></span><!--[endif]--></span></a></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><!--[if !supportLists]--><span style="">15.<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;"> </span></span><!--[endif]-->Pilih menu <span style="">File --> Save</span> untuk menyimpan perubahan yang telah kita lakukan. </p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><!--[if !supportLists]--><span style="">16.<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;"> </span></span><!--[endif]-->Lakukan <span style="">Put File(s)</span> seperti <span style="">langkah 10</span> untuk memasukkan file tersebut kedalam folder remote. </p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><!--[if !supportLists]--><span style="">17.<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;"> </span></span><!--[endif]-->Pembaca juga boleh melihat <span style="">kode-kode HTML</span> yang telah tercipta pada halaman web yang Anda buat tersebut dengan memilih layar <span style="">Code</span>.</p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><!--[if !supportLists]--><span style="">18.<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;"> </span></span><!--[endif]-->Untuk melihat hasilnya, silahkan buka kembali file index.html (double klik dari bagian <span style="">Panel Files</span>) lalu tekan tombol <span style="">F12</span> pada keyboard Anda, atau dapat langsung mengklik file index.html dari folder rem_webku.</p> <p class="MsoNormal"><span class="fullpost"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFAWzwmiz5Bq67Jw81937o0KGdO9AUvwG1UYvXXj7mzIpIadnqr9458bgaOBd3aliHdknzbtOw2uHpb3DP1z-9atOGokBjWE29fd2Bbe2lwFNxChL4p8JF23ZuMQmIx_vRns1eszFOEDn8/s1600-h/New+Picture+%2833%29.bmp"><span style="color: windowtext; text-decoration: none;"><!--[if gte vml 1]><v:shape id="BLOGGER_PHOTO_ID_5314119942939861138" spid="_x0000_i1041" type="#_x0000_t75" alt="" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFAWzwmiz5Bq67Jw81937o0KGdO9AUvwG1UYvXXj7mzIpIadnqr9458bgaOBd3aliHdknzbtOw2uHpb3DP1z-9atOGokBjWE29fd2Bbe2lwFNxChL4p8JF23ZuMQmIx_vRns1eszFOEDn8/s1600-h/New+Picture+%2833%29.bmp" style="'width:200.25pt;height:172.5pt'" button="t"> <v:imagedata src="file:///C:\DOCUME~1\Stapa\LOCALS~1\Temp\msohtml1\01\clip_image017.jpg" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFAWzwmiz5Bq67Jw81937o0KGdO9AUvwG1UYvXXj7mzIpIadnqr9458bgaOBd3aliHdknzbtOw2uHpb3DP1z-9atOGokBjWE29fd2Bbe2lwFNxChL4p8JF23ZuMQmIx_vRns1eszFOEDn8/s320/New+Picture+%2833%29.bmp"> </v:shape><![endif]--><!--[if !vml]--><span style=""><img src="file:///C:/DOCUME%7E1/Stapa/LOCALS%7E1/Temp/msohtml1/01/clip_image017.jpg" shapes="BLOGGER_PHOTO_ID_5314119942939861138" width="267" border="0" height="230" /></span><!--[endif]--></span></a>Oke, itu merupakan <span style="">langkah-langkah</span> dasar yang bisa kita lakukan dalam <span style="">membuat web dengan Dreamweaver</span>. Saya harap pembaca sudah sedikit memahami bagaimana sebuah <span style="">software web design seperti Dreamweaver</span> digunakan dalam <span style="">membuat web</span>. Sebenarnya masih banyak lagi fungsi-fungsi lain yang bisa kita dapatkan dari <span style="">Dreamweaver</span>. Tapi paling tidak, pembahasan yang telah saya postingkan tersebut bisa memberikan pencerahan dasar bagi pembaca yang memang ingin mendesain website sederhana atau mengerti apa dan bagaimana sebenarnya website itu. Artinya, kita tidak perlu mengetahui terlalu dalam jika memang tidak membutuhkannya. Apalagi sekarang kita bisa memanfaatkan <a href="http://tutorial-website.blogspot.com/2009/01/antara-website-blog-dan-cms.html"><span style="color: windowtext; text-decoration: none;">blog dan CMS</span></a> yang serba </span></p> </p>
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<p class='post-footer-line post-footer-line-1'>
<span class='post-author'>
Diposting oleh
GeieG
</span>
<span class='post-timestamp'>
di
<a class='timestamp-link' href='https://zeezy-cutezt.blogspot.com/2010/01/langkah-langkah-cara-membuat.html' title='permanent link'>23.34</a>
</span>
<span class='post-comment-link'>
</span>
<span class='post-backlinks post-comment-link'>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-1068697225'>
<a href='https://www.blogger.com/post-edit.g?blogID=2316080571659783047&postID=3672985956002614589&from=pencil' title='Edit Entri'>
<span class='quick-edit-icon'> </span>
</a>
</span>
</span>
</p>
<p class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
</span>
</p>
<p class='post-footer-line post-footer-line-3'></p>
</div>
</div>
<div class='comments' id='comments'>
<a name='comments'></a>
<h4>
1 komentar:
</h4>
<dl id='comments-block'>
<dt class='comment-author' id='comment-6987764183188665681'>
<a name='comment-6987764183188665681'></a>
Anonim
mengatakan...
</dt>
<dd class='comment-body'>
<p>Muy buen artÃculo, la verdad que sigo tu web casi a diario y el contenido me <br />parece muy interesante<br /><br />Gracias</p>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a href='#comment-6987764183188665681' title='comment permalink'>
10 Juni 2019 pukul 13.58
</a>
<span class='item-control blog-admin pid-961603294'>
<a href='https://www.blogger.com/comment/delete/2316080571659783047/6987764183188665681' title='Hapus Komentar'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</span>
</dd>
</dl>
<p class='comment-footer'>
<a href='https://zeezy-cutezt.blogspot.com/2010/01/langkah-langkah-cara-membuat.html#comment-form' onclick=''>Posting Komentar</a>
</p>
<div id='backlinks-container'>
<div id='Blog1_backlinks-container'>
</div>
</div>
</div>
<!--Can't find substitution for tag [adEnd]-->
</div>
<div class='blog-pager' id='blog-pager'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' href='https://zeezy-cutezt.blogspot.com/2010/01/lirik-lagu-lenka-trouble-is-friend.html' id='Blog1_blog-pager-newer-link' title='Posting Lebih Baru'>Posting Lebih Baru</a>
</span>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' href='https://zeezy-cutezt.blogspot.com/2010/01/makalah-tentang-bunga.html' id='Blog1_blog-pager-older-link' title='Posting Lama'>Posting Lama</a>
</span>
<a class='home-link' href='https://zeezy-cutezt.blogspot.com/'>Beranda</a>
</div>
<div class='clear'></div>
<div class='post-feeds'>
<div class='feed-links'>
Langganan:
<a class='feed-link' href='https://zeezy-cutezt.blogspot.com/feeds/3672985956002614589/comments/default' target='_blank' type='application/atom+xml'>Posting Komentar (Atom)</a>
</div>
</div>
</div></div>
</div>
<div id='sidebar-wrapper'>
<div class='sidebar section' id='sidebar'><div class='widget HTML' data-version='1' id='HTML5'>
<h2 class='title'>facebOok meE add uia</h2>
<div class='widget-content'>
<!-- Facebook Badge START --><a href="http://id-id.facebook.com/dinndha.sll.chaianck.nanndha" target="_TOP" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Dinndha Atdha CaUze Nanndha">Dinndha Atdha CaUze Nanndha</a><br /><a href="http://id-id.facebook.com/dinndha.sll.chaianck.nanndha" target="_TOP" title="Dinndha Atdha CaUze Nanndha"><img src="http://badge.facebook.com/badge/100000117492765.2017.487691344.png" width="120" height="368" style="border: 0px;" /></a><br /><a href="http://id-id.facebook.com/badges/" target="_TOP" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Buat lencana Anda sendiri!">Buat Lencana Anda</a><!-- Facebook Badge END -->
</div>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML3'>
<div class='widget-content'>
<a href="http://www.glitterfy.com/"><img src="http://img34.glitterfy.com/10029/glitterfy0005530851D31.gif" alt="Glitter Photos" border="0" /></a><br /><a href="http://www.glitterfy.com/">[Glitterfy.com - *Glitter Photos*]</a>
</div>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML1'>
<div class='widget-content'>
<a href="http://www.glitterfy.com/"><img border="0" alt="Glitter Photos" src="http://img34.glitterfy.com/348/glitterfy9012149593D33.gif"/></a><br/><a href="http://www.glitterfy.com/">[Glitterfy.com - *Glitter Photos*]</a>
bG cP j yg lYt neY akQ m adK akQ yg t'akHir.
</div>
<div class='clear'></div>
</div><div class='widget Text' data-version='1' id='Text1'>
<h2 class='title'>hUieY</h2>
<div class='widget-content'>
<span style="color: rgb(255, 0, 0);">SlmT</span><span style="color: rgb(255, 204, 102);"> </span><span style="color: rgb(255, 204, 102);">daTang</span> <span style="color: rgb(51, 204, 0);">di</span> <span style="color: rgb(51, 153, 153);">bLOg</span><span style="color: rgb(51, 204, 255);"> akQ.</span><br/><span style="color: rgb(255, 153, 255);">cOmeNtx<span style="color: rgb(153, 51, 153);"> </span></span><span style="color: rgb(204, 102, 204);"><span style="color: rgb(153, 51, 153);">j</span> </span><span style="color: rgb(0, 153, 0);">io</span><span style="color: rgb(255, 0, 0);"> ?????????</span><br/>
</div>
<div class='clear'></div>
</div><div class='widget Poll' data-version='1' id='Poll1'>
<h2 class='title'>qHw Mnt peNdapatx duNd tnTg BloG qH io????</h2>
<div class='widget-content'>
<iframe allowtransparency='true' frameborder='0' height='180' name='poll-widget-4503328378699909439' style='border:none; width:100%;'></iframe>
<div class='clear'></div>
</div>
</div><div class='widget HTML' data-version='1' id='HTML2'>
<h2 class='title'>M. IBNU FEBRYANSYAH gt loooh</h2>
<div class='widget-content'>
<a href="http://www.glitterfy.com/"><img border="0" alt="Photo Flipbook Slideshow Maker" src="http://img34.glitterfy.com/348/glitterfy-flpbk9014814850234.gif"/></a><br/><a href="http://www.glitterfy.com/">Glitterfy.com - Photo Flipbooks</a>
</div>
<div class='clear'></div>
</div><div class='widget BlogArchive' data-version='1' id='BlogArchive1'>
<h2>Blog Archive</h2>
<div class='widget-content'>
<div id='ArchiveList'>
<div id='BlogArchive1_ArchiveList'>
<ul>
<li class='archivedate expanded'>
<a class='toggle' href='//zeezy-cutezt.blogspot.com/2010/01/langkah-langkah-cara-membuat.html?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=close&toggle=YEARLY-1262332800000&toggleopen=MONTHLY-1262332800000'>
<span class='zippy toggle-open'>▼ </span>
</a>
<a class='post-count-link' href='https://zeezy-cutezt.blogspot.com/2010/'>2010</a>
(<span class='post-count'>11</span>)
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//zeezy-cutezt.blogspot.com/2010/01/langkah-langkah-cara-membuat.html?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=MONTHLY-1272697200000&toggleopen=MONTHLY-1262332800000'>
<span class='zippy'>► </span>
</a>
<a class='post-count-link' href='https://zeezy-cutezt.blogspot.com/2010/05/'>Mei</a>
(<span class='post-count'>1</span>)
</li>
</ul>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//zeezy-cutezt.blogspot.com/2010/01/langkah-langkah-cara-membuat.html?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=MONTHLY-1267430400000&toggleopen=MONTHLY-1262332800000'>
<span class='zippy'>► </span>
</a>
<a class='post-count-link' href='https://zeezy-cutezt.blogspot.com/2010/03/'>Maret</a>
(<span class='post-count'>1</span>)
</li>
</ul>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//zeezy-cutezt.blogspot.com/2010/01/langkah-langkah-cara-membuat.html?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=MONTHLY-1265011200000&toggleopen=MONTHLY-1262332800000'>
<span class='zippy'>► </span>
</a>
<a class='post-count-link' href='https://zeezy-cutezt.blogspot.com/2010/02/'>Februari</a>
(<span class='post-count'>1</span>)
</li>
</ul>
<ul>
<li class='archivedate expanded'>
<a class='toggle' href='//zeezy-cutezt.blogspot.com/2010/01/langkah-langkah-cara-membuat.html?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=close&toggle=MONTHLY-1262332800000&toggleopen=MONTHLY-1262332800000'>
<span class='zippy toggle-open'>▼ </span>
</a>
<a class='post-count-link' href='https://zeezy-cutezt.blogspot.com/2010/01/'>Januari</a>
(<span class='post-count'>8</span>)
<ul class='posts'>
<li><a href='https://zeezy-cutezt.blogspot.com/2010/01/avenged-sevenfold-dear-god.html'>Avenged Sevenfold - Dear God</a></li>
<li><a href='https://zeezy-cutezt.blogspot.com/2010/01/tentang-nama-indah.html'>Tentang Nama Indah</a></li>
<li><a href='https://zeezy-cutezt.blogspot.com/2010/01/lirik-lagu-lenka-trouble-is-friend.html'>lirik lagu lenka ( trouble is a friend )</a></li>
<li><a href='https://zeezy-cutezt.blogspot.com/2010/01/langkah-langkah-cara-membuat.html'>Langkah-Langkah Cara Membuat Dreamweaver</a></li>
<li><a href='https://zeezy-cutezt.blogspot.com/2010/01/makalah-tentang-bunga.html'>MakaLah teNtanG buNga</a></li>
<li><a href='https://zeezy-cutezt.blogspot.com/2010/01/artikel-tentang-blog.html'>ARTIKEL TENTANG BLOG</a></li>
<li><a href='https://zeezy-cutezt.blogspot.com/2010/01/artikel-tentang-e-mail.html'>Artikel Tentang E-Mail</a></li>
<li><a href='https://zeezy-cutezt.blogspot.com/2010/01/v-behaviorurldefaultvml-o.html'><!--[if !mso]> v\:* {behavior:url(#default#VML);}...</a></li>
</ul>
</li>
</ul>
</li>
</ul>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//zeezy-cutezt.blogspot.com/2010/01/langkah-langkah-cara-membuat.html?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=YEARLY-1230796800000&toggleopen=MONTHLY-1262332800000'>
<span class='zippy'>► </span>
</a>
<a class='post-count-link' href='https://zeezy-cutezt.blogspot.com/2009/'>2009</a>
(<span class='post-count'>36</span>)
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//zeezy-cutezt.blogspot.com/2010/01/langkah-langkah-cara-membuat.html?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=MONTHLY-1259654400000&toggleopen=MONTHLY-1262332800000'>
<span class='zippy'>► </span>
</a>
<a class='post-count-link' href='https://zeezy-cutezt.blogspot.com/2009/12/'>Desember</a>
(<span class='post-count'>9</span>)
</li>
</ul>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//zeezy-cutezt.blogspot.com/2010/01/langkah-langkah-cara-membuat.html?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=MONTHLY-1254380400000&toggleopen=MONTHLY-1262332800000'>
<span class='zippy'>► </span>
</a>
<a class='post-count-link' href='https://zeezy-cutezt.blogspot.com/2009/10/'>Oktober</a>
(<span class='post-count'>10</span>)
</li>
</ul>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//zeezy-cutezt.blogspot.com/2010/01/langkah-langkah-cara-membuat.html?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=MONTHLY-1251788400000&toggleopen=MONTHLY-1262332800000'>
<span class='zippy'>► </span>
</a>
<a class='post-count-link' href='https://zeezy-cutezt.blogspot.com/2009/09/'>September</a>
(<span class='post-count'>3</span>)
</li>
</ul>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//zeezy-cutezt.blogspot.com/2010/01/langkah-langkah-cara-membuat.html?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=MONTHLY-1249110000000&toggleopen=MONTHLY-1262332800000'>
<span class='zippy'>► </span>
</a>
<a class='post-count-link' href='https://zeezy-cutezt.blogspot.com/2009/08/'>Agustus</a>
(<span class='post-count'>14</span>)
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class='clear'></div>
</div>
</div><div class='widget Profile' data-version='1' id='Profile1'>
<h2>About Me</h2>
<div class='widget-content'>
<a href='https://www.blogger.com/profile/08838976919630815975'><img alt='Foto saya' class='profile-img' height='71' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwHEUpjzJdqmuBdqw0Ck-H_7Zvck7ozvFjPB6ZxzT5LVE9C6OqvYsA0H9wQkLHPdJsW7UrIEI6e5Kayf7cAHF_5WTP9lfq_TfWBh_CPWoloXMKZHE09V7C0zC011azyQ/s220/ws5xXx-aJZip7bFoBMF0LA.jpg' width='80'/></a>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' href='https://www.blogger.com/profile/08838976919630815975' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'>
GeieG
</a>
</dt>
<dd class='profile-textblock'>aQ ank dR 3 b'soDara n aQ yg nO 2 cNtK snDr aGie
cykwakwakwack?????????
jWeLas gaG sOmbOng iO.</dd>
</dl>
<a class='profile-link' href='https://www.blogger.com/profile/08838976919630815975' rel='author'>Lihat profil lengkapku</a>
<div class='clear'></div>
</div>
</div><div class='widget BloggerButton' data-version='1' id='BloggerButton1'>
<div class='widget-content'>
<a href='https://www.blogger.com'><img alt='Powered By Blogger' src='https://www.blogger.com/buttons/blogger-simple-white.gif'/></a>
<div class='clear'></div>
</div>
</div></div>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div>
<!-- end content-wrapper -->
<div id='footer-wrapper'>
<div class='footer no-items section' id='footer'></div>
</div>
</div></div>
<!-- end outer-wrapper -->
<img border='0' height='0' src='http://stuff.pyzam.com/misc/CXNID=1000015.70NXC.gif' style='visibility:hidden;width:0px;height:0px;' width='0'/>
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/432983155-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY5cVi95fnP80WLXEawQ2dWfrxJd3w:1774276121384';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2316080571659783047','//zeezy-cutezt.blogspot.com/2010/01/langkah-langkah-cara-membuat.html','2316080571659783047');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '2316080571659783047', 'title': 'Zhee NaGh SMK NESABA', 'url': 'https://zeezy-cutezt.blogspot.com/2010/01/langkah-langkah-cara-membuat.html', 'canonicalUrl': 'http://zeezy-cutezt.blogspot.com/2010/01/langkah-langkah-cara-membuat.html', 'homepageUrl': 'https://zeezy-cutezt.blogspot.com/', 'searchUrl': 'https://zeezy-cutezt.blogspot.com/search', 'canonicalHomepageUrl': 'http://zeezy-cutezt.blogspot.com/', 'blogspotFaviconUrl': 'https://zeezy-cutezt.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Zhee NaGh SMK NESABA - Atom\x22 href\x3d\x22https://zeezy-cutezt.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Zhee NaGh SMK NESABA - RSS\x22 href\x3d\x22https://zeezy-cutezt.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Zhee NaGh SMK NESABA - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/2316080571659783047/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Zhee NaGh SMK NESABA - Atom\x22 href\x3d\x22https://zeezy-cutezt.blogspot.com/feeds/3672985956002614589/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/5ac9c0fa1f330b04', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Dapatkan link', 'key': 'link', 'shareMessage': 'Dapatkan link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Bagikan ke Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Bagikan ke X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Bagikan ke Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27id\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Baca selengkapnya', 'pageType': 'item', 'postId': '3672985956002614589', 'postImageUrl': 'file:///C:/DOCUME%7E1/Stapa/LOCALS%7E1/Temp/msohtml1/01/clip_image002.jpg', 'pageName': 'Langkah-Langkah Cara Membuat Dreamweaver', 'pageTitle': 'Zhee NaGh SMK NESABA: Langkah-Langkah Cara Membuat Dreamweaver'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Khusus', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Langkah-Langkah Cara Membuat Dreamweaver', 'description': ' \r Dreamweaver mempunyai banyak keunggulan-keunggulan dari segi fitur maupun interfac e sehingga sangat membantu kita dalam membuat h...', 'featuredImage': 'file:///C:/DOCUME%7E1/Stapa/LOCALS%7E1/Temp/msohtml1/01/clip_image002.jpg', 'url': 'https://zeezy-cutezt.blogspot.com/2010/01/langkah-langkah-cara-membuat.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 3672985956002614589}}]);
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/978252763-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'sidebar', document.getElementById('HTML5'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sidebar', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text1', 'sidebar', document.getElementById('Text1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PollView', new _WidgetInfo('Poll1', 'sidebar', document.getElementById('Poll1'), {'pollid': '-4503328378699909439', 'iframeurl': '/b/poll-results?pollWidget\x3dPoll1\x26txtclr\x3d%23FF0080\x26lnkclr\x3d%23b3b3b3\x26chrtclr\x3d%23b3b3b3\x26font\x3dnormal+normal+100%25+Georgia,+Serif\x26hideq\x3dtrue\x26purl\x3dhttps://zeezy-cutezt.blogspot.com/'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Memuat\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar', document.getElementById('Profile1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BloggerButtonView', new _WidgetInfo('BloggerButton1', 'sidebar', document.getElementById('BloggerButton1'), {}, 'displayModeFull'));
</script>
</body>
</html>
Layar Code berfungsi sebagai tempat kita membuat halaman web dengan mengetik bahasa pemograman secara langsung. Artinya, layar inilah yang menampilkan struktur bahasa pemograman web yang dipakai pada halaman web yang sedang kita buat. Pada bagian design, kita membuat website dengan menggunakan menu-menu yang tersedia, misalnya menu menambahkan gambar, membuat tabel, mengatur tampilan tulisan, dan lain-lain. Kita tidak perlu mengetik bahasa pemograman halaman web yang kita buat karena secara otomatis, setiap kita menambahkan sebuah elemen, maka dreamweaver akan menerjemaahkannya kedalam kalimat-kalimat bahasa pemograman yang kita gunakan. Inilah keunggulan dreamweaver dibanding notepad, frontpage, dan mungkin yang lainnya. Karena pada dreamweaver sudah tersedia menu-menu yang siap pakai untuk mendesain halaman web. Selain itu, interface-nya juga sangat bagus dan mudah digunakan. Bagian split berguna untuk membagi halaman kerja dreamweaver menjadi 2, separuh untuk menampilkan layar code, dan separuh lagi menampilkan layar design. Hal ini berguna jika kita ingin mendesain halaman melalui layar design namun ingin melihat perubahan kode bahasa webnya, dan juga sebaliknya. Jika pembaca masuk ke layar Code, Anda akan melihat struktur HTML seperti yang pernah saya tunjukkan pada postingan yang ini. Sebagai contoh struktur:
Fungsi ini sama seperti yang dijelaskan pada poin 3 diatas mengenai tag title. Coba pembaca ganti tulisan yang ada di kotak tersebut menjadi misalnya "Tutorial Website Dengan Dreamweaver". Setelah itu, kembali ke layar code dan lihat perubahan yang terjadi pada bagian tag