0
Posted by Unknown
on
02.56
Tutorial membuat WEB menggunakan Dreamweaver
• Instal dreamweaver (Adobe atau macromedia)
• Jika anda sudah menginstal dreamweaver, bukalah program tersebut dan pilih menu HTML seperti pada gambar di bawah ini.
Anda lihat menu create new di atas. klik HTML!
• selanjutnya setelah anda klik html maka layar putih kosong akan tampil pada layar anda, layar tersebut berguna untuk web yang akan anda buat nantinya.
Gambar di atas adalah gambar form untuk anda membuat web.
• Selanjutnya anda harus menamai web yang anda buat, bagaimana caranya??
Lihat gambar di atas, blok tulisan untitled, dan ganti jadi nama web yang anda inginkan
• Selanjutnya jika anda ingin mengatur konfigurasi huruf, background image, dll yang harus anda lakukan adalah masuk ke menu page properties, menu ini ada di bagian bawah.
Gambar di atas adalah gambar tombol menuju menu page properties, dan seperti inilah tampilan page properties.
dari pada anda cape scroll-scroll terus, lebih baik kita ganti page. hehehe
ok, di halaman sebelumnya anda sudah tau cara mengatur konfigurasi halaman web lewat page properties, selanjutnya yang anda lakukan adalah membuat tabel. Untuk apa??? tabel tersebut berguna untuk anda menaruh gambar sebagai header, advertisement, dll. Untuk membuat tabel, klik lah menu tabel.
Gambar di atas adalah gambar pilihan menu dari menu tabel
• Selanjutnya setelah anda mengklik menu tabel, pilih, anda ingin membuat berapa kolom, dan berapa baris, serta ketebalan rangka tabel, dll.
Pada gambar di atas dapat anda lihat, anda dapat menentukan berapa baris dan kolom yang anda inginkan, dan ubah nilai border thickness menjadi noll, agar saat web di publish web anda terlihat rapih karena borderless, jiah TV kalee borderless ahahaha
• Setelah itu akan muncul tabel seperti yang anda inginkan, kenapa tabel saya posisinya ada di tengah sedangkan anda ada di kiri? selain itu mengapa punya saya tabelnya lebih lebar? pada saat tabel muncul karena baru saja anda buat, anda klik align menjadi center di bagian bawah menu, setelah itu tarik DOT pada tabel, untuk membuatnya menjadi melar, tariklah ke kiri. maka akan tampil saperti gambar ini.
• Selanjutnya jika kita ingin menyisipkan gambar pada web, pada menubar pilihlah image, lalu insert image seperti gambar di bawah ini.
• Pada saat anda ingin menyisipkan gambar, misalnya untuk header, pertama-tama blok lah beberapa kolom, kemudian di merge dengan sortcut key ctrl+alt+m seperti gambar di bawah ini.
• Lalu saat anda memasukan gambar maka gambar yang anda masukan tergantung pada resoulsinya, tabel tersebut akan melar, lalu anda setting tabel agar rapih kembali, inilah repotna pake tabel.
• sisanya dapat anda mengembangkannya sendiri, baik dari backgroundnya ataupun menyisipkan flash kedalamnya, lalu saya akan menjelaskan bagaimana cara anda mempreview blog anda seandainya sudah terpublish. caranya adalah pilih menu file, lalu preview in browser, plihlah default browser anda, dan inilah hasilnya.
Langkah Selanjutnya
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 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.<br />
<br />
<br />
<br />
Pilih menu ini untuk preview<br />
<br />
Pada gambar di atas, dapat anda lihat, gambar sudah di tampilkan, setelah itu dapat anda lhat karna settingan di awal border thicknessnya di setting nol, setelah itu dapat anda lihat juga, layarnya putih, karna backgroundnya belum di edit, jadi untuk lebih lengkapnya silahkan anda mencobanya, silahkan mencoba <br />
<br />
<div style='clear: both;'></div>
<br/>
<span class='post-backlinks post-comment-link'>
</span>
<span class='post-icons'>
|
<span class='item-action'>
<a href='https://www.blogger.com/email-post/6900169424854666443/3652668481191815768' title='Posting Email'>
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='clearfix'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='reaction-buttons'>
</span>
<span class='star-ratings'>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
</span>
</div>
</div>
</div>
<div class='com'>
<a name='comments'></a>
<h3 id='comhead'>
0 Comments
</h3>
<div class='commentlist'>
</div>
<p class='comment-footer'>
<div class='comment-form'>
<a name='comment-form'></a>
<h4 id='comment-post-message'>Posting Komentar</h4>
<p>
</p>
<a href='https://www.blogger.com/comment/frame/6900169424854666443?po=3652668481191815768&hl=id' id='comment-editor-src'></a>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'></iframe>
<script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/1537605651-iframe_colorizer.js"></script>
</div>
</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://fitrasanialzahra.blogspot.com/2013/02/blog-post.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://fitrasanialzahra.blogspot.com/2013/02/tugas-design-web.html' id='Blog1_blog-pager-older-link' title='Posting Lama'>Posting Lama</a>
</span>
<a class='home-link' href='https://fitrasanialzahra.blogspot.com/'>Beranda</a>
</div>
<div class='clear'></div>
<div class='post-feeds'>
<div class='feed-links'>
Langganan:
<a class='feed-link' href='https://fitrasanialzahra.blogspot.com/feeds/3652668481191815768/comments/default' target='_blank' type='application/atom+xml'>Posting Komentar (Atom)</a>
</div>
</div>
</div></div>
</div>
<!-- /Mainblog -->
<!-- Sidebar -->
<div id='sidebar'>
<div id='sidebar-top'></div>
<div id='sidebar-content'>
<div id='subcolumn'>
<div id='search'>
<form action='/search' id='searchform' method='get'>
<div>
<input class='form-input' id='s' name='q' size='35' type='text' value=''/>
<input class='search-submit' name='search' type='submit' value='Search'/>
</div>
</form>
</div>
<div class='widgeth section' id='widgeth'>
<div class='widget BlogArchive' data-version='1' id='BlogArchive2'>
<h2>Blog Archive</h2>
<div class='widget-content'>
<div id='ArchiveList'>
<div id='BlogArchive2_ArchiveList'>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//fitrasanialzahra.blogspot.com/2013/02/tutorial-membuat-web-menggunakan.html?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=open&toggle=YEARLY-1388563200000&toggleopen=MONTHLY-1359705600000'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2014/'>2014</a>
<span class='post-count' dir='ltr'>(7)</span>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//fitrasanialzahra.blogspot.com/2013/02/tutorial-membuat-web-menggunakan.html?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=open&toggle=MONTHLY-1393660800000&toggleopen=MONTHLY-1359705600000'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2014/03/'>Maret</a>
<span class='post-count' dir='ltr'>(7)</span>
</li>
</ul>
</li>
</ul>
<ul>
<li class='archivedate expanded'>
<a class='toggle' href='//fitrasanialzahra.blogspot.com/2013/02/tutorial-membuat-web-menggunakan.html?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=close&toggle=YEARLY-1357027200000&toggleopen=MONTHLY-1359705600000'>
<span class='zippy toggle-open'>▼ </span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2013/'>2013</a>
<span class='post-count' dir='ltr'>(18)</span>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//fitrasanialzahra.blogspot.com/2013/02/tutorial-membuat-web-menggunakan.html?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=open&toggle=MONTHLY-1375340400000&toggleopen=MONTHLY-1359705600000'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2013/08/'>Agustus</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//fitrasanialzahra.blogspot.com/2013/02/tutorial-membuat-web-menggunakan.html?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=open&toggle=MONTHLY-1367391600000&toggleopen=MONTHLY-1359705600000'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2013/05/'>Mei</a>
<span class='post-count' dir='ltr'>(4)</span>
</li>
</ul>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//fitrasanialzahra.blogspot.com/2013/02/tutorial-membuat-web-menggunakan.html?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=open&toggle=MONTHLY-1364799600000&toggleopen=MONTHLY-1359705600000'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2013/04/'>April</a>
<span class='post-count' dir='ltr'>(2)</span>
</li>
</ul>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//fitrasanialzahra.blogspot.com/2013/02/tutorial-membuat-web-menggunakan.html?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=open&toggle=MONTHLY-1362124800000&toggleopen=MONTHLY-1359705600000'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2013/03/'>Maret</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul>
<li class='archivedate expanded'>
<a class='toggle' href='//fitrasanialzahra.blogspot.com/2013/02/tutorial-membuat-web-menggunakan.html?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=close&toggle=MONTHLY-1359705600000&toggleopen=MONTHLY-1359705600000'>
<span class='zippy toggle-open'>▼ </span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2013/02/'>Februari</a>
<span class='post-count' dir='ltr'>(5)</span>
<ul class='posts'>
<li><a href='https://fitrasanialzahra.blogspot.com/2013/02/blog-post.html'>web design</a></li>
<li><a href='https://fitrasanialzahra.blogspot.com/2013/02/tutorial-membuat-web-menggunakan.html'>Tutorial membuat WEB menggunakan Dreamweaver
• Ins...</a></li>
<li><a href='https://fitrasanialzahra.blogspot.com/2013/02/tugas-design-web.html'>tugas design web .
tampilan registrasi
tampila...</a></li>
<li><a href='https://fitrasanialzahra.blogspot.com/2013/02/profile-robert-pattinson.html'>profile Robert Pattinson</a></li>
<li><a href='https://fitrasanialzahra.blogspot.com/2013/02/not-lagu-just-why-you-are-bruno-mars.html'>not lagu just the why you are . bruno mars</a></li>
</ul>
</li>
</ul>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//fitrasanialzahra.blogspot.com/2013/02/tutorial-membuat-web-menggunakan.html?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=open&toggle=MONTHLY-1357027200000&toggleopen=MONTHLY-1359705600000'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2013/01/'>Januari</a>
<span class='post-count' dir='ltr'>(5)</span>
</li>
</ul>
</li>
</ul>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//fitrasanialzahra.blogspot.com/2013/02/tutorial-membuat-web-menggunakan.html?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=open&toggle=YEARLY-1325404800000&toggleopen=MONTHLY-1359705600000'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2012/'>2012</a>
<span class='post-count' dir='ltr'>(19)</span>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//fitrasanialzahra.blogspot.com/2013/02/tutorial-membuat-web-menggunakan.html?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=open&toggle=MONTHLY-1354348800000&toggleopen=MONTHLY-1359705600000'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2012/12/'>Desember</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//fitrasanialzahra.blogspot.com/2013/02/tutorial-membuat-web-menggunakan.html?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=open&toggle=MONTHLY-1351753200000&toggleopen=MONTHLY-1359705600000'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2012/11/'>November</a>
<span class='post-count' dir='ltr'>(10)</span>
</li>
</ul>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//fitrasanialzahra.blogspot.com/2013/02/tutorial-membuat-web-menggunakan.html?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=open&toggle=MONTHLY-1349074800000&toggleopen=MONTHLY-1359705600000'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2012/10/'>Oktober</a>
<span class='post-count' dir='ltr'>(2)</span>
</li>
</ul>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//fitrasanialzahra.blogspot.com/2013/02/tutorial-membuat-web-menggunakan.html?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=open&toggle=MONTHLY-1346482800000&toggleopen=MONTHLY-1359705600000'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2012/09/'>September</a>
<span class='post-count' dir='ltr'>(3)</span>
</li>
</ul>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//fitrasanialzahra.blogspot.com/2013/02/tutorial-membuat-web-menggunakan.html?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=open&toggle=MONTHLY-1343804400000&toggleopen=MONTHLY-1359705600000'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2012/08/'>Agustus</a>
<span class='post-count' dir='ltr'>(3)</span>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class='clear'></div>
</div>
</div><div class='widget Attribution' data-version='1' id='Attribution1'>
<div class='widget-content' style='text-align: center;'>
Diberdayakan oleh <a href='https://www.blogger.com' target='_blank'>Blogger</a>.
</div>
<div class='clear'></div>
</div>
<div class='widget PopularPosts' data-version='1' id='PopularPosts1'>
<h2>Entri Populer</h2>
<div class='widget-content popular-posts'>
<ul>
<li>
<div class='item-content'>
<div class='item-title'><a href='https://fitrasanialzahra.blogspot.com/2014/03/001.html'>001</a></div>
<div class='item-snippet'> 1. Surat yang isinya mengenai perdagangan atau perniagaan yang dibuat oleh perusahaan untuk dikirim kepada para langganannya adalah...</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-title'><a href='https://fitrasanialzahra.blogspot.com/2014/03/002.html'>002</a></div>
<div class='item-snippet'> 1. Perbedaan yang paling mendasar antara perpustakaan dan arsip adalah .... A. arsip menyimpan bahan ...</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-title'><a href='https://fitrasanialzahra.blogspot.com/2013/08/blog-post.html'>(tanpa judul)</a></div>
<div class='item-snippet'>
</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='https://fitrasanialzahra.blogspot.com/2013/01/1-dua-buah-partikel-bermuatan-berjarak.html' target='_blank'>
<img alt='' border='0' src='https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uzFGaK_Cph6AdYG6u8si4M2DsdD8xDspdkE8qisoBirYrqC9kCHAj4Wjv5UnjM8oUC8BYKlBL739zjBaeJaSRBdwVxwRTuOmzup2cTJ8VwNL9rzoOhqimtSvMPnrZ8GgVoF24fG6R8=w72-h72-p-k-no-nu'/>
</a>
</div>
<div class='item-title'><a href='https://fitrasanialzahra.blogspot.com/2013/01/1-dua-buah-partikel-bermuatan-berjarak.html'>contoh soal soal fisika umum .</a></div>
<div class='item-snippet'>1) Dua buah partikel bermuatan berjarak R satu sama lain dan terjadi gaya tarik-menarik sebesar F. Jika jarak antara kedua muatan dijadikan ...</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='https://fitrasanialzahra.blogspot.com/2013/02/blog-post.html' target='_blank'>
<img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqOzLbRT_-K12_PNT_2FVfw01bFsDrvxW2IVQBHj2vDFqUNC1ox3lDFKHFfZpq2Xa_7_rwaYRqk_ueb3gRXyWSREGq98ExKBW5M0MFfDDGbOh2D1a-gncyZMapsrjFb5B82RQSYYAQJis/w72-h72-p-k-no-nu/head.jpg'/>
</a>
</div>
<div class='item-title'><a href='https://fitrasanialzahra.blogspot.com/2013/02/blog-post.html'>web design </a></div>
<div class='item-snippet'>
</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-title'><a href='https://fitrasanialzahra.blogspot.com/2013/01/normal-0-false-false-false-en-us-x-none.html'>soal soal fisika tentang listrik statis</a></div>
<div class='item-snippet'> --> 1. Sebuah benda dikatakan bermuatan positif apabila benda tersebut … A. kelebihan elektron B. kekurangan elektron C. kel...</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='https://fitrasanialzahra.blogspot.com/2014/03/module.html' target='_blank'>
<img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIMfr0XxoLGA-jX_qgvMU11Uc3BG0eiMFcUAA2lUuavhFZi5CldRiPwbfirgeXIvzr8MjPpx-1tp9MQLb9Lxhm18-4dx0I5PcM4DMTLRSW2vFmrLQEw0zUsVOGiV1JrHpZhxn7JRnGC47W/w72-h72-p-k-no-nu/gambar1.gif'/>
</a>
</div>
<div class='item-title'><a href='https://fitrasanialzahra.blogspot.com/2014/03/module.html'>module</a></div>
<div class='item-snippet'> buka pada “All Programs” Cari “Microsoft SQL Server 2008” -> “Configuration Tools”, klik “SQL Server Configuration Manager” (Lihat Gam...</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='https://fitrasanialzahra.blogspot.com/2014/03/koneksi-c-dengan-sql-server-dan.html' target='_blank'>
<img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh93zctjxQSR3QHJ_k2CIYd849hvfWjAWgWqRmzjWFgQ7lwLe1OoRFeqU4gLSaptumdAniRaMHA6F-79gQ-L9Om0Mr9z-tjz05Y8xgJelvRoXfXkWHnmsk-lcGPzOkkDul5I_NY7dpkpWYX/w72-h72-p-k-no-nu/www%252Ccsharp-indonesia.com.png'/>
</a>
</div>
<div class='item-title'><a href='https://fitrasanialzahra.blogspot.com/2014/03/koneksi-c-dengan-sql-server-dan.html'>koneksi C# dengan SQL SERVER dan mengambil data dari SQL SERVER</a></div>
<div class='item-snippet'> SQL server merupakan DBMS yang powerfull, DBMS ini banyak digunakan untuk kalangan komputer SERVER karena kemampuan, fitur dan recovery dat...</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='https://fitrasanialzahra.blogspot.com/2014/03/program-pembayaran-spp.html' target='_blank'>
<img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZBD9GYazlp_29bTCgkbrWxEp1wiObyA-n8qnw-Bo2ZSDIh6m-dHmcCFgFcOZAqWQjxgMLaAsC-voiMPOG9m1ZfyxO0tyku3DgrCN85IiCVBe0CNq_OQuFWbQlUP3SJEqWQAystfULZ2k/w72-h72-p-k-no-nu/tabel.JPG'/>
</a>
</div>
<div class='item-title'><a href='https://fitrasanialzahra.blogspot.com/2014/03/program-pembayaran-spp.html'>Program Pembayaran SPP</a></div>
<div class='item-snippet'> Langkah awal buat database dengan mana”DbSekolah.mdb” dengan 5 Tabel sebagi berikut: Selanjutnya Butat form Pembayaran dengan...</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-title'><a href='https://fitrasanialzahra.blogspot.com/2012/09/tugas-naskah-game.html'>Tugas Naskah Game</a></div>
<div class='item-snippet'>klik disini Klik Disini The missing letter's lengkap from fitrasani </div>
</div>
<div style='clear: both;'></div>
</li>
</ul>
<div class='clear'></div>
</div>
</div><div class='widget Followers' data-version='1' id='Followers1'>
<h2 class='title'>Followers</h2>
<div class='widget-content'>
<div id='Followers1-wrapper'>
<div style='margin-right:2px;'>
<div><script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>
<div id="followers-iframe-container"></div>
<script type="text/javascript">
window.followersIframe = null;
function followersIframeOpen(url) {
gapi.load("gapi.iframes", function() {
if (gapi.iframes && gapi.iframes.getContext) {
window.followersIframe = gapi.iframes.getContext().openChild({
url: url,
where: document.getElementById("followers-iframe-container"),
messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER,
messageHandlers: {
'_ready': function(obj) {
window.followersIframe.getIframeEl().height = obj.height;
},
'reset': function() {
window.followersIframe.close();
followersIframeOpen("https://www.blogger.com/followers/frame/6900169424854666443?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMwMDAwMDAiByMwMDAwMDAqByNGRkZGRkYyByMwMDAwMDA6ByMwMDAwMDBCByMwMDAwMDBKByMwMDAwMDBSByNGRkZGRkZaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3din\x26origin\x3dhttps://fitrasanialzahra.blogspot.com");
},
'open': function(url) {
window.followersIframe.close();
followersIframeOpen(url);
},
'blogger-ping': function() {
}
}
});
}
});
}
followersIframeOpen("https://www.blogger.com/followers/frame/6900169424854666443?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMwMDAwMDAiByMwMDAwMDAqByNGRkZGRkYyByMwMDAwMDA6ByMwMDAwMDBCByMwMDAwMDBKByMwMDAwMDBSByNGRkZGRkZaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3din\x26origin\x3dhttps://fitrasanialzahra.blogspot.com");
</script></div>
</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'>
<dl class='profile-datablock'>
<dt class='profile-data'>Unknown</dt>
</dl>
<a class='profile-link' href='https://www.blogger.com/profile/18362388585949717179'>Lihat profil lengkapku</a>
<div class='clear'></div>
</div>
</div><div class='widget HTML' data-version='1' id='HTML2'>
<h2 class='title'>bla</h2>
<div class='widget-content'>
<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi-Blog</a></center></small></div>
</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 class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2012/'>
2012
</a>
<span class='post-count' dir='ltr'>(19)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2012/08/'>
Agustus
</a>
<span class='post-count' dir='ltr'>(3)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2012/09/'>
September
</a>
<span class='post-count' dir='ltr'>(3)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2012/10/'>
Oktober
</a>
<span class='post-count' dir='ltr'>(2)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2012/11/'>
November
</a>
<span class='post-count' dir='ltr'>(10)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2012/12/'>
Desember
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>
▼
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2013/'>
2013
</a>
<span class='post-count' dir='ltr'>(18)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2013/01/'>
Januari
</a>
<span class='post-count' dir='ltr'>(5)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>
▼
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2013/02/'>
Februari
</a>
<span class='post-count' dir='ltr'>(5)</span>
<ul class='posts'>
<li><a href='https://fitrasanialzahra.blogspot.com/2013/02/not-lagu-just-why-you-are-bruno-mars.html'>not lagu just the why you are . bruno mars</a></li>
<li><a href='https://fitrasanialzahra.blogspot.com/2013/02/profile-robert-pattinson.html'>profile Robert Pattinson</a></li>
<li><a href='https://fitrasanialzahra.blogspot.com/2013/02/tugas-design-web.html'>tugas design web .
tampilan registrasi
tampila...</a></li>
<li><a href='https://fitrasanialzahra.blogspot.com/2013/02/tutorial-membuat-web-menggunakan.html'>Tutorial membuat WEB menggunakan Dreamweaver
• Ins...</a></li>
<li><a href='https://fitrasanialzahra.blogspot.com/2013/02/blog-post.html'>web design</a></li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2013/03/'>
Maret
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2013/04/'>
April
</a>
<span class='post-count' dir='ltr'>(2)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2013/05/'>
Mei
</a>
<span class='post-count' dir='ltr'>(4)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2013/08/'>
Agustus
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2014/'>
2014
</a>
<span class='post-count' dir='ltr'>(7)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2014/03/'>
Maret
</a>
<span class='post-count' dir='ltr'>(7)</span>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class='clear'></div>
</div>
</div><div class='widget HTML' data-version='1' id='HTML1'>
<h2 class='title'>kursor</h2>
<div class='widget-content'>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-11/ani1088.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/03/20/domo-kun-13.html" target="_blank" title="Domo-kun"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Domo-kun" style="position:absolute; top: 0px; right: 0px;" /></a>
</div>
<div class='clear'></div>
</div><div class='widget Navbar' data-version='1' id='Navbar1'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d6900169424854666443\x26blogName\x3dFitra+Sani+Alzahra\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://fitrasanialzahra.blogspot.com/search\x26blogLocale\x3din\x26v\x3d2\x26homepageUrl\x3dhttps://fitrasanialzahra.blogspot.com/\x26targetPostID\x3d3652668481191815768\x26blogPostOrPageUrl\x3dhttps://fitrasanialzahra.blogspot.com/2013/02/tutorial-membuat-web-menggunakan.html\x26vt\x3d6004855680910374243',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe",
messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER,
messageHandlers: {
'blogger-ping': function() {}
}
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</div><div class='widget HTML' data-version='1' id='HTML4'>
<h2 class='title'>kalender</h2>
<div class='widget-content'>
<embed src="http://www.blogclock.cn/swf/S1002892a8a2d3d-2.swf" width="170px" height="260px" type="application/x-shockwave-flash" quality="high" wmode="transparent"></embed>
</div>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML3'>
<h2 class='title'>hey</h2>
<div class='widget-content'>
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53966.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>
</div>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML5'>
<h2 class='title'>gadetfoya</h2>
<div class='widget-content'>
<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzNjk4MjcwODE4MTcmcHQ9MTM2OTgyNzEyNTc1NSZwPTM3MzU4MSZkPSZnPTEmbz1kOTQyM2U2NmVlMjc*ZTNhYTll/NjUzOWI2ZWZhNTc5NyZvZj*w.gif" /><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="300" height="250" id="cnet_rb_finder" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="FlashVars" value="varPart=widgets-cnet&varEdId=2121&gig_lt=1232999071623&gig_pt=1232999072374&gig_g=3" /><param name="movie" value="http://i.i.com.com/cnwk.1d/i/cnetWidgets/productFinder/cnet_rb_finder.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" /><embed src="http://i.i.com.com/cnwk.1d/i/cnetWidgets/productFinder/cnet_rb_finder.swf" quality="high" bgcolor="#ffffff" width="300" height="250" name="cnet_rb_finder" flashvars="varPart=widgets-cnet&varEdId=2121&gig_lt=1232999071623&gig_pt=1232999072374&gig_g=3" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed></object><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.11NXC/bT*xJmx*PTEyMzI5OTkwNzE2MjMmcHQ9MTIzMjk5OTA3MjM3NCZwPTM3MzU4MSZkPUNORVQlNUZSQiU1RkZJTkRFUiZnPTMmdD*=.gif" />
</div>
<div class='clear'></div>
</div></div>
</div>
</div>
<div id='sidebar_bottom'></div>
</div>
<!-- /Sidebar -->
<div class='clear'></div>
</div>
<!-- /Content -->
</div>
<!-- /Wrapper -->
<!-- Bottom -->
<div id='bottom'>
<p style='padding-top:110px; clear:both;'> Copyright © 2009 <a href='https://fitrasanialzahra.blogspot.com/'>Fitra Sani Alzahra</a> All rights reserved. Theme by <a href='http://www.geekwithlaptop.com' style='text-decoration:none; color: #635537;' title='Geek with Laptop'>Laptop Geek</a>. | Bloggerized by <a href='http://www.falconhive.com' target='_blank' title='Falcon Hive'>FalconHive</a>.</p>
</div>
<!-- /Bottom -->
</div>
<!-- /Mainwrap -->
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/745881458-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY5KQv12hsqBklq-gQdasGC2uwpmGg:1736135140441';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d6900169424854666443','//fitrasanialzahra.blogspot.com/2013/02/tutorial-membuat-web-menggunakan.html','6900169424854666443');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '6900169424854666443', 'title': 'Fitra Sani Alzahra', 'url': 'https://fitrasanialzahra.blogspot.com/2013/02/tutorial-membuat-web-menggunakan.html', 'canonicalUrl': 'http://fitrasanialzahra.blogspot.com/2013/02/tutorial-membuat-web-menggunakan.html', 'homepageUrl': 'https://fitrasanialzahra.blogspot.com/', 'searchUrl': 'https://fitrasanialzahra.blogspot.com/search', 'canonicalHomepageUrl': 'http://fitrasanialzahra.blogspot.com/', 'blogspotFaviconUrl': 'https://fitrasanialzahra.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\x22Fitra Sani Alzahra - Atom\x22 href\x3d\x22https://fitrasanialzahra.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Fitra Sani Alzahra - RSS\x22 href\x3d\x22https://fitrasanialzahra.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Fitra Sani Alzahra - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/6900169424854666443/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Fitra Sani Alzahra - Atom\x22 href\x3d\x22https://fitrasanialzahra.blogspot.com/feeds/3652668481191815768/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/361ce9cf7a112c52', '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': '3652668481191815768', 'pageName': '', 'pageTitle': 'Fitra Sani Alzahra'}}, {'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': 'Fitra Sani Alzahra', 'description': 'Tutorial membuat WEB menggunakan Dreamweaver \u2022 Instal dreamweaver (Adobe atau macromedia) \u2022 Jika anda sudah menginstal dreamweaver, bukala...', 'url': 'https://fitrasanialzahra.blogspot.com/2013/02/tutorial-membuat-web-menggunakan.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 3652668481191815768}}]);
_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/3846405171-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive2', 'widgeth', document.getElementById('BlogArchive2'), {'languageDirection': 'ltr', 'loadingMessage': 'Memuat\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'widgeth', document.getElementById('Attribution1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'widgeth', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FollowersView', new _WidgetInfo('Followers1', 'widgeth', document.getElementById('Followers1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'widgeth', document.getElementById('Profile1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'widgeth', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'widgeth', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Memuat\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'widgeth', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'widgeth', document.getElementById('Navbar1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'widgeth', document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'widgeth', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'widgeth', document.getElementById('HTML5'), {}, 'displayModeFull'));
</script>
</body>
</html>
• Instal dreamweaver (Adobe atau macromedia)
• Jika anda sudah menginstal dreamweaver, bukalah program tersebut dan pilih menu HTML seperti pada gambar di bawah ini.
Anda lihat menu create new di atas. klik HTML!
• selanjutnya setelah anda klik html maka layar putih kosong akan tampil pada layar anda, layar tersebut berguna untuk web yang akan anda buat nantinya.
Gambar di atas adalah gambar form untuk anda membuat web.
• Selanjutnya anda harus menamai web yang anda buat, bagaimana caranya??
Lihat gambar di atas, blok tulisan untitled, dan ganti jadi nama web yang anda inginkan
• Selanjutnya jika anda ingin mengatur konfigurasi huruf, background image, dll yang harus anda lakukan adalah masuk ke menu page properties, menu ini ada di bagian bawah.
Gambar di atas adalah gambar tombol menuju menu page properties, dan seperti inilah tampilan page properties.
dari pada anda cape scroll-scroll terus, lebih baik kita ganti page. hehehe
ok, di halaman sebelumnya anda sudah tau cara mengatur konfigurasi halaman web lewat page properties, selanjutnya yang anda lakukan adalah membuat tabel. Untuk apa??? tabel tersebut berguna untuk anda menaruh gambar sebagai header, advertisement, dll. Untuk membuat tabel, klik lah menu tabel.
Gambar di atas adalah gambar pilihan menu dari menu tabel
• Selanjutnya setelah anda mengklik menu tabel, pilih, anda ingin membuat berapa kolom, dan berapa baris, serta ketebalan rangka tabel, dll.
Pada gambar di atas dapat anda lihat, anda dapat menentukan berapa baris dan kolom yang anda inginkan, dan ubah nilai border thickness menjadi noll, agar saat web di publish web anda terlihat rapih karena borderless, jiah TV kalee borderless ahahaha
• Setelah itu akan muncul tabel seperti yang anda inginkan, kenapa tabel saya posisinya ada di tengah sedangkan anda ada di kiri? selain itu mengapa punya saya tabelnya lebih lebar? pada saat tabel muncul karena baru saja anda buat, anda klik align menjadi center di bagian bawah menu, setelah itu tarik DOT pada tabel, untuk membuatnya menjadi melar, tariklah ke kiri. maka akan tampil saperti gambar ini.
• Selanjutnya jika kita ingin menyisipkan gambar pada web, pada menubar pilihlah image, lalu insert image seperti gambar di bawah ini.
• Pada saat anda ingin menyisipkan gambar, misalnya untuk header, pertama-tama blok lah beberapa kolom, kemudian di merge dengan sortcut key ctrl+alt+m seperti gambar di bawah ini.
• Lalu saat anda memasukan gambar maka gambar yang anda masukan tergantung pada resoulsinya, tabel tersebut akan melar, lalu anda setting tabel agar rapih kembali, inilah repotna pake tabel.
• sisanya dapat anda mengembangkannya sendiri, baik dari backgroundnya ataupun menyisipkan flash kedalamnya, lalu saya akan menjelaskan bagaimana cara anda mempreview blog anda seandainya sudah terpublish. caranya adalah pilih menu file, lalu preview in browser, plihlah default browser anda, dan inilah hasilnya.
Langkah Selanjutnya
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 sebagai contoh struktur:
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