Selasa, 19 Oktober 2010

TENTANG MACROMEDIA DREAM WEAVER

Arsip mwmag [Files] [Up] © 2002 PT Masterweb Media

Tutorial Dreamweaver MX Bagian 1:
Mengenal Lingkungan Kerja Dreamweaver

1. Mengenal Lingkungan Kerja Dreamweaver MX
2. Bekerja dengan Teks
* Heading
* Paragraf dan Line Break
* Memformat Teks Dengan Property Inspector
3. Membuat Link, Anchor, dan Target
* Target
* Named Anchors
4. Page Properties
5. Penutup

Figures

1. Lingkungan kerja Dreamweaver MX
2. Property Inspector
3. Heading
4. Paragraf dan Line Breaks
5. Mengubah format huruf
6. Membuat dokumen baru
7. Memasukkan Link
8. Tampilan index.htm di browser
9. Target pada Property Inspector
10. Named anchor
11. Membuat link ke bagian atas dokumen
12. Page Properties
13. Tampilan akhir tentangsaya.htm




Pupung Budi Purnama

Dreamweaver adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG—What You See Is What You Get—intinya Anda tidak harus berurusan dengan tag-tag HTML untuk membuat sebuah situs. Macromedia belum lama ini telah mengeluarkan rilis terbaru dari Dreamweaver yaitu Dreamweaver MX, dengan penambahan beberapa fasilitas baru di dalamnya. Dreamweaver tidak hanya dapat digunakan oleh para desainer web, namun juga dapat digunakan oleh programer untuk membangun halaman internaktif karena Dreamweaver MX mendukung pula PHP, ColdFusion, ASP.NET dan lain-lain. Menurut survey yang dilakukan oleh Pantone.com, www.pantone.com/products/products.asp?idArticle=209&idArea=1, pengguna Dreamweaver adalah 59% dari seluruh koresponden yang disurvey dan memang digunakan tidak hanya oleh desainer, tapi juga programer.

Dalam seri tutorial ini kita akan mengenal penggunaan Dreamweaver sebagai editor HTML visual. Untuk bagian pertama, kita akan mengenal lingkungan kerja dalam Dreamweaver MX dan membuat halaman web sederhana.

[Program: Untuk mencoba Dreamweaver, Anda membutuhkan programnya yang berjalan di Windows. Karena ukurannya cukup besar (dan lagi bukan freeware), Dreamweaver tidak dapat disertakan di CD edisi kali ini.]
Mengenal Lingkungan Kerja Dreamweaver MX

Lihat Gambar 1. Dreamweaver MX menawarkan dua layout view untuk dijadikan sebagai tampilan kerja saat Anda membuat halaman web. Setelah instalasi, Dreamweaver MX akan memberikan opsi: Macromedia Dreamweaver MX Workspace atau Macromedia Dreamweaver 4 Workspace. Anda dapat mengubah-ubah tampilan ini lewat menu preferences, Modify > Preferences > Change Workspace. Pilihan ini tentu saja terserah Anda, pada tutorial ini saya akan menggunakan Dreamweaver MX Workspace.


Fig 1. Lingkungan kerja Dreamweaver MX

Berikut ini penjelasan untuk elemen-elemen workspace seperti telah tertera pada gambar. Document Window adalah tempat di mana Anda dapat membuat halaman web secara visual, kode, atau keduanya. Insert panel adalah tempat Anda dapat memasukan image, Flash movie, table, atau elemen lain. Insert panel ini serupa dengan menu Insert pada menu bar. Untuk memunculkan panel ini, klik Windows > Insert atau tekan Ctrl-F2. Property Inspector berguna untuk melakukan pengeditan pada suatu elemen di Document Window. Document Toolbar berguna untuk mengubah tampilan dari disign/visual view, code view, atau keduanya sekaligus. Selain itu juga untuk memberi titel pada dokumen, melihat tampilan di browser. Panels Group merupakan kumpulan dari panel-panel Dreamweaver MX.

Pada bagian ini kita akan membuat halaman web sederhana dengan pemformatan dasar pada teks, link, anchor, dan Page Properties.
Bekerja dengan Teks

Pada dasarnya Dreamweaver tidak jauh berbeda dengan program pengolah kata dalam memformat teks. Namun terdapat sedikit perbedaan karena Dreamweaver menggunakan HTML. Untuk memformat teks dapat kita lakukan dengan menggunakan Property Inspector. Lihat Gambar 2.


Fig 2. Property Inspector
Heading

Heading (Gambar 3) digunakan untuk membuat judul dari dokumen atau sub-subjudul berbagai level. Misalnya Anda menggunakan Heading 1 untuk judul, Heading 2 untuk subjudul tingkat pertama, dan sebagainya. Anda juga dapat menggunakan insert panel, pada Insert Panel, klik Tab Text.


Fig 3. Heading
Paragraf dan Line Break

Bila kita menekan Enter pada pengolah kata, maka akan menghasilkan paragraf baru. Demikian pula pada Dreamweaver. Namun paragraf dalam HTML (

) secara default menghasilkan jarak lebih besar daripada jarak antarbaris. Jika kita ingin antarbaris tidak ada jarak, maka kita membutuhkan
di HTML. Untuk berpindah baris dan bukan paragraf kita menggunakan Shift-Enter, atau Insert > Line Breaks. Lihat Gambar 4.


Fig 4. Paragraf dan Line Breaks
Memformat Teks Dengan Property Inspector

Seperti yang sudah kita bahas sebelumnya, Propery Inspector berguna untuk melakukan pengeditan pada sebuah elemen HTML. Kita akan menggunakan Property Inspector ini untuk memformat teks, ukuran, warna, dan perataan paragraf. Untuk memunculkan Property Inspector yaitu dengan Window > Properties atau dengan menekan Ctrl-F3.

Anda dapat memilih jenis font sesuai dengan selera Anda, namun terdapat 5 jenis font yang yang umum digunakan untuk halaman web, karena hampir semua komputer memiliki jenis huruf ini: Arial, Times New Roman, Courier New, Georgia, dan Verdana. Untuk mengubah teks yang telah Anda ketik yaitu dengan memilih teks yang ingin diubah, kemudian pilih jenis font yang ingin Anda gunakan. Dalam pilihan font dari drop down Property Inspector terdapat beberapa jenis huruf lain yang dipisahkan dengan koma. Pertama-tama browser akan membaca font pertama untuk ditampilkan di browser, bila font pertama tidak terinstal di komputer maka akan dilanjutkan dengan font kedua, kemudian ketiga, dan seterusnya. Font default adalah Times New Roman. Lihat Gambar 5.


Fig 5. Mengubah format huruf
Membuat Link, Anchor, dan Target

Untuk membuat link antarhalaman, selain diperlukan halaman link sumber—Source Link—juga diperlukan link tujuan—Destination Link. File contoh halaman Web sederhana di atas saya simpan dengan nama file index.htm. Halaman ini yang akan menjadi link sumber kita. Mari kita buat halaman baru untuk dilink:

Buatlah halaman baru untuk link tujuan, File > New, pada kotak dialog pilih Kategori Dynamic Page, dan Basic Page HTML. Lihat Gambar 6. Setelah selesai membuat file baru, kemudian simpanlah file tersebut dengan nama file tentangsaya.htm. Pada contoh, saya memasukkan horizontal Rule, Insert > Horizontal Rule untuk memisahkan konten dari halaman tersebut. Kemudian simpan di folder yang sama dengan index.htm.


Fig 6. Membuat dokumen baru

Pada index.htm, pilihlah teks “Tentang Saya”, kemudian pada Property Inspector ketikan tentangsaya.htm pada kotak link. Atau gunakan Browse For File untuk memilih file tentangsaya.htm lewat kotak dialog. Lihat Gambar 7. Cek dengan menggunakan browser, bukalah file index.htm (Gambar 8).


Fig 7. Memasukkan Link


Fig 8. Tampilan index.htm di browser

Untuk membuat link ke situs lain, setelah teks dipilih, ketik langsung pada kotak link alamat yang dituju, misalnya http://www.mwmag.com (Jangan lupakan http://).
Target

Target (Gambar 9) adalah perintah atau opsi pada link yang memberitahukan di window mana link tersebut akan dibuka. Setiap window atau frame di HTML dapat kita beri nama dan browser akan memuat halaman ke window/frame sesuai yang ditunjukkan oleh link. Sesuai aturan di HTML, terdapat nama-nama target khusus yang berarti spesial. _Self adalah pilihan default, bila Anda tidak menentukan target, link akan dibuka pada window browser atau frame yang sama. _top memuat ke window terluar (di luar semua frame yang ada). _Blank membuka link pada browser window baru. _Parent membuka link pada frame induk (kita akan membahas tentang hal ini pada bagian Frame nanti).


Fig 9. Target pada Property Inspector
Named Anchors

Bila halaman web Anda memungkinkan pengunjung menscroll window browser karena isi dari halaman tersebut panjang dan terdiri dari beberapa halaman, Anda dapat menggunakan Named Anchors ini untuk menentukan titik-titik tertentu pada halaman dengan tujuan memudahkan navigasi pengunjung mencari sesuatu dalam halaman dengan cepat. Pada halaman yang saya buat tentangsaya.htm terdapat beberapa menu yang langsung menuju ke topic tertentu pada halaman tersebut, setelah itu pengunjung dapat kembali ke atas halaman.

Untuk membuat Named Anchor, pertama kita tandai bagian khusus dari halaman: klik Insert > Named Anchors, atau tekan Ctrl-Alt-A. Setelah kotak dialog muncul masukan nama anchor. Pada file ini saya memberi nama kesukaan. Setelah itu klik OK. Pada bagian yang ditandai akan tampak tanda/icon buku terbuka. Lihat Gambar 10.


Fig 10. Named anchor

Setelah itu kembali ke halaman atas pilih teks yang akan di buat link pada bagian atas dokumen yang akan dihubungkan dengan Anchor tersebut, pada kotak link di Property Inspector ketikkan #kesukaan. Untuk mengembalikan ke atas halaman buat link baru pada bagian tersebut misal: kembali ke atas. Lihat Gambar 11. Kemudian masukkan di kotak link tanda # dan pilih _top untuk target dari link tersebut. Lihat di browser dengan menekan F12.


Fig 11. Membuat link ke bagian atas dokumen
Page Properties

Page Properties adalah fasilitas untuk mengubah properti dasar sebuah dokumen Web, seperti judul halaman, warna-warna link, dsb. Untuk membuka Page Properties klik Modify > Page Properties. Lihat Gambar 12. Title untuk menentukan judul dokumen. Background Image tempat memasukkan gambar sebagai latar belakang. Background menentukan warna latar. Text untuk menentukan warna teks. Links mengubah warna link. Visited Link mengubah warna link yang telah dikunjungi. Active Link mengubah warna link yang sedang diklik. Margin menentukan margin halaman. Semua elemen ini memiliki padanannya di dalam kode HTML, yaitu dalam atribut elemen . Selain mengubah format tampilan melalui Page Properties, kita juga dapat melakukannya dengan CSS (Cascading Style Sheet) yang akan kita bahas pada tutorial bagian lain. Setelah selesai, Anda dapat melihat tampilannya di browser (Gambar 13).


Fig 12. Page Properties


Fig 13. Tampilan akhir tentangsaya.htm
Penutup

Di Internet terdapat banyak koleksi background untuk situs yang Anda buat, salah satunya adalah free-backgrounds.com.

Pupung Budi Purnama sedang menyelesaikan kuliahnya di Fakultas Peternakan Universitas Padjadjaran, bekerja di salah satu perusahaan desain di Bandung, dan aktif di komunitas IT UNPAD dan anggota DATANET Unpad. Dapat dihubungi di pupungbp@fapet-online.com.

[Last-Modified: Fri Nov 29 14:47:28 2002]
Arsip mwmag [Files] [Up] www.master.web.id/mwmag

FUNGSI MACROMEDIA DREAM WEAVER

skip to main | skip to sidebar
.

* Home
* Menu 1
* Menu 2
* Menu 3 »
o Sub Menu 1 »
+ Sub Sub Menu 1
+ Sub Sub Menu 2
o Sub Menu 2
o Sub Menu 3
* Menu 4

3.12.2008

MACROMEDIA DREAMWEAVER 8

Macromedia Dreamweaver adalah program untuk membuat dan mengedit dokumen HTML secara visual dan mengelola halaman sebuah situs. Dreamweaver menyediakan banyak perangkat yang berkaitan dengan pengkodean dan fitur seperti HTML, CSS, JavaScript, PHP, ASP, ColdFusion, dan XML.

Area Kerja Dreamweaver 8

1. Halaman Awal

Gambar 1.1 : Halaman awal Dreamweaver 8

Pada halaman awal Dreamweaver 8 terdapat beberapa menu yang dapat dipilih

a. Open a Recent Item

Pada menu ini akan ditampilkan beberapa file yang sebelumnya pernah kita buka dengan menggunakan Dreamweaver 8. Atau di paling bawah ada Open yang dapat digunakan untuk membuka file yang lain.

b.Create New

Pada menu ini kita dapat memilih dokumen baru apa yang akan kita buat dengan menggunakan Dreamweaver 8. Ada banyak pilihan, diantaranya HTML, ColdFusion, PHP, ASP, JavaScript, CSS.

c. Create From Samples

Pada menu ini kita dapat membuat file berdasarkan contoh yang sudah diberikan oleh Dreamweaver.

1. Halaman Utama Dreamweaver 8

Gambar 1.2 : Halaman Utama Dreamweaver 8

Keterangan :

1. Toolbar Dokumen

Toolbar dokumen digunakan untuk mengubah tampilan dan mengakses fungsi-fungsi penting secara cepat dan mudah. Pada toolbar dokumen terdapat menu untuk berpindah antar dokumen kerja window dan mengatur tampilan area kerja. Untuk mengatur tampilan kita bisa memilih Code, Split dan Design.

2. Menu Utama

Menu Utama berisi semua perintah yang dapat digunakan untuk bekerja pada Dreamweaver.

3. Insert Bar

Insert bar merupakan tempa semua perangkat kerja (tombol) tang digunakan untuk membuat halaman web. Insert bar mempunyai dua jenis tampilan, yaitu tampilan sebagai menu dan tampilan sebagai tab.


Gambar 1.3 : Tampilan Insert bar sebagai tab

Gambar 1.4 : Tampilan Insert bar sebagai menu
a. Tab Common

Berisi semua tombol yang sering atau umum digunakan untuk membuat halaman web. Tombol yang ada di Tab Common antara lain Hyperlink, Email Link, Named Anchor, Table, Images.

b. Tab Layout

Tab layout digunakan untuk membuat layout halaman web. Terdapat tiga jenis layout yang dapat dipilih, yaitu Standard, Expanded dan Layout.

· Untuk Standard view tampilan dokumen seperti biasa (berupa garis-garis tabel)

· Untuk Expanded view menampilkan border tabel yang direnggangkan sehingga semua rancangan tabel dapat dilihat dengan jelas baik itu baris dan kolomnya.

· Untuk Layout view rancangan tabel ditampilkan sebagai kotak-kotak yang dapat di-drag, dan diatur ulang ukurannya dengan mudah.

c. Tab Form

Tab form digunakan untuk membuat elemen dalam form, misalnya saja textarea, textfield, radio button, checkbox

d. Tab Text

Tab text digunakan untuk membuat pengaturan text. Misalnya saja membuat text italic, strong, underline, h1.

e. Tab HTML

Tab HTML digunakan untuk membuat garis horizontal, menambahkan meta tag dalam tag , dan frame.

f. Tab Application

Tab application digunakan jika aplikasi kita sudah berhubungan dengan suatu bahasa pemrograman dan sebuah database.

g. Tab Flash elements

Tab flash elements digunakan untuk memasukkan elemen flash dalam dokumen yang kita buat.

1. Code View

Code View digunakan untuk melihat kode HTML dari halaman web yang sedang kita buat.

2. Panel Properties

Panel properties merupakan panel yang digunakan untuk melihat dan mengubah property dari semua objek yang ada di area kerja. Masing-masing objek mempunyai property yang berbeda. Untuk melihat property dari objek yang diinginkan, seleksi dulu objek tersebut.

3. Design View

Design View digunakan untuk melihat tampilan web dari kode HTML yang kita buat.

Panel Group

Panel group terdiri dari beberapa panel yang digunakan sebagai window pembantu untuk bekerja di Dreamweaver. Terdapat lima buah panel yaitu Design, Code, Application, Tag Inspector dan Files.

Pada panel Files berisi semua files (html, image, swf) jika anda telah mendefinisikan suatu site ke dalam area kerja Dreamweaver. Pada panel code berisi semua penjelasan dari tag-tag HTML dan cara penggunaanya. Panel Design berisi format-format CSS yang ada pada dokumen yang sedang dikerjakan.



Gambar 1.5 : Panel Group

Mendefinisikan Site

Dreamweaver memberikan kemudahan dalam manajemen file yang digunakan dalam membuat halaman web. Untuk itu diperlukan pengaturan agar Dreamweaver mengenali file-file Anda. Mendefinisikan site artinya mendefinisikan project baru kepada area kerja Dreamweaver.

Untuk mendefinisikan site baru, klik menu Site > Manage Site maka akan muncul tampilan berikut.

Kemudian pilih New > Site untuk menampilkan window baru yang berisi pengaturan site yang akan dibuat. Atau anda juga dapat mengaksesnya melalui menu utama Site > New Site. Kemudian akan tampil tampilan seperti gambar 1.7. Pilih tab Advanced > Category > Local Info untuk mengatur folder-folder tempat file yang akan digunakan dalam membuat halaman web. Berikut ini keterangannya :

* Pada isian Site Name, isikan nama project Anda atau nama situs Anda.
* Local Root Folder merupakan folder utama project anda. Beri centeng pada refresh local file list Automatically agar file terbaru anda muncul di Dreamweaver.
* Default Image Folder merupakan folder tempat file-file gambar anda disimpan. Default Image Folder harus berada di dalam Local Root Folder.
* Jika anda sudah mempunyai domain isikan alamat domain Anda di isian HTTP Address agar semua link yang ada pada ahalaman web anda selalu dicek.
* Enable Cache memungkinkan Dreamweaver menggunakan temporary file ketika adan mengetes halaman web anda (Preview in Browser) pada browser di computer local. Fungsinya untuk mempercepat proses pengeksekusian file ke browser.

Jika sudah selesai klik OK.





Posting Lebih Baru Posting Lama Beranda

* Home
* MP3 Download
* mbahdewo
* multimedia
* ilmuwebsite
* faisalman

KOMPUTER

* ketok dot com
* bazinganz
* ebosoft
* All Filez
* acces
* VB
* chipset
* hacking
* oprek windows
* sothink
* Ilmu Komputer

YAYASAN CRADENTA MUBAROK

* ISLAMIC CENTER CRADENTA MUBAROK
* MD NIHAYATUL AMAL
* KOPERASI SYARIAH CRADENTA
* MAJLIS TAKLIM
* CRADENTA TV
* TKIT SIWNDU

KESEHATAN

* Media Sehat
* Halo-halo
* merc

* Posts
* Comments

PARTAI POLITIK

* GOLKAR
* PBB
* DEMOKRAT
* PPP
* PDIP
* PAN
* PKB
* PKS
* info partai

Serpihan Qolbu
I“Bulan Ramadhan adalah bulan yang di dalamnya diturunkan (permulaan) Al Qur`an sebagai petunjuk bagi manusia dan penjelasan-penjelasan mengenai petunjuk itu dan pembeda (antara yang haq dan yang batil).” (Al-Baqarah: 185) “Bila datang bulan Ramadhan dibukalah pintu-pintu surga, ditutuplah pintu-pintu neraka dan dibelenggulah para setan.” (HR. Al-Bukhari dan Muslim) “Sesungguhnya Kami telah menurunkan Al Qur’an pada malam kemuliaan. Tahukah kamu apakah malam kemuliaan itu? Malam kemuliaan itu lebih baik dari seribu bulan. Pada malam itu turun malaikat-malaikat dan malaikat Jibril dengan izin Tuhannya untuk mengatur segala urusan. Malam itu penuh kesejahteraan hingga terbit fajar.” (Al-Qadar: 1-5) “Shalat lima waktu, dari Jum’at (yang satu) menuju Jum’at berikutnya, (dari) Ramadhan hingga Ramadhan (berikutnya) adalah penghapus dosa di antaranya, apabila ditinggalkan dosa-dosa besar.” (HR. Muslim)
JADWAL SHOLAT

PENGINGAT
NGOBROL YUCK.....!!!!!
CHIT-CHAT EUY
RADIO MQFM
Browser not supported
MAP
Al-Qura'an On line
Dengar Al-Qur'an
RUANG DOWLOAD
Technorati
RankWidget.com
0 (No Data)

ADOBE MACROMEDIA DREAM WEAVER

Adobe Dreamweaver
Dari Wikipedia bahasa Indonesia, ensiklopedia bebas
(Dialihkan dari Macromedia Dreamweaver)
Perubahan tertunda ditampilkan di halaman iniBelum Diperiksa
Langsung ke: navigasi, cari
Logo Macromedia Dreamweaver MX (versi 6)

Adobe Dreamweaver merupakan program penyunting halaman web keluaran Adobe Systems yang dulu dikenal sebagai Macromedia Dreamweaver keluaran Macromedia. Program ini banyak digunakan oleh pengembang web karena fitur-fiturnya yang menarik dan kemudahan penggunaannya. Versi terakhir Macromedia Dreamweaver sebelum Macromedia dibeli oleh Adobe Systems yaitu versi 8. Versi terakhir Dreamweaver keluaran Adobe Systems adalah versi 10 yang ada dalam Adobe Creative Suite 4 (sering disingkat Adobe CS4).

MENU DALAM MACROMEDIA

Menu Template:
Green Drop Down Menu Bar

*
*
*

*
*
o
o
o
o
*
*
*
*

*
*
*
*

About Companie
Recent News
Agreements
Submit Software 1
Submit Software 2
Submit Software 3
Submit Software 4
JOIN US
Submit Press Release 6
Submit Software 1
Submit Software 2
Submit Software 3
Submit Software 4
Write to Support
Feedback
FAQ
Visit our Forum
JOIN US! HOME SUBMIT software CONTACT US Log In
Web Button Image by Vista-Buttons.com v4.3.0
Menu Dalam Dreamweaver





This menu is generated by Dreamweaver Menu Extension.
Create your own menu now!



2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Menu Dalam Dreamweaver Screenshots
Dreamweaver Multiple States For Buttons Left Right Menu TemplateDreamweaver Me Carga Css Html Submenu Fur ButtonMenu Dreamweaver Dreamweaver 8 Create Navigation Bar SubmenuDrag Down Dreamweaver Cs4 Dropdownlist Html Dreamweaver




Video Tutorial



The Vista Buttons Menu Extension for Dreamweaver allows you to create powerful dropdown menus, directly in Dreamweaver 3.0, Dreamweaver UltraDev 1.0, Dreamweaver 4, Dreamweaver UltraDev 4.0, Dreamweaver MX, Dreamweaver MX 2004, Dreamweaver 8, Dreamweaver CS3 or CS4. Create, insert, modify a css menu without leaving your favorite web design framework! Fully customizable appearance! Use one of the 500+ web buttons, 100 submenu designs, 6600+ icons, 50 ready-made samples, or create your own using the theme editor. With support for custom images, icons, colors, font styles, the possibilities are limitless. You'll create really nice looking web menus and web buttons with little or no design skills at all!



Menu, Button, and Icon Collection
Dreamweaver Menu Extension provides huge collection of 1400 web buttons, 6600 icons, 300 ready-made samples, so you'll create really nice looking menus and buttons with little or nodesign skills at all! Web 2.0, Mac, iPhone, Aqua buttons, Vista, XP, transparent, round, glossy, metallic, 3d, tab menus, drop down menus will be a breeze!

Button and Icon Samples

Download Vista Menu Bar Gif Rollover Plugins For Dreamweaver Cs3 Dropdown Rollover Horizontal Html Dreamweaver Ready Made Codes
Buy Now! :: Free Trial Download :: More Info
Features
Widest cross-browser compatibility
The html menus generated by Dreamweaver Menu Extension run perfectly on all old and new browsers, including IE5,6,7,8, Firefox, Opera, Safari and Chrome on PC, Mac, and Linux. Dreamweaver Menu Extension menus have a structure based on HTML list of links (LI and UL tags), readable by any search-engine robots and text browsers.

Spry Pulldown Demo Button State
You can create 1-state, 2-state, 3-state and 3-state toggle buttons using Dreamweaver Menu Extension. 1-state buttons are simple static image buttons. 2-state buttons respond to mouseOver event creating rollover effect. Mouse click doesn't change the button appearance. 3-state buttons support both mouseOver and mouseClick event. 3-state toggle buttons additionally stick in the pressed state after a click.

Dreamweaver Menu Download Fonts, Borders and Background Colors
Use any necessary font of any color, size and font decoration for normal and mouseover state. Create any available type, thickness and color of a menu's frame. Choose any color for backgrounds of submenus and items.

Nice Free Menu Dreamweaver Menu Dalam Dreamweaver Image Navigation
Use images for icons, backgrounds of items. Using images you can create menus entirely based on graphics.

Orientation of the Menu
Create both horizontal and vertical menus and submenus with any amount of menus on one page.

Ready to use button templates and submenus themes.
In the Themes toolbox you can choose selected buttons and submenu themes for web appearance.




2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now! :: Free Trial Download :: More Info
How to use Dreamweaver Menu extension

To install the menu into your html page you should do the following things:

Create and save your buttons in any temp folder using Vista Buttons application. It will be better to export all menu code to external .js file. Go to "Tools/Export options...". Check "Save all menu params to js file" option.

Export options

You can use "Save as HTML" function.

Save Dreamweaver navigation

You can enter any name you like, for example enter "menu":

Save Dreamweaver menu name

So you'll have menu.html file and "menu-files" folder with all menu files.

Generated files
Insert a dreamweaver navigation to many pages using library

- Start Dreamweaver and open your website. When the website opens, it should look like this:

Open website in Dreamweaver

- To create the library item you should do the following things:
Create a new folder in the root of your website, for example "library". In this folder create a "New File" and name it menu.lbi.

Create Library in Dreamweaver

- Now you can add a javascript menu in your library. Open menu.lbi page (double-click menu.lbi in Files list window) and switch to the HTML View. Delete all code from this page. Open the generated in Vista Buttons menu.htmlpage in any text editor. Copy all code within the following tags:

...


[Menu Code in Lister]

- Go back to Dreamweaver. Go to the "Edit Menu" with Dreamweaver and select the "Paste" option to paste the menu code that we copied to the clipboard earlier. To display images correctly you should change vbImgPath parameter. Find the following code
var vbImgPath="menu-files/"
and change it to
var vbImgPath="library/menu-files/"

Add menu code to a library in Dreamweaver

- Save you menu.lbi file.

- Now you should copy the "menu-files" folder into the same folder with your menu.lbi library file ("library" folder).

Copy menu files in Dreamweaver

- Create two pages and insert the library item to the pages.

Add pages to your website in Dreamweaver

- Open "Assets" tab in the Files list window. Select "Library" tab in the left side of this window. Drag the library item into your pages respectively. So, all your pages will have the same navigation. Save your page now.

Drag library to your pages in Dreamweaver

- Repeat the previous step for all pages where you want to have the javascript menu.

- Notice that in the Design mode your menu won't display. It is normal. You should view your page in browser.

Design mode in Dreamweaver

- That's all. You've added all necessary code to your page, so let's test it. Select "File/Preview in browser/IExplore" to display the page live (in Internet Explorer).

Result

- If everything goes well, save and publish your website. If something seems wrong, double-check that you followed all the steps correctly.

- If you still run into trouble, we'd be happy to assist you further. You can post your problem to us at , and meanwhile describe your files in details.



Buy Now! :: Free Trial Download :: More Info


Support
Please contact Customer Support at (please include template name in the message title)



Buy Now! :: Free Trial Download :: More Info


FAQ

* ".. are you saying the button creater will be able to generate code that will enable my google editor to link into the images"

* ".. Can site buttons be added to my existing web pages and how easy is it to update once it is installed and do? "

* Dreamweaver Menuleri File"..How can I set up Dreamweaver Menu Extension dreamweaver extension?"

* "..The submenu of a menu buttons do not appear in front of a flash movie, it is allways under it. "

* ".. How SEO friendly is the button maker software? "

* ".. I want to clone one of your vista button, make some changes, and save the changed button to a new theme and I'm having trouble figuring out how to do that."





Buy Now! :: Free Trial Download :: More Info




See also

Web Development and Design Tutorials - dremi.info � Web 2.0 sedangkan untuk menu dan field form bisa diganti dengan tanpa menggunakan gambar di Macromedia Dreamweaver, sebagai tool editor yang biasa gw pake dalam membwat layout

Flash Buttons In Dreamweaver : Smart Webby Professional & Free Smart Webby Professional & Free Dreamweaver Templates n/a Simply menu or portfolio design, easy to use and easy Cara Untuk Menang Dalam Poker Facebook

Web Development and Design Tutorials - dremi.info � Merancang Menggunakan Macromedia DreamWeaver. WOKE kita lanjut lagicontoh lainnya kita akan membuat table dalam bagian konten tadi. Pilih Menu Insert > Table ato [CTRL+ALT+T]

Telecharger Template Index Avec Dreamweaver Template Insert Pdf Viewer In Dreamweaver 8 Blue Web Design Menu; Dreamweaver Templates Code Recommended by: Script Dalam Dreamweaver Awards

Telecharger Template Index Avec Dreamweaver Template Insert Pdf Viewer In Dreamweaver 8 Blue Web Design Menu; Dreamweaver Templates Code Recommended by: Script Dalam Dreamweaver Awards

EverQuest II Sentinel's Fate - Massively Multiplayer Role-Playing Dalam ( 14 ) Dreamweaver's Trance. 0/1. Hypnosis. 0/1. Mana Flow. 0/8. Empathic's Click on 'Persona' under the EQII Main Menu (or simply

Bagai mana cara membuat script head dalam html dengan mudah RollOver, Menu DropDown, mengganti tulisan di StatusBar, Menu PopUp, MessageBox, dsb. DreamWeaver Pada bahasa html, perintah diletakkan dalam tanda "" dan

Free Menu Bar Windows Downloads: Menu Bar Xsl by Developer Flash Menu Bar; Mac Menu Bar For Visa; Mac Shortcut Menu Bar For Xp; Alpikasi Menu Bar Dalam Xp; Flash Menu Bar For Dreamweaver; Code For Drop Down Menu Bar

Popup menu appear behind Flash movie I design a popup menu using Dreamweaver MX and below the popup menu got one Flash intro movie. tambah tag ni dalam EMBED punya tag:

Menu Vertical // Explore atau menu yang berurut dari atas ke bawah, agar pengunjung lebih mudah dalam Create professional horizontal and vertical CSS drop down menus in Dreamweaver

Belajar Dreamweaver Cs3 Dalam Bahasa Melayu Blogs, Pictures Tutorial : Jom Kita Style kan Spry Menu Bar. Pada tutorial kali ini, saya akan tunjukkan bagaimana untuk mencantikkan lagi Spty Menu Bar nih.. Bagaimana mahu menambah ikon

Dreamweaver tag di Isnaini Dot Com halaman web terdiri dari header(atas) links menu(kiri) dan content(kanan). Kemudian saya pakai Dreamweaver 8 Hal-hal dasar yang perlu dipahami dalam membuat website

Menu Vertical // Explore atau menu yang berurut dari atas ke bawah, agar pengunjung lebih mudah dalam Create professional horizontal and vertical CSS drop down menus in Dreamweaver

Blog! Rushdan Bagaimana mahu menambah ikon graphic ke dalam Spry Menu Bar. Jom.. Kalo anda telah mengikuti tutorial Tutorial: Spry Menus Dengan Dreamweaver CS3 , maka ikut

Membuat Web Menggunakan Macromedia Dreamweaver (3) | Tutorial Web Membuat Web Menggunakan Macromedia Dreamweaver (3) - Kumpulan tutorial web yang halaman website melalui layar design dimana kita bisa menggunakan menu-menu pilihan dalam

Free PDF: Tutorial Php Dalam Bahasa Indonesia - Page 4 PDFoo.com From the Dreamweaver main menu Topic Under: Macromedia Total of Page : 44 page(s) Similar Terms: tutorial php dalam bahasa indonesia, tutorial photoshop dalam

Buy Now! :: Free Trial Download :: More Info

Dependent List Menu Php Dreamwever Popular Templates

# Css Menu Writer 2 Dreamweaver Dynamic Select List
# Dreamweaver Foldout Button Menus Dhtml Menu Builder Dreamweaver Ultradev
# Horizontal Slider Javascript Dreamweaver Tutorial Dreamweaver Menu Example
Rollover Drop Down Menu Dreamweaver Cs3 Templates

* Dreamweaver Animation Menu Light Blue Drop Down Menus - Rounded Corner
* Dreamweaver Tutorial Create Button Sub Bottom Web Popup Menu Rounded Toolbar Olive
* Button For Dreamweaver Freeware XP Style 1 - Oval Web Page Button
* Text Size Buttons Dreamweaver Space Bars Buttons
* Button Dreamweaver Blue Web Design Menu
* Menu Emergente En Dreamweaver 8
* Dreamweaver Drop Down Menus Background
* Dreamweaver Navigation Bar Fade
* Web 2 0 Navigation Bar Dreamweaver Common Style 7 - Html Button Rollover
* Dreamweaver Tabs Horizontal Popup Menu Rounded Toolbar Green
* Edit Template Dengan Dreamweaver Flyout Menu Horizontal Blue Toolbar
* Dreamweaver Part Of Image Button DHTML Flyout Menu Light Blue Toolbars

Jump Menu Dreamweaver Cs3 Php Feedback

* "..I was impressed with your drop down navigation menu because you had mentioned that someone did not need that much experience.."

* "..I have created a three-level Vista style javascript vertical menu.."
Crear Menu Desplegable Dreamweaver 8 Framewroks
* "..hence the reason I bought your html drop down menu.."

* "..I use drop down menu maker mainly for the images and it's saved me a decent amount of time.."
Menu Menu Dalam Website
* "..I think the dhtml menu maker is great, I really like the simplicty.."

* "..I like about cascading drop down list is its small size and the fact that one can pixel-precisely position the text.."

Recommended by:

Navigation Bar Codes For Dreamweaver Awards

Static Menu Web Design Help Dreamweaver Html Spry Dropdown Menu
Menu Desplegable En Dreamweaver Rollover Button Fireworks
Mac Tree Menus Dreamweaver Dreamweaver Template Menu Submenu
Dreamweaver Behavior Nav Bar Image Microsoft Web Buttons
Dreamweaver Codes Samples Submit Descarga De Create Button Para Html
Multi State Buttons In Dreamweaver Template of Day

Is Dreamweaver Rollovers Browser Compatible Dreamweaver Click Image To Play Movie

Copyright © 2010 Dreamweaver Menu Templates
JavaScript Window | JavaScript Modal Window | JavaScript Window Open | Photo Flash Gallery | Flash Slideshow Maker

MENU DALAM MACROMEDIA

Pengenalan dasar Dreamweaver 4.0
Ido Priyono Hadi

Apa yang akan pelajari pada lesson ini ?:

1. Apa itu Dreamweaver?
2. Basic layout
3. Objects Palette
4. Launcher palette
5. Sekilas tentang Properties Inspector
6. Sebuah halaman dasar [A basic page]

Apa itu Macromedia Dreamweaver

Macromedia Dreamweaver is sebuah editor HTML profesional untuk mendesain secara visual dan mengelola website dan halaman web. Konsep WYSYWIG (What You See IS What You Get) HTML (HyperText Mark-up Language) akan memberikan anda membuat membuat halaman web dan web sites secara mudah dan cepat. Tetapi dibalik semuanya itu, dreamweaver juga memberikan anda kemudahan mempelajari DHTML (Dynamic HTML), yang bisa membuat website lebih menarik dan lebih interaktif. Tidak hanya berhenti disini, dreamweaver juga mempunyai fasilitas FTP (File Transfer Protocol) untuk upload situs anda ke Internet ketika proses desain sudah selesai dibuat.

Fasilitas Dreamweaver termasuk juga coding tools dan features: HTML, CSS, dan JavaScript reference, a JavaScript Debugger, dan code editors (the Code view and Code inspector) yang bisa untuk mengedit JavaScript, XML, dan dokumen text lainnya secara langsung dalam Dreamweaver. Teknologi Macromedia tentang HTML mengimport dokumen HTML tanpa memformat ulang code nya - dan anda bisa dengan mudah mengeset Dreamweaver untuk membersihkan dan memformat ulang HTML kapan pun anda inginkan.

Layout Screen Dasar

Pertama kalai anda start Dreamweaver anda akan disajikan dengan sebuah dokumen tanpa judul [Untitled Document] lihat pojok kiri atas dari gambar. Ini adalah dokumen halaman web anda yang masih kosong sebelum anda memulai dan menambahkan elemen-elemen seperti gambar, text, tabel dsb.

Anda juga bisa melihat beberapa dari Dreamweaver's palette's yang tampak dalam gambar 1. Jika tidak, secara sederhana anda membutuhkan agar bisa ke Window menu dan memilih apa yang ada inginkan secara visible dari daftar yang tersedia. Gambar 1 ini menunjukkan Objects tersebut. Launcher dan Properties Inspector palettes terbuka. Ini akan diterangkan kemudian dalam manual ini.

Layout Screen
Gambar 1 - sebuah tipikal dari Dreamweaver screen.

Objects palette

Pallete pertama yang kita lihat adalah Objects palette (lihat gambar 2). Objects palette mengijinkan anda untuk memasukan (insert) elemen pada halaman web anda. Anda bisa menambahkan apa yang anda suka seperti : Gambar (Images), tabel (tables), Flash movies, Java applets, dsb. Akan tetapi Objects palette mempunyai fungsi lebih lebih dibalik semuanya itu.

Saat ini anda sedang melihat pada objects yang biasa dipakai Common objects (lihat bagian atas dari objects palette dalam gambar 2). Dreamweaver juga menawarkan anda 5 fungsi tambahan (lihat gambar 3), termasuk Forms, Characters dan frames. Untuk mengakses palettes tambahan ini sangat gampang tekan icon kecil panah ke bawah di common dan pop-out menu yang muncul (gambar 3).



Object Palette
Gambar 2

Object Flyout
Gambar 3 - Pop-out menu


Untuk melihat tiap menu pada icon tsb, sederhana tahan mouse over pada icon yang anda kehendaki dan help tip akan muncul. Kita akan melihat nanti untuk menambahkan elemen yang berbeda ketika kita mulai membuat halaman sederhana yang pertama nanti dalam manual ini.

Launcher palette

Launcher palette (gambar 4) adalah hanya palette yang tidak dibutuhkan secara visible untuk penggunaanya sepertinya pallete merupakan replicated pada bagian kanan bawah dari layar Dreamweaver (lihat gambar 1). Jadi jika anda memfungsikannya buka dan tutup seperlunya untuk menghemat layar anda.

Launcer_Palette
Gambar 4 - The launcher palette.

Launcher palette digunakan untuk mengakses beberapa file dari windows/palettes Dreamweaver lainnya . Dari sini anda bisa membuka code tags HTML source editor, Site Map window, Behaviours palette, dsb. Cobalah sekarang, klik pada HTML Source icon. Jangan takut anda bisa menutup window seperti window lainnya dalam Windows 9x dengan mengeklik 'X' pada bagian sudut kanan atas dari window yang ada.

Properties Inspector

Properties Inspector fungsi kerjanya agak berbeda dalam Palettes lain pada Dreamweaver, sepertinya konteknya agak sensitif. Dalam penggunaan sederhana yang berarti bisa diubah tergantung pada apa yang sedang anda edit atau buat. Contohnya, ketika anda sedang mengedit text, Property Inspector akan tampak seperti gambar [gambar 5].

Tambahkan sebuah tabel maka Properties Inspector akan tampak seperti gambar 6

Properties_inspector_text
Gambar 5 - Properties Inspector untuk text.

Properties Inspector_Table
Gambar 6 - Properties Inspector untuk tables.

Seperti yang anda lihat, dua Properties Inspectors sangat berbeda. Anda akan menjadi sangat familiar dengan Properties Inspector nantinya, seperti anda sedang bekerja dengan Propert Inspectors sementara anda sedang mendesain dan mengedit halaman web/ situs.

Halaman dasar

Setelah kita melihat secara sekilas Dreamweaver sekarang kita akan mendefinisikan dan melihat dalam page properties (gambar 7). Yang termasuk dalam opsi ini adalah page colour, page title, background image, dsb.

Seperti diterangkan sebelumnya, ketika anda membuka Dreamweaver secara otomatis akan ditunjukkan pada sebuag dokumen blank untitled page (lihat gambar 1 lagi). Untuk mengakses halaman Properties pada dialogue box anda mempunyai 3 pilihan. Anda bisa dengan right-click dimanapun pada dokumen blank tsb dan memilih Page Properties. Anda bisa ke menu Modify dan pilih opsi pertama, Page Properties or atau anda bisa tekan CTRL+J pada keyboard.

Page Properties
Gambar 7 - Page Properties.

Seperti anda lihat dalam gambar 7 ada beberapa pilihan yang tersedia ketika anda setting the properties untuk halaman blank web anda. Kebanyakan opsi tsb tidak pernah digunakan ketika anda membuat halaman, jadi kita akan konsentrasi pada opsi common saja.

Title : Ini adalah nama yang akan muncul pada menu bar dari browser anda. Jangan bingung dengan nama file halaman web anda. Title ini akan lebih berguna bila dokumen akan di simpan [save as] atau di di print out.

Background image : Anda bisa memasukan sebuh gambar untuk dijadikan background dalam halaman web. Anda beribu-ribu websites dimana anda bisa download secara gratis [free background tiles] atau anda bisa membuat sendiri dalam sebuah program komputer seperti Adobe Photoshop.

Background: Jika anda tidak ingin menggunakan sebuah gambar sebagai background untuk halaman web anda, secara sederhana anda bisa menggunakan sebuag warna [a colour]. Untuk memilih warbna yang kita inginkan klick pada icon colour chip (the small square) setelah itu anda akan membuat pilihan warna. Hal yang sangat bagus dengan pilihan warna adalah bahwa warna yang anda berikan untuk semua halaman web adalah safe colours.

Text: Secara default text colour yang digunakan sudah tersedia. Note : Ini hanya relevan untuk current page dan tidak semua halaman web yang anda punya dibuat juga atau halaman berikutnya.

Links: Pilihan 3 links sharusnya tidak dirubah seperti browser yang menunjukkan halaman yang akan dilihat pada

Marilah kita membuat halaman web blank.

Dalam latihan sederhana ini akan membawa anda pada beberapa fungsi sederhana yang bisa anda coba, plus kita juga akan melihat dokumen setelah disimpan dan dilihat pada sebuah browser untuk melihat bagaimana tampilan dokumen tsb.

Dalam Page Properties dialog box lakukan langkah-langkah berikut.

1. Dalam Title option, hapus 'Untitled Document' dan ketikan 'My first page'.
2. Rubahlah Background dengan yang lebih bagus misal, a nice pale blue.
3. Rubahlah Text ke warna hitam.

Akhirnya klik Apply untuk melihat hasil perubahan yang terjadi pada screen.

Sekarang ketikan nama anda dan latar belakang anda sendiri agar supaya anda mempunyai beberapa text pada screen.

Sekarang sebelum kita melihat hasilnya, kita perlu melakukan langkag save as dulu.

> File menu > pilih Save As.
> Ketikan nama file mypage.htm.

Yakinkan anda tidak menggunakan spasi atau hruf besar dalam nama file anda. Ini bisa
menjadi masalah ketika anda mengupload file tsb ke internet.

> Pilih lokasi save untuk file tsb dan klik Save.

> untuk melihat hasilnya seolah-olah tampil dalam web tekan F12 pada keyboard.

Selesai

Selamat berlajar dan berlatih

APA ITU MACROMEDIA DREAM WEAVER?

Pengenalan dasar Dreamweaver 4.0
Ido Priyono Hadi

Apa yang akan pelajari pada lesson ini ?:

1. Apa itu Dreamweaver?
2. Basic layout
3. Objects Palette
4. Launcher palette
5. Sekilas tentang Properties Inspector
6. Sebuah halaman dasar [A basic page]

Apa itu Macromedia Dreamweaver

Macromedia Dreamweaver is sebuah editor HTML profesional untuk mendesain secara visual dan mengelola website dan halaman web. Konsep WYSYWIG (What You See IS What You Get) HTML (HyperText Mark-up Language) akan memberikan anda membuat membuat halaman web dan web sites secara mudah dan cepat. Tetapi dibalik semuanya itu, dreamweaver juga memberikan anda kemudahan mempelajari DHTML (Dynamic HTML), yang bisa membuat website lebih menarik dan lebih interaktif. Tidak hanya berhenti disini, dreamweaver juga mempunyai fasilitas FTP (File Transfer Protocol) untuk upload situs anda ke Internet ketika proses desain sudah selesai dibuat.

Fasilitas Dreamweaver termasuk juga coding tools dan features: HTML, CSS, dan JavaScript reference, a JavaScript Debugger, dan code editors (the Code view and Code inspector) yang bisa untuk mengedit JavaScript, XML, dan dokumen text lainnya secara langsung dalam Dreamweaver. Teknologi Macromedia tentang HTML mengimport dokumen HTML tanpa memformat ulang code nya - dan anda bisa dengan mudah mengeset Dreamweaver untuk membersihkan dan memformat ulang HTML kapan pun anda inginkan.

Layout Screen Dasar

Pertama kalai anda start Dreamweaver anda akan disajikan dengan sebuah dokumen tanpa judul [Untitled Document] lihat pojok kiri atas dari gambar. Ini adalah dokumen halaman web anda yang masih kosong sebelum anda memulai dan menambahkan elemen-elemen seperti gambar, text, tabel dsb.

Anda juga bisa melihat beberapa dari Dreamweaver's palette's yang tampak dalam gambar 1. Jika tidak, secara sederhana anda membutuhkan agar bisa ke Window menu dan memilih apa yang ada inginkan secara visible dari daftar yang tersedia. Gambar 1 ini menunjukkan Objects tersebut. Launcher dan Properties Inspector palettes terbuka. Ini akan diterangkan kemudian dalam manual ini.

Layout Screen
Gambar 1 - sebuah tipikal dari Dreamweaver screen.

Objects palette

Pallete pertama yang kita lihat adalah Objects palette (lihat gambar 2). Objects palette mengijinkan anda untuk memasukan (insert) elemen pada halaman web anda. Anda bisa menambahkan apa yang anda suka seperti : Gambar (Images), tabel (tables), Flash movies, Java applets, dsb. Akan tetapi Objects palette mempunyai fungsi lebih lebih dibalik semuanya itu.

Saat ini anda sedang melihat pada objects yang biasa dipakai Common objects (lihat bagian atas dari objects palette dalam gambar 2). Dreamweaver juga menawarkan anda 5 fungsi tambahan (lihat gambar 3), termasuk Forms, Characters dan frames. Untuk mengakses palettes tambahan ini sangat gampang tekan icon kecil panah ke bawah di common dan pop-out menu yang muncul (gambar 3).



Object Palette
Gambar 2

Object Flyout
Gambar 3 - Pop-out menu


Untuk melihat tiap menu pada icon tsb, sederhana tahan mouse over pada icon yang anda kehendaki dan help tip akan muncul. Kita akan melihat nanti untuk menambahkan elemen yang berbeda ketika kita mulai membuat halaman sederhana yang pertama nanti dalam manual ini.

Launcher palette

Launcher palette (gambar 4) adalah hanya palette yang tidak dibutuhkan secara visible untuk penggunaanya sepertinya pallete merupakan replicated pada bagian kanan bawah dari layar Dreamweaver (lihat gambar 1). Jadi jika anda memfungsikannya buka dan tutup seperlunya untuk menghemat layar anda.

Launcer_Palette
Gambar 4 - The launcher palette.

Launcher palette digunakan untuk mengakses beberapa file dari windows/palettes Dreamweaver lainnya . Dari sini anda bisa membuka code tags HTML source editor, Site Map window, Behaviours palette, dsb. Cobalah sekarang, klik pada HTML Source icon. Jangan takut anda bisa menutup window seperti window lainnya dalam Windows 9x dengan mengeklik 'X' pada bagian sudut kanan atas dari window yang ada.

Properties Inspector

Properties Inspector fungsi kerjanya agak berbeda dalam Palettes lain pada Dreamweaver, sepertinya konteknya agak sensitif. Dalam penggunaan sederhana yang berarti bisa diubah tergantung pada apa yang sedang anda edit atau buat. Contohnya, ketika anda sedang mengedit text, Property Inspector akan tampak seperti gambar [gambar 5].

Tambahkan sebuah tabel maka Properties Inspector akan tampak seperti gambar 6

Properties_inspector_text
Gambar 5 - Properties Inspector untuk text.

Properties Inspector_Table
Gambar 6 - Properties Inspector untuk tables.

Seperti yang anda lihat, dua Properties Inspectors sangat berbeda. Anda akan menjadi sangat familiar dengan Properties Inspector nantinya, seperti anda sedang bekerja dengan Propert Inspectors sementara anda sedang mendesain dan mengedit halaman web/ situs.

Halaman dasar

Setelah kita melihat secara sekilas Dreamweaver sekarang kita akan mendefinisikan dan melihat dalam page properties (gambar 7). Yang termasuk dalam opsi ini adalah page colour, page title, background image, dsb.

Seperti diterangkan sebelumnya, ketika anda membuka Dreamweaver secara otomatis akan ditunjukkan pada sebuag dokumen blank untitled page (lihat gambar 1 lagi). Untuk mengakses halaman Properties pada dialogue box anda mempunyai 3 pilihan. Anda bisa dengan right-click dimanapun pada dokumen blank tsb dan memilih Page Properties. Anda bisa ke menu Modify dan pilih opsi pertama, Page Properties or atau anda bisa tekan CTRL+J pada keyboard.

Page Properties
Gambar 7 - Page Properties.

Seperti anda lihat dalam gambar 7 ada beberapa pilihan yang tersedia ketika anda setting the properties untuk halaman blank web anda. Kebanyakan opsi tsb tidak pernah digunakan ketika anda membuat halaman, jadi kita akan konsentrasi pada opsi common saja.

Title : Ini adalah nama yang akan muncul pada menu bar dari browser anda. Jangan bingung dengan nama file halaman web anda. Title ini akan lebih berguna bila dokumen akan di simpan [save as] atau di di print out.

Background image : Anda bisa memasukan sebuh gambar untuk dijadikan background dalam halaman web. Anda beribu-ribu websites dimana anda bisa download secara gratis [free background tiles] atau anda bisa membuat sendiri dalam sebuah program komputer seperti Adobe Photoshop.

Background: Jika anda tidak ingin menggunakan sebuah gambar sebagai background untuk halaman web anda, secara sederhana anda bisa menggunakan sebuag warna [a colour]. Untuk memilih warbna yang kita inginkan klick pada icon colour chip (the small square) setelah itu anda akan membuat pilihan warna. Hal yang sangat bagus dengan pilihan warna adalah bahwa warna yang anda berikan untuk semua halaman web adalah safe colours.

Text: Secara default text colour yang digunakan sudah tersedia. Note : Ini hanya relevan untuk current page dan tidak semua halaman web yang anda punya dibuat juga atau halaman berikutnya.

Links: Pilihan 3 links sharusnya tidak dirubah seperti browser yang menunjukkan halaman yang akan dilihat pada

Marilah kita membuat halaman web blank.

Dalam latihan sederhana ini akan membawa anda pada beberapa fungsi sederhana yang bisa anda coba, plus kita juga akan melihat dokumen setelah disimpan dan dilihat pada sebuah browser untuk melihat bagaimana tampilan dokumen tsb.

Dalam Page Properties dialog box lakukan langkah-langkah berikut.

1. Dalam Title option, hapus 'Untitled Document' dan ketikan 'My first page'.
2. Rubahlah Background dengan yang lebih bagus misal, a nice pale blue.
3. Rubahlah Text ke warna hitam.

Akhirnya klik Apply untuk melihat hasil perubahan yang terjadi pada screen.

Sekarang ketikan nama anda dan latar belakang anda sendiri agar supaya anda mempunyai beberapa text pada screen.

Sekarang sebelum kita melihat hasilnya, kita perlu melakukan langkag save as dulu.

> File menu > pilih Save As.
> Ketikan nama file mypage.htm.

Yakinkan anda tidak menggunakan spasi atau hruf besar dalam nama file anda. Ini bisa
menjadi masalah ketika anda mengupload file tsb ke internet.

> Pilih lokasi save untuk file tsb dan klik Save.

> untuk melihat hasilnya seolah-olah tampil dalam web tekan F12 pada keyboard.

Selesai

Selamat berlajar dan berlatih

MACROMEDIA DREAM WEAVER

TIPS panas hari ini!
close
Jangan lewatkan kesempatan peluang PASANG IKLAN Murah. BUKTIKAN...!
Sedang Memuat Halaman | Loading, please wait...
Archive Software - Download Software Full Version
headerphoto
Find Keywords

:: SIAF-ACEH.COM - Review Software | Tips Tricks | Gratis Home Full Download. Home Crack Serial. Home Rapidshare links. Home Warez Download. Home Free Full Download. Home Torrent CDKey. Home Nocd PatchDirect links. rapidshare links

* HOME
* PROFILE
* TV ONLINE
o RCTI Online
o ANTV Online
o TVONE Online
o Global TV Online
o METRO TV Online
* CONTACT
* BUKU TAMU
* GALLERY PHOTO
* STATISTIK
* PASANG IKLAN
*

MENU UTAMA

* HOME
* PROFILE
* FRIENDS
* CONTACT
* List PTC Terpercaya
* LINKS ME
* BUKU TAMU
* LIRYC LAGU
* SUMBANGAN
* MEMBERS LIST
* FORUM DISKUSI
* GALLERY PHOTO
* STATISTIK WEBSITE

KATEGORI

* SOFTWARE FULL
o Anti-Spyware
o Anti-Virus
o SYSTEM Tools
o Drivers
o InterNet Tools
o Firewalls
o Graphics & Design
o Downloaders
o MultiMedia
o Desktop Enhancements
o DVD Tools
o Virtual CD & CD Tools
o File Tools
o Office
o All In One (AIO)
o Operating System
o Portable
o Programming
o Others
o For MacOSX
* TIPS & TRICK
o Windows Vista
o Windows 7
o SEO
o Internet
o Hp
o Computer
* INFO
o Aceh
o Medan Sumut
o Aceh Barat
o Computers & Electronic Gadgets
o Technology
o Puisi
o Kata Mutiara
o Videos
* BLOG
o Blogger Templates
o Tutorial BLogger
o Tutorial Wordpress

LOGIN
Hai Tamu
IP Anda : 125.165.184.211
11819 Member Telah Bergabung


Username :
Password :
Forgot Password
or Daftar
STATISTIK
Pengunjung : 2360733
Total hits : 5079506
Bulan ini : 50540
Hari ini : 2848
Sekarang ini : 65
SUPPORT
Admin

:


:

Facebook

:

Email

:

sif_af@yahoo.co.id
Mobile

:

085277090444

:

081269666990
INFO NEWSLETTER
Archive Software | Tips Tricks | Your Future Downloads | Review Softwares | Gratis | Free Software Downloads Full Version - Ingin tahu lebih cepat Tentang Artikel atau Info Terbaru yang di Publikasikan Oleh Siaf Aceh ? Daftarkan e-mail anda di sini dengan secara otomatis anda dapat kiriman artikel terbaru dari Siaf Aceh , Silahkan daftarkan email anda di sini ( Free ) :





Preview | Powered by FeedBlitz

[Subscribe to get updates by email, IM and more!]

Yang Ngefans
SIAF ACEH.COM on Facebook
WELCOME TO ARCHIVE SOFTWARE - DOWNLOAD SOFTWARE FULL VERSION
Left

* Panel 1
* Panel 2
* Panel 3
* Panel 4
* Panel 5
* Panel 6

temp
IT Consultant
Perencanaan serta stratetegi untuk kebutuhan penerapan teknologi informasi.
temp
IT Infrastructure
Jaringan Komputer (Computer Network), Internet, Keamanan Komputer dan Internet
temp
IT Product
Menyediakan berbagai peralatan (hardware) untuk teknologi informasi.
temp
Web Development
Jasa pembuatan website untuk semua kebutuhan.
temp
Desktop Application Development
Jasa pembuatan aplikasi database untuk sistem informasi, dll...
temp
Layanan Professional
Jasa pelatihan dan perawatan perangkat teknologi informasi.
Right
temp-thumb
temp-thumb
temp-thumb
temp-thumb
temp-thumb
temp-thumb

Internet Download Manager v6.03 With Keygen
DiBaca Sebanyak (1306) Kali | Kamis, 14 Oktober 2010 13:36:23
Internet Download Manager kembali update versi terbarunya yaitu : Internet Download Manager v6.03 With Keygen, Internet Download Manager adalah sebuah pilihan yang sangat tepat sebagai Download Accelerator dan Download Manager, karena dapat meningkatkan kecepatan download.Jika kita selama ini sudah terbiasa menjadikan IDM sebagai Download Manager, maka rasanya kita perlu untuk melakukan update. Untuk yang belum mempunyai IDM bisa menggunakan software ini sebagai download manager. Karena bisa meningkatkan kecepatan download ketika anda mengunduh suatu file di internet. Internet Download Manager (IDM) adalah alat untuk meningkatkan kecepatan downlo...

Baca Selengkapnya..

Download Adobe Cs5 Master Collection
DiBaca Sebanyak (355) Kali | Kamis, 14 Oktober 2010 13:04:59
Adobe Creative Suite 5 Master Collection memungkinkan Anda untuk merancang dan mengembangkan hasil pekerjaan yang luar biasa, berkolaborasi secara efektif, dan memberikan layanan hampir di mana saja. Adobe Creative Suite 5 Master Master memberikan toolset komprehensif untuk merancang seluruh media. Jelajahi menarik perangkat tambahan yang meliputi cara-cara baru untuk membuat konten interaktif, kinerja terobosan, dan integrasi dengan layanan baru Adobe CS Live untuk meningkatkan produktivitas.Aplikasi yang terdapat di Adobe CS5 Master Collection : Adobe Photoshop® CS5 Extended Adobe Illustrator® CS5 Adobe InDesign® CS5 Adobe Flash P...

Baca Selengkapnya..

Microsoft Office 2010 14.0.4734.1000 Professional - ISO
DiBaca Sebanyak (922) Kali | Kamis, 14 Oktober 2010 12:49:49
Dear Pengunjung Kami, walaupun sebelumnya SIAF ACEH DOT COM telah posting tentang download software Microsoft Office 2010 Di SINI, namun tak kalah ketinggalan untuk versi terbaru lagi yang berformat kan iso, dengan versi Microsoft office 2010 14.0.4734.1000 Professional. Microsoft Office (2010) 14.0.4734.1000_Professional adalah sebuah toolset yang lengkap disediakan Microsoft untuk orang-orang yang harus bekerja sama dengan orang lain dan bekerja dengan informasi yang efisien, terlepas dari lokasi atau status jaringan. Office Enterprise 2010 adalah dibangun di atas kekuatan dari Microsoft Office Professional Plus 2010, menambahkan Micro...

Baca Selengkapnya..

AVG Internet Secaurity 2011 10.0.1136 Build 3181
DiBaca Sebanyak (790) Kali | Selasa, 12 Oktober 2010 10:49:39
AVG Internet Security 2011 merupakan sebuah software proteksi yang dilekapi dengan fitur-fitur perlindungan yang sangat cocok bagi kita yang sering beraktivitas dengan komputer yang selalu terkoneksi dengan internet. AVG Internet Security 2011 ini lebih ringan dalam penggunaan memory dan CPU, lebih cepat dalam melakukan scanning dan lebihpintar dalam melindungi komputer kita dari setiap ancaman yang datang. Fitur-fitur utama AVG Internet Security 2011. Anti Virus dan Anti Spyware. Fitur yang akan selalu menjaga komputer anda dari serangan malware berbahaya seperti virus dan software pencuri informasi seperti spywar...

Baca Selengkapnya..

Tips Block Web-Situs Tertentu Di Windows
DiBaca Sebanyak (478) Kali | Sabtu, 9 Oktober 2010 09:35:40
Posting Kali ini kita coba kopas mesalah ngeblock situs - situs di internet karna ada salah satu penggemar SIAF ACEH DOT COM yang bertanya...ini saya coba share, Mungkin bukan hanya satu pengguna warnet yang gerah dengan situs-situs porno, youtube yang memakan bandwitdh cukup besar, facebook dan friendster yang membikin kerja di kantor menjadi terganggu… lalu bgaimana kalau kita ingin memblock situs-situs atau website tertentu saja, tidak semuanya lho…? sebenarnya di windows sudah menyediakannya, dan kita tidak perlu software ataupun pengaturan melalui DNS maupun yang lain-lain, hanya menambahkan web black list. Untuk Cara Nya Coba ...

Baca Selengkapnya..

Download Auto Hide IP 5.0.9.8 Final – Full
DiBaca Sebanyak (959) Kali | Jum`at, 8 Oktober 2010 02:18:16
Auto Hide IP 5.0.9.8 Final | Adalah salah satu software yang dapat memberikan perlindungan privasi-perangkat lunak yang memungkinkan anda untuk menyembunyikan alamat IP anda yang sesungguhnya, surfing secara anonim, dan secara otomatis dapat mengubah alamat IP setiap beberapa menit. dengan itu, Anda dapat memilih IP palsu dari berbagai negara melalui option “Pilih IP Negara” . Anda juga dapat dengan mudah mengembalikan IP yang asli dan real IP dengan hanya mengklik tombol Hide IP atau Stop Hide. Auto Hide IP 4.6.6.8 dapat bekerja dengan baik pada Internet Explorer, Firefox, Opera, Maxthon, MyIE dan kompatibel dengan semua jenis router, firewa...

Baca Selengkapnya..

Berita Lainnya

* Nero v9.4.13.2d
*
Nero v9.4.13.2d Multilanguage Lite

* Your Uninstaller! 2008
*
Your Uninstaller! 2008 v6.2.1347

* All Office Converter
*
All Office Converter Platinum v6.2

* UltraISO Premium
*
UltraISO Premium Edition 9.3.3

Info Terbaru

www.adsplayers.com



Get cash from your website. Sign up as affiliate.

Archive Software - Software Full Version - Download For All

1 | 2 | 3 | 4 | 5 | Next » | »»»
POLLING
Dari manakah kamu mengetahui Website ini ?
Blogwalking
Search engine
Teman
Link Banner
No comment


RECENT COMMNET
Microsoft Office 2010 14.0.4734.1000 Professional - ISO
office2010
2010-10-19 12:42:44, - oleh : agus
file pach ato serial keynya mana untuk office 2010nya? makasih
--------------------------------------------
Download TransTool 6.1- Full Version
Passwoard
2010-10-19 10:28:46, - oleh : Cerol
Hahahaha,,,sorry bro,,, Sebelum gw download lupa baca teks diatas... Rupanya passwordnya diatas,,, Thank's ya Sob....
--------------------------------------------
Download TransTool 6.1- Full Version
Password
2010-10-19 10:17:11, - oleh : cerol
Tolong donk kasi tw passwordnya v. 6.1
--------------------------------------------
Nitro PDF Professional 6.0.1.8 - With Keygen
link download
2010-10-18 22:32:20, - oleh : ridha
mano link download e bang... paniang mbo mancai e...
--------------------------------------------
Download Word to PDF Converter 3.0 Full Version
tes
2010-10-18 21:21:38, - oleh : risnandar
tes
--------------------------------------------
Update Key Avira Premium Security Sampai 25 Desember 2010
avira
2010-10-18 21:21:33, - oleh : mimi boz
Update Key Avira Premium Security Sampai 25 Desember 2010
--------------------------------------------
ARSIP

* Oktober 2010 (10)
* September 2010 (10)
* Agustus 2010 (12)
* Juli 2010 (16)
* Juni 2010 (12)
* Mei 2010 (8)
* April 2010 (15)
* Maret 2010 (23)
* Februari 2010 (30)
* Januari 2010 (53)
* Desember 2009 (45)
* Nopember 2009 (71)
* Oktober 2009 (62)
* September 2009 (46)
* Agustus 2009 (51)

SPONSOR
TOP BANNER

DONASI
SIAF ACEH HADIR DENGAN DUKUNGAN ANDA - Dukung situs ini dengan donasi anda. Jika anda merasa blog atau webiste ini bermanfaat dan membantu anda, anda bisa memberikan kontribusi ke SIAF-ACEH.COM via PayPal .



Dukung situs ini dengan donasi anda. Jika anda merasa blog ini bermanfaat, anda bisa memberikan kontribusi ke SIAF-ACEH.COM via Rekening Bank Lokal .

REPORT

Powered By SiteReport.org
SONY Vegas Pro 9.0c Build 896 - With Keygen
Sony Vegas Pro 9 Merupakan salah satu software khusus untuk video dan audio editing. Saat ini Sony Vegas Pro bukan menjadi tandingan Adobe Premire, sementara Sony Vegas Pro memang belum sepopuler Adobe Premire yang didukung begitu banyak plug-in. Tetapi Sony Vegas Pro memiliki banyak kemudahan yang tidak dimiliki Adobe Premire. Sony Vegas Pro memiliki interface pada

Selengkapanya »

Download CyberLink PowerDVD 10.0.1705 Ultra Precracked
CyberLink Power DVD 10 Ultra salah satu yang terbaik pemain perangkat lunak modern, memungkinkan untuk interaktif melihat sebuah DVD-Video dan Video CD pada komputer Anda.Keuntungan utama dari pemain ini termasuk kualitas gambar yang sangat baik, user-friendly interface dengan kulit dan penyesuaian yang baik.Selain menonton film dari CD-ROM (DVD dan Video CD), PowerDVD memungkinkan Anda.....

Selengkapanya »

Nitro PDF Professional 6.0.2.6 - Full Version
Nitro PDF Professional Telah Mereales Versi terbarunya yaitu : Nitro PDF Professional 6.0.2.6, Nitro PDF Professional Merupakan Software yang bekerja pada file yang ber format PDF. Dengan Nitro PDF Professional kita bisa membuat, mengatur, mengedit, menggabungkan dan convert ke format yang lain seperti format Word, Text dan imageDan masih banyak feature lainnya yang dimiliki oleh.....

Selengkapanya »

Update Key Avira Premium Security Sampai 25 Desember 2010
SIAF-ACEH.COM | Update Key Avira Premium Security kali ini saya menyedia yang terbaru, keys Avira tersebut Valid sampai dengan tanggal 25 Desember 2010, pada keys yang sebelum nya saya sudah share dengan masa aktif nya sudah dekat sampai 1 Oktober ini, jika anda ingin tetap menggunakan nya secara Full Versi silahkan update dengan Key Avira Premium Security yang saya sediakan...

Selengkapanya »

Pulsa Gram Gaji Gratis Neobux Get cash from your website. Sign up as affiliate.

© 2007-2008 SIAF ACEH DOT COM. All Rights Reserved. Hosting By : Dutaspace.com
Website Pribadinya Anak Aceh Selatan Kluet Selatan | Email: sif_af@yahoo.co.id | Mobile Phone: +62852 77090 444
[SEO Monitor by MyPagerank.Net] [Click to see how many people are online] My Ping in TotalPing.com [Real-time stats by SiteReport.org] Click here to see more stats!


Copyright : http://siaf-aceh.com/#ixzz12mlyT3p7
By. www.siaf-aceh.com