Dreamweaver CS6 For Dummies Cheat Sheet - dummies

Oleh Janine Warner

Jika Anda baru mengenal desain web atau telah membuat halaman HTML selama bertahun-tahun, Adobe Dreamweaver CS6 adalah alat yang ideal. untuk membangun website anda Di versi CS6, Anda akan menemukan layar selamat datang dan dukungan terbaru untuk Cascading Style Sheets (CSS3) dan HTML5. Dreamweaver adalah program populer di kalangan perancang web profesional, dan juga orang-orang yang ingin membangun situs untuk hobi, klub, keluarga, dan usaha kecil mereka.

Antarmuka grafis Dreamweaver yang mudah digunakan dan daftar fitur yang hebat menjadikannya pilihan populer di kalangan perancang web profesional, sekaligus penggemar. Dengan setiap versi baru, Dreamweaver CS6 menawarkan fitur baru, namun Anda masih bisa menemukan layar selamat datang yang sudah tidak asing lagi untuk membantu Anda memulai.

Dalam Dreamweaver CS6, Anda dapat meningkatkan desain Anda dan memberi halaman Anda lebih mendalam dengan menambahkan bayangan teks dengan aturan CSS3, teknologi web terbaru. Menambahkan bayangan teks membuat kata-kata Anda lebih mudah dibaca, terutama jika desain Anda memiliki latar belakang yang rumit atau jika latar belakang dan warna teks Anda kurang kontras.

kredit: Paul Gual, istockphoto. com

Dreamweaver CS6 menyertakan dukungan untuk bayangan teks CSS3 saat Anda menggunakan panel Properties di panel CSS Styles. Anda dapat membuat gaya kelas atau ID dengan bayangan teks, dan Anda dapat menambahkan bayangan teks ke elemen HTML yang ada dengan menentukan gaya tag, seperti gaya judul 1 yang digunakan pada gambar.

Kode CSS3 yang menciptakan bayangan teks itu adalah

h1 {text-shadow: 2px 2px 3px # 000;}

Angka-angka dalam kode menentukan bahwa bayangan teks harus meluas 2 piksel ke kanan dan 2 piksel di bawah teks dengan blur 3-pixel. Selain itu, bayangan dibuat dengan warna hitam, ditentukan dengan kode warna heksadesimal disingkat # 000.

Saat membuat aturan untuk bayangan teks Anda dapat menentukan hingga empat nilai:

Horizontal dan vertikal:

Dua nilai angka pertama diperlukan dan tentukan horisontal dan vertikal - jarak bayangan jatuh di bawah teks (horizontal) dan di sebelah kanan teks (vertikal).

• Blur radius: Nilai ketiga menentukan jumlah kabur dalam bayangan. Jika tidak termasuk radius blur, defaultnya adalah 0, yang membuat bayangan tampil sebagai warna solid.

• Warna: Nilai keempat menentukan warna bayangan dan dapat didefinisikan dengan menggunakan kode warna heksadesimal atau kode warna RGBa.

• Anda dapat menambahkan bayangan teks menggunakan panel Properti di bagian bawah panel Styles CSS, seperti yang ditunjukkan pada gambar.Untuk melakukannya, ikuti langkah-langkah ini: Klik link Add Property di sisi kiri panel Properti CSS Styles.

Masukkan nama aturan gaya CSS3, teks-bayangan, atau pilih aturan gaya dari daftar drop-down.

1. Setelah namanya muncul di sisi kiri, panah kecil muncul di sebelah kanan.

2. Klik untuk memilih panah di sebelah kanan text-shadow.

   Sebuah kotak muncul.

3. Masukkan offset X dan Y, radius buram, dan warna.

   Situs web dan Sumber Daya untuk Desainer Web

4. Perancang web berpengalaman - apakah mereka menggunakan Adobe Dreamweaver atau perangkat lunak perancangan web lainnya - sering merujuk ke sumber online untuk mengikuti keahlian mereka dan menambahkan fitur khusus ke situs web mereka. Daftar ini memudahkan Anda menemukan beberapa situs web dan sumber online yang dapat membantu proyek desain web Anda.

Layanan video hosting dan video:

YouTube

• Vimeo

  • SoundCloud

  • Program blog dan CMS

  • Blogger

• Joomla

  • TipeType

  • TypePad

  • Tumblr > WordPress

  • Layanan Berbagi Media Sosial

  • Tambahkan ini

  • Lockerz Share

• Layanan pelaporan lalu lintas:

  • Google Analytics

  • Yahoo! Web Analytics

• HubSpot

  • Browser web populer:

  • Apple Safari

  • Google Chrome

• Microsoft Internet Explorer

  • Mozilla Firefox

  • Opera

  • Layanan pengujian browser web:

  • Adobe Lab Browser

  • BrowserShots

• Pengujian Cross Browser

  • Browser Sandbox dari Spoon (sebelumnya Xenocode)

  • Sumber daya Dreamweaver, CSS, dan desain web:

  • Pusat Pengembang Dreamweaver

  • Pelatihan Desain Web di DigitalFamily. com

• W3 Konversi Sumber HTML5 dan CSS3

  • Daftar A Terpisah