Eylül 2013 için arşiv

illustrator aktif toolu bırakmadan hand toola geçiş kısayolu

i9

Çiziminizi sağa sola çekiştirmek için kullandığımız hand tool bilindiği gibi illustrator kullanıcısının vazgeçilmezidir.  Ancak herhangi bir toolla işlem yaparken 1 saniyelik bir işlem için önce hand toola geçmek sonra tekrar kullandığımız toola geri dönmek (kısayolları kullansak bile) bize büyük zaman kaybettirmektedir. Bunu engellemek için illustratorın Space tuşuna Hand Tool yerleştirilmiştir.

Herhangi bir işlem yaparken Space tuşuna bastığınızda space’e basılı tuttuğunuz süre boyunca imleciniz hand tool olacaktır. Space tuşunu bıraktığınızda ise imleciniz space tuşuna basmadan önceki toola geri dönecektir. Böylece zaman kaybetmeden hand toolu aktif şekilde kullanmanıza olanak sağlayacaktır.

, ,

2 Yorum

illustrator CS6 arayüz rengini değiştirme

i5

Illustrator CS6’da arayüz rengini değiştirmek için üst menüden Windows için Edit > Preferences > User interface ‘e tıklayınız. Mac OS için ise Illustrator > Preferences > User interface komutlarını seçerek arayüz seçeneklerini görüntüleyin.

illustrator CS6’nın arayüz rengini değiştirmek için ilk yol açılan ekranda Brightness açılır menüsünden Adobe’un bizim için belirlediği renk seçeneklerinden birini seçmektir.

İkinci yol ise Brightness’ın hemen altındaki sürgüyü oynatarak veya istediğiniz yüzdelik değeri girerek arayüzünüzün rengini istediğiniz gibi değiştirebilirsiniz.

Son olarak OK butonuna basarak yaptığınız değişiklikleri kaydedin.

i6i7i8

, , , ,

Yorum bırakın

illustrator CS6 panel ve araçları hızlı gizleme kısayolu

Eğer illustratorda çiziminizi bir an panel ve araçları kaldırarak görmek istiyorsanız tab tuşuna basmanız yeterlidir. Araç ve panellerinizi tekrar yerine getirmeniz için tekrar tab tuşunu kullanabilirsiniz. Illustator’ın tab tuşuna basılmış ve basılmamış hali aşağıdaki gibidir.

i3

i4

, , , , ,

Yorum bırakın

illustrator CS6’da arayüz seçimi yapmak?

i1

Illustrator CS6′da arayüz seçimi yapmak için illustrator cs6‘nın üst panelinden window‘a tıklayınız. Buradan Workspace‘i seçiniz. Karşınıza automation, essentials, layout, painting, printing and proofing, tracing, typography ve web şeklinde Adobe’un bizim için hazırladığı 8 seçenek çıkacaktır. Bunlardan yapacağınız çizime en uygun olanı seçerek çiziminizde kullanacağınız toollarınıza hızlı bir şekilde ulaşabilirsiniz.

Arayüz seçimi yapmanın bir diğer yolu ise illustrator arama kutusunun yanında bulunan arayüz seçim butonudur. Bu butonun üstünde o an kullanmakta olduğunuz arayüzün ismi yazar. Butona tıklamanız durumunda size yine arayüz seçeneklerini ve ayarlarını göstermektedir. Buradan da istediğiniz seçeneğe tıklayarak arayüz ayarlarınızı değiştirebilirsiniz.

Bunun dışında illutratorda kendi arayüzünüzü hazırlamanız da mümkündür.

i2

, , ,

Yorum bırakın

HTML’de CSS Dosyası Çağırma

css-dosyasi-cagirma

Hazırladığınız CSS dosyasını kullanabilmek için öncelikle HTML‘de bu dosyayı çağırmalısınız. Bunun için <link> tagının içine CSS dosyanızın yerini ve ismini yazarak aşağıdaki kodu sitenizin <head> tagı içine yerleştirmelisiniz. Eğer CSS dosyanız HTML dosyanızla aynı klasör içindeyse Örnek.1’de görüldüğü gibi dosya ismini dosya yeri belirtmeden kullanılabilirsiniz. Ancak CSS dosyanız başka bir klasörün içindeyse dosyanızın yerini tarif etme zorunluluğunuz vardır. Bunun için en başına “\”  backslash koyarak kullanmak istediğiniz CSS dosyanın içinde bulunduğu kök dizininden itibaren bulunduğu yeri sırasıyla her bir alt klasörü verecek şekilde aralarına yine “\”  backslash koyarak ekleyiniz. Böylece CSS dosyanız HTML dosyanızla aynı klasör içinde olmasa dahi CSS dosyanızı çağırabilirsiniz. Örnek.2’de bu şekilde çağırılmış bir CSS dosyasının çağırılma kodu verilmiştir.

<!– Örnek.1 –>
<link rel=”stylesheet” href=”css-dosyasi.css” type=”text/css” />
<!– Örnek.2 –>
<link rel=”stylesheet” href=”\css\background\css-dosyasi.css” type=”text/css” />

, , , ,

Yorum bırakın

Sitenize SEO’ya Uygun Resim Yükleme

seo

Sitenize SEO’ya uygun resim yükleyebilmek için 4 önemli kural vardır.

Birincisi her resmin arama motorları için yazılmış bir açıklaması olması gerekliliğidir (alt tagı). Bu açıklamayı yazmanız arama motorları tarafından iyi notlandırılmanızı sağlayacağı gibi resminizin üzerine gelindiğinde bu açıklama yazının belirmesi sayesinde siteniz kullanıcı açısından daha anlaşılır bir hale gelmesini sağlayacaktır.

İkincisi resmin isminin resim, yazı ve siteyle ilgili anahtar kelimeleri (keywordleri) içermesidir. Bir örnek vermek gerekirse, bir gezi siteniz olduğunu düşünürsek ve yazınızda Manyas Kuş Gölü’nü tanıtıyorsanız bu yazıyla ilgili ekleyeceğiniz resmin ismi “manyas-kus-golu-manzarasi.jpg” olabilir. Böylece yazınızda birçok kez geçecek olan Manyas, kuş, göl ve manzara kelimelerini resmin isminde kullanmış olursunuz.

Üçüncüsü ise resmin orijinal boyutunda kullanılması gerekliliğidir. Büyütülmüş veya küçültülmüş resimler arama motorları tarafından sevilmez. Çünkü kullanılacak boyuttan küçük olarak yüklenmiş resimler büyütüldüğünde çözünürlüğü bozulacağından kullanıcı açısından kötü bir görüntü oluşturur bu nedenle arama motorları bu resimleri sevmez. Kullanılacak boyuttan büyük olarak yüklenmiş resimler ise gereksiz yere sitenin yüklenmesini geciktireceğinden ve kullanıcıyı bekleteceğinden arama motorları tarafından sevilmez. Bu nedenle resimlerinizi kullanmak istediğiniz boyutlara getirip eklemeniz daha yararlı olacaktır.

Dördüncü ve son madde ise, orijinal boyutunda yüklenmiş resmin boyutunun yazılı olarak da belirtilmesi gerekliliğidir. Yüklediğiniz resimlerin boyutunu belirtmeniz arama motorlarına işlem kolaylığı sağlayacağından arama motorları tarafından sevilir.

Örnek bir kod aşağıda verilmiştir.

<img src=”images/manyas-kus-golu-manzarasi.jpg” alt=”Manyas Kuş Gölü’nden bir görüntü.” style=” width:400px; height: 222px;”/>

, , , ,

3 Yorum

HTML ve CSS’te Bilgi Notu Yazma

post-it

Kod kalabalığı içinde aradığımızı daha kolay bulmak ve unutmamız gereken noktaları kodu etkilemeden not alabilmek için HTML’de  <!– NOT –>, CSS’te ise /* NOT */ simgeleri kullanılır. Bunun bir örneği aşağıda verilmiştir.

kutucukların kenarlarını yuvarlama kodu */
border-radius: 5px; /* Standart */
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari ve Chrome */
<!– TITLE ICON EKLEME –>
<link rel=”shortcut icon” href=”images/logo.ico” />

, , ,

Yorum bırakın