Dreamweaver CS6 Dummies için Cheat Sheet - mankenler

Janine Warner tarafından

Eğer web tasarımında yeniyseniz veya yıllardır HTML sayfaları oluşturuyorsanız, Adobe Dreamweaver CS6 ideal bir araçtır web sitenizi oluşturmak için. CS6 sürümünde, yeni bir hoş geldiniz ekranı ve Cascading Style Sheets (CSS3) ve HTML5'in en son sürümünü desteklemektedir. Dreamweaver, profesyonel web tasarımcılarının yanı sıra hobileri, kulüpleri, aileleri ve küçük işletmeler için siteler kurmak isteyen insanlar arasında popüler bir programdır.

Adobe Dreamweaver CS6 Karşılama Ekranı

Dreamweaver'ın kullanımı kolay grafik arayüzü ve güçlü özellik listesi, profesyonel web tasarımcılarının yanı sıra hobi kullanıcıları arasında popüler bir seçenek haline getirir. Her yeni sürümü ile Dreamweaver CS6 yeni özellikler sunar, ancak başlamak için tanıdık karşılama ekranını bulmaya devam edersiniz.

Dreamweaver CS6: CSS3 ile Metin Gölgeleri Ekleme

Dreamweaver CS6'da, en son web teknolojisinde CSS3 kurallarıyla metin gölgeleri ekleyerek tasarımlarınızı geliştirebilir ve sayfalarınıza daha fazla derinlik kazandırabilirsiniz. Metin gölgeleri ekleme, özellikle tasarımınız karmaşık bir arka plana sahipse veya arka plan ve metin renklerinizde zıtlık varsa kelimelerin daha kolay okunmasını sağlar.

kredi: Paul Gual, istockphoto. com

CSS Stilleri panelinde Özellikler bölmesini kullandığınızda Dreamweaver CS6, CSS3 metin gölgeleri için destek içerir. Metin gölgeleriyle sınıf veya kimlik stilleri oluşturabilir ve resimde kullanılan başlık 1 stili gibi bir etiket stili tanımlayarak mevcut HTML öğelerine metin gölgeleri ekleyebilirsiniz.

Bu metin gölgesini oluşturan CSS3 kodu

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

Koddaki sayılar, metin gölgesinin 2 piksel sağa ve 2 piksel uzatması gerektiğini belirtir 3 piksel bulanıklığı olan metnin altındaki pikselleri. Buna ek olarak gölge, # 000 kısaltılmış onaltılık renk kodu ile belirtilen siyah renkle oluşturulur.

Metin gölgeleri için kurallar oluştururken dört adete kadar değer belirleyebilirsiniz:

• Yatay ve dikey: İlk iki sayı değeri gereklidir ve yatay ve dikey uzaklıkları belirtin - gölge altındaki gölgenin altındaki mesafe metin (yatay) ve metnin sağında (dikey).

• Blur yarıçapı: Üçüncü değer gölgedeki bulanıklığı belirtir. Bulanıklık yarıçapı eklemezseniz, varsayılan değer 0'dır ve gölge düz renk olarak görünür.

• Renk: Dördüncü değer, gölgenin rengini belirtir ve bir onaltılık renk kodu veya RGBa renk kodu kullanılarak tanımlanabilir.

Resimde gösterildiği gibi, CSS Stilleri panelinin altındaki Özellik bölmesini kullanarak bir metin gölgesi ekleyebilirsiniz.Bunu yapmak için şu adımları izleyin:

1. CSS Stilleri Özellik bölmesinin sol tarafındaki Özellik Ekle bağlantısını tıklatın.

2. CSS3 stil kuralı adını, metin gölgesini girin veya açılır listeden stil kuralı seçin.

   Ad sol tarafta göründükten sonra sağda küçük bir ok görünür.

3. Metin gölgesinin sağındaki oku seçmek için tıklatın.

   Bir kutu görüntülenir.

4. X ve Y ofsetlerini, bulanıklığın yarıçapını ve rengini girin.

Web Tasarımcıları için Web Siteleri ve Kaynaklar

Deneyimli web tasarımcıları - Adobe Dreamweaver'ı veya diğer web tasarım yazılımlarını kullansalar da, yeteneklerine ayak uydurabilmek ve web sitelerine özel özellikler eklemek için çevrimiçi kaynaklara bakın. Bu liste, web tasarım projelerinizde size yardımcı olabilecek bazı web sitelerini ve çevrimiçi kaynakları kolayca bulmanızı sağlar.

• Ses ve video barındırma hizmetleri:

  • YouTube

  • Vimeo

  • SoundCloud

• Bloglama ve CMS programları

  • Blogcu

  • Joomla

  • MovableType

  • TipPad

  • Tumblr > WordPress

  • Sosyal Medya Paylaşımı Hizmetleri

• Ekle Bu

  • Lockerz Paylaş

  • Trafik raporlama hizmetleri:

• Google Analytics

  • Yahoo! Web Analytics

  • HubSpot

  • Popüler web tarayıcıları:

• Apple Safari

  • Microsoft Internet Explorer

  • Mozilla Firefox

  • Opera

  • Web tarayıcı test hizmetleri:

  • Adobe Tarayıcı Lab

• BrowserShots

  • Çapraz Tarayıcı Testi

  • Spoon'dan (eski adıyla Xenocode)

  • Dreamweaver, CSS ve web tasarım kaynakları:

  • DreamFile Geliştirici Merkezi

• DigitalFamily'deki Web Tasarım Eğitimi. com

  • W3 Dönüşümleri HTML5 ve CSS3 Kaynakları

  • A List Apart