Cara Menjalankan Dreamweaver | Pengenalan Dreamweaver Bagi Pemula

Mengenal dreamweaver - Apa Itu Dreamweaver?... Adobe Dreamweaver merupakan aplikasi yang digunakan untuk melakukan desain halaman website secara visual, artinya kita dapat mengatur apa saja yang ada pada website kita dengan keinginan kita sendiri, sebuah aplikasi yang menyediakan fasilitas-fasilitas dan memberikan kemudahan bagi programer dan pemula seperti kita untuk membangun sebuah website, dengan aplikasi ini kita tidak perlu menuliskan kode-kode untuk mendesain halaman website, cukup men drag dan drop objek yang di butuhkan kedalam halaman dengan cepat.
Adobe Dreamweaver
Adobe Dreamweaver


MENJALANKAN DREAMWEAVER
Cara menjalankan adobe dreamweaver tidak berbeda dengan membuka program-program yang lain, kita dapat menjalankan aplikasi ini dengan mengklick start, dan tuliskan kata kunci adobe pada kotak pencarian, maka akan muncul icon aplikasi dreamweaver, tinggal double klick aplikasinya.

Hal yang pertama ketika kita menjalankan Adobe dreamweaver, yang pertamakali muncul adalah kotak dialog starter page dengan memberikan empat menu pilihan, Open a recent item, Create new, top fatures (Videos), dan link website, untuk lebih jelaasnya silahkan lihat gambar dibawah.
saat membuka pertama kali dreamweaver
Saat membuka pertama kali dreamweaver
1. Menu Open a Recent Item
Menu recent item ini adalah menu yang menampilkan  dokumen yang pernah dibuka oleh aplikasi adobe dreamweaver, kita dapat membuka dokumen-dokumen yang tertera pada menu recent dengan mengklick dua kali.

2. Create New
Menu ini digunakan untuk membuat dokumen baru yang telah disediakan oleh aplikasi ini, semisal kita akan membuat program website dengan menggunakan HTML,ColdFusion, PHP, CSS, JavaScript, XML, Fluid Grid Layout, Dreamwever Site, Business Catalyst Site, More.

3. Top Features (Videos)
Menu ini adalah fitur yang telah disediakan oleh DW melalui internet, Diantaranya adalah CS6 New Feature, Fluid Grid Layouts, CSS Transsitions Panel, jQuery Mobile Swatches, PhoneGap Build Panel, More.

4. Help Online
Help online ini hanya bisa digunakan jika komputerkita terhubung ke internet, kita hanya bisa menggunakan menu 3-4 jika komputer kita terhubung ke internet.



AREA KERJA ADOBE DREAMWEAVER
Terdapat berbagai macam tools di Area kerja Dw yang dapat membantu kita memudahkan pembangunan atau mendesain website, tools-tools ini meliputi menu bar, document toolbar, Document Window, Workspace Swicher, Panel Groups, Dan lain-lain.
Area Kerja
Area Kerja

MENU BAR
Menu Bar adalah group menu yang terdapat dibagian atas aplikasi, Setiap menu terdiri dari beberapa sub menu sesuai dengan kategoti masing masing, Menubar yang terdapat pada Adobe Dreamweaver antara lain adalah, File, Edit, View, Insert, Modify, Format, Commands, Site, Window, Help.
Menu Bar Dreamweaver
Menu Bar

DESIGNER ATAU WORKSPACE SWITCHER
Menu ini berfungsi untuk mengubah mode tampilan area kerja kita sesuai dengan tampilan kerja yang kita inginkan, Tempat dari menu ini ada dibagian atas sejajar dengan menu bar, terdapat banyak sekali tampilan Dari pilihan mode dreamweaver ini, untuk mode defaultnya adalah mode designer, silahkan kawan-kawan ubah sesuai dengan kebutuhan tampilan yang kawan-kawan inginkan, dengan mengklick tanda panah yang ada disebelah menu workspace.
Menu Workspace Switcher
Menu Workspace Switcher


DOCUMENT WINDOW
Dokument window adalah area yang digunakan untuk membuka, meng edit, menampilkan desain yang terdiri dari related file an code navigator, tag selector, dan informasi lainnya.
Document window
Document Window

DOCUMENT TOOLBAR
Document toolbar adalah tools yang berfungsi untuk mengatur tampilan dokumen, terdapat juga beberapa perintah umum yang berhubungan dengan perpindahan dokument antara komputer dan remote site, Document toolbar ini terdiri dari code, split, design, live, multyscreen, preview / debug in browser, file management, W#C validation, check browser compbility, refres, dan title.
Document Toolbar
Document Toolbar

PANEL INSERT
Panel insert berfungsi untuk menyisipkan objek-objek kedalam halaman web, ada beberapa pilihan tab pada panel insert ini antaralain adalah common, layout, form, data, spry, jQuery mobile, incontent editing, text, favorites, color icon.
Panel Insert Dw
Panel Insert Dw

Tab Common

Tab Common
Tab Common


  • Hyperlink
  • Email link
  • Named anchor
  • Horizontal Rule
  • Table
  • Insert div tag
  • Image
  • Media
  • Widget
  • Date
  • Server-side include
  • Head
  • Script
  • Template
  • Tag chooser


Tab Layout
Tab Layout
Tab Layout

  • Insert div tag
  • Insert fluid gride
  • Draw ap div
  • Spry menubar
  • Spry tabbed panels
  • Spry acordion
  • Spry colapsible panel
  • Table
  • Insert row above
  • Insert low below
  • Insert colum to the left
  • Insert colum to the right


Tab Forms
Tab Form
Tab Form

  • Form
  • Text field
  • Hidden field
  • Texarea
  • Checkbox
  • Checkbox Group
  • Radio Button
  • Radio Group
  • Select (list / Menu)
  • Jump menu
  • Image field
  • File Field
  • Button
  • Label
  • Fieldset
  • Spry validation text field
  • Spry validation textarea
  • Spry validation checkbox
  • Spry validation select
  • Spry validation password
  • Spry validation confirm
  • Spry validation radio group


Tab data
Tab Data
Tab Data


  • Inport Tabular data
  • Spry data set
  • Spry region
  • Spry repeat
  • Spry repeat list
  • Recordset
  • Stored procedure
  • Dynamic data
  • Repeat region
  • Show region
  • Recordset paging
  • Go to detail page
  • Display record count
  • Master detail page set
  • Insert record
  • Update record
  • Delete record
  • User aunthentication
  • XSL transform


Tab spry
Tab Spry
Tab Spry


  • Spry data set
  • Spry region
  • Spry repeat
  • Spry repeat list
  • Spry validation text field
  • Spry validation textarea
  • Spry validation checkbox
  • Spry validation select
  • Spry validation password
  • Spry validation confirm
  • Spry validation radio group
  • Spry menu bar
  • Spry tabbed panels
  • Spry accordion
  • Spry colapsible panel
  • Spry tooltip


Tab jQuery mobile
Tab jQuery Mobile
Tab jQuery Mobile


  • Page
  • List view
  • Layout grid
  • Colapsible block
  • Text input
  • Password input
  • Text area
  • Select menu
  • Checkbox
  • Radio button
  • Button
  • Slider
  • Flip toggle swicth


Tab incontext editing
Tab Incontext editing
Tab Incontext editing

  • Create editable region
  • Create repeating region


Tab text
Tab Text
Tab Text

  • Bold
  • Italic
  • Strong
  • Emphasis
  • Paragraph
  • Block Quote
  • Preformatted taxt
  • Heading 1
  • Heading 2
  • Heading 3
  • Unordered list
  • Ordered list
  • List item
  • Definition list
  • Devinition term
  • Devinition description
  • Abbreviation
  • Ancronym
  • Characters


Tab Favorites
Tab Favorites
Tab Favorites


  • Right-click to customize your favorite objects

Tab Colors icon

Subscribe to receive free email updates:

0 Response to "Cara Menjalankan Dreamweaver | Pengenalan Dreamweaver Bagi Pemula"

Post a Comment