Dreamweaver CC For Dummies Cheat Sheet - dummies

Oleh Janine Warner

Anda dapat menggunakan Adobe Dreamweaver CC untuk membuat situs web baru atau mendesain ulang yang sudah ada. Dalam Dreamweaver CC, yang merupakan singkatan dari Creative Cloud, Anda menemukan halaman Welcome yang familiar dan tool baru untuk mengelola Cascading Style Sheets (CSS) dan font web. Meningkatkan Dreamweaver dengan memasang plug-in, atau membuat situs Anda dengan teliti daftar tautan untuk perancang web.

Layar Selamat Datang Dreamweaver CC

Antarmuka grafis Dreamweaver yang mudah digunakan dan daftar fitur yang kuat menjadikannya pilihan populer di kalangan perancang web profesional dan juga penggemar. Dengan setiap versi baru, Dreamweaver menawarkan fitur baru, namun Anda masih bisa menemukan layar Welcome yang sudah dikenal untuk membantu Anda memulai.

Layar Selamat Datang Dreamweaver CC menyediakan jalan pintas ke file yang baru dibuka, jenis file baru, dan video tentang fitur utama.

Cara Menginstal Ekstensi di Dreamweaver CC

Bahkan dengan semua fitur keren di Dreamweaver CC, Anda mungkin ingin melakukan hal-hal yang tidak dapat dilakukan Dreamweaver dengan fitur yang dikirimkan bersama program ini. Untungnya, programmer yang menciptakan Dreamweaver memungkinkan programmer lain menambahkan fitur dengan Extension Manager. Anda dapat menambahkan fungsionalitas baru dengan menambahkan ekstensi dari berbagai sumber pihak ketiga yang tersedia dari situs Ekstensi Adobe, yang ditunjukkan pada gambar berikut.

Kunjungi situs Adobe Extension untuk menambahkan ekstensi Dreamweaver.

Anda dapat menemukan ekstensi yang melakukan segalanya dari menambahkan menu drop-down dan fly-out yang sangat mudah disesuaikan untuk menciptakan sistem keranjang belanja berfitur lengkap. Perlu diingat, bagaimanapun, bahwa tidak semua ekstensi didukung dengan baik dan hanya sedikit yang mendapat instruksi bagus. Mereka juga tidak semuanya gratis. Beberapa biaya ratusan dolar, tapi sebagian besar berada di kisaran $ 20 sampai $ 50. Saat Anda mengunjungi situs Dreamweaver Exchange, Anda akan menemukan ulasan dan rangking untuk membantu Anda memilah-milah pilihan terbaik.

Pada langkah-langkah berikut, Anda akan melihat bagaimana Anda menemukan, mendownload, dan memasang ekstensi Dreamweaver gratis. Meskipun bagaimana ekstensi bekerja setelah dipasang, berbeda secara dramatis, proses dasar menambahkannya ke Dreamweaver hampir sama.

1. Kunjungi situs Dreamweaver Exchange.

   Lakukan salah satu dari berikut ini untuk sampai ke situs Dreamweaver Exchange:

   • Pilih Lebih Banyak Perilaku dari bawah daftar drop-down Add Behavior di panel Behaviors.

   • Kunjungi www. adobe. com / exchange dan ikuti link ke bagian Dreamweaver.

   • Klik link di kanan bawah layar Welcome Dreamweaver.

   Catatan: Jika Anda meluncurkan Dreamweaver dan menemukan link untuk mendownload pembaruan Dreamweaver dan bukan link ke situs Exchange, dengan segala cara mendownload dan menginstal pembaruan terlebih dahulu. Setelah selesai, link update digantikan oleh link ke situs Exchange.

2. Urutkan melalui banyak ekstensi yang tersedia.

   Anda akan menemukan berbagai ekstensi di situs Dreamweaver Exchange. Anda dapat mencari melalui ekstensi menurut kategori, kata kunci, dan opsi peringkat. Banyak ekstensi yang ditampilkan di situs Exchange menyertakan tautan ke situs pembuat konten mereka, di mana Anda akan sering menemukan lebih banyak ekstensi.

3. Pilih ekstensi dan tinjau fiturnya.

   Saat Anda mengeklik tautan ke ekstensi di situs Exchange, Anda akan menemukan lebih banyak informasi tentang ekstensi, termasuk persyaratan sistem dan versi Dreamweaver yang ekstensinya dirancang. Secara umum, Anda dapat menggunakan ekstensi yang dirancang untuk versi Dreamweaver sebelumnya dalam versi yang lebih baru. Namun, perhatikan bahwa ekstensi yang dirancang untuk versi Dreamweaver di kemudian hari biasanya tidak akan bekerja pada versi program sebelumnya, dan beberapa ekstensi hanya akan bekerja pada platform Windows.

   Sebelum meninggalkan halaman ekstensi, luangkan waktu untuk membaca petunjuk khusus di tengah halaman. Beberapa ekstensi menyertakan informasi penting, seperti di mana Anda menemukan fitur baru di antarmuka Dreamweaver setelah diinstal dan memperingatkan bahwa beberapa fungsi perpanjangan hanya akan berfungsi bila dipratinjau di server web langsung (ini benar untuk ekstensi gambar acak, untuk contoh).

4. Untuk mendownload ekstensi, klik tombol Download (untuk ekstensi gratis) atau tombol Beli di sebelah nama ekstensi dan simpan ekstensi ke hard drive Anda.

   Bergantung pada bagaimana ekstensi di-host di bursa, Anda dapat diarahkan ke halaman lain di mana Anda harus mengklik Download lagi untuk mendownload ekstensi.

5. Pilih Help> Manage Extensions untuk membuka kotak dialog instalasi.

   Sebagian besar ekstensi mengharuskan Anda menutup Dreamweaver sebelum menginstal, dan sebagian besar menginstal dengan satu klik tombol. Dreamweaver's Extension Manager meluncurkan secara otomatis untuk menginstal sebagian besar ekstensi.

6. Di kotak dialog Manajer Ekstensi, pilih File → Install Extension dan kemudian jelajahi drive Anda untuk memilih file ekstensi yang Anda download.

   Setelah penginstalan selesai, Dreamweaver menampilkan instruksi untuk menggunakan ekstensi. Petunjuk ini biasanya sama dengan yang ada di tengah halaman di situs Exchange.

   Perhatikan secara khusus bagian instruksi yang memberitahu Anda di mana Anda akan menemukan ekstensi yang baru Anda pasang. Ekstensi dapat ditambahkan ke menu, kotak dialog, dan bagian lain dari Dreamweaver tergantung pada fungsinya dan bagaimana pemrogram menyiapkannya. Menemukan mereka bisa menjadi sulit jika Anda tidak tahu harus mencari di mana.

7. Luncurkan Dreamweaver dan cari opsi menu baru, tombol, atau fitur antarmuka lainnya yang mengontrol ekstensi baru Anda.

   Dalam banyak kasus, yang harus Anda lakukan adalah membuka halaman yang ada atau membuat halaman baru di Dreamweaver dan kemudian membuka kotak dialog yang baru ditambahkan atau memilih opsi baru dari sebuah menu.

Adobe terus memperbarui situs Exchange, yang tersedia dengan mengklik link Dreamweaver di www. adobe. com / pertukaran Kunjungi secara teratur untuk menemukan ekstensi baru yang dapat Anda download dan instal untuk meningkatkan fitur Dreamweaver.

24 Situs Web dan Sumber Daya untuk Desainer Web

Bahkan perancang web berpengalaman merujuk pada sumber online untuk mengikuti keahlian mereka dan menambahkan fitur khusus ke situs web mereka. Situs web berikut akan memudahkan Anda menemukan beberapa sumber yang dapat membantu proyek desain web Anda.

• Layanan pelaporan Analytics dan lalu lintas:

  • Google Analytics

  • Yahoo! Web Analytics

  • HubSpot

• Layanan hosting dan hosting video:

  • YouTube

  • Vimeo

  • SoundCloud

• Browser web populer:

  • Apple Safari

  • Google Chrome

  • Microsoft Internet Explorer

  • Mozilla Firefox

  • Opera

• Layanan berbagi media sosial

  • Add This

  • Lockerz Share

• Layanan pengujian browser web:

  • BrowserShots

  • Pengujian Cross Browser

  • Xenocode Browser Sandbox

• Layanan font web:

  • Adobe Typekit

  • Font Squirrel

  • Font Google Web

• Informasi tentang Dreamweaver, SEO, dan desain web:

  • Pusat Pengembang Adobe Dreamweaver

  • Pelatihan Desain Web dari Penulis Janine Warner di DigitalFamily. com

  • SearchEngineLand

  • SearchEngineWatch

  • Majalah Situs Web