Photoshop’ta Resimin Dosya Boyutunu Küçültmek

Photoshop, gerek grafik tasarlamak için gerekse fotoğraf düzenlemek için çoğumuzun başvurduğu programların başında gelir. Ancak bazen oluşturduğumuz dosyanın boyutu beklediğimizden fazla olabilir. Pek çok alanda sıkıntı yaratabilecek bu durumda eğer dosyayı e-posta olarak göndereceksek resmi zipleyerek işin içinden çıkabiliyoruz ancak resmi bir web sayfasına koyacaksak bu durum biraz başımızı ağrıtabilir. Çünkü web sayfasında olması gerekenden fazla yer kaplayan bir resim hem sizin bant genişliğinizden yer hem de ziyaretçilerinizin sabrını zorlayabilir.

Bu durumun önüne geçmek için dosyalarımızı her zaman kullandığımız Save as yerine Photoshop’ta özellikle bu durumlar için geliştirilmiş Save for Web & Devices özelliğini kullanıyoruz. Tabi bu benim kullandığım CS3 sürümünde bu isimle anılıyor. Bu özelliğin adı her versiyonda biraz farklı olabiliyor. Örneğin eski sürümlerde Save for Web denirken yanlış hatırlamıyorsam CS4 sürümünde Save for Web & Mobil Devices olarak geçiyor.

Neyse gelelim bu özelliği nasıl kullanacağımıza. Resim ya da çalışmamızı oluşturduktan sonra Alt+Shift+Ctrl+S tuş kombinasyonunu kullanarak ya da File menüsü altındaki Save for Web & Devices… seçeneğine tıklıyoruz.

Save for Web & Devices...

İlgili ayarları yapacağımız pencere aşağıdaki gibi karşımıza çıkacaktır.

Save for Web & Devices penceresi

Açılan pencere ilk bakışta size biraz karışık gelebilir ancak kullanmak aslında çok basittir. Biz burada çok profesyonel değil de işimizi yine de kaliteli bir şekilde yapacak kadarına göz atacağız. Bizim buradaki işimiz aşağıdaki resimde gördüğünüz alanla ilgili.

ilgili bölüm

Şimdi aşağıdaki resimdeki maddelere göre özelliğin nasıl kullanıldığını kısaca açıklayalım.

maddeler

1- Burada dosyayı kaydetmek için oluşturulmuş hazır şablonları seçebilirsiniz. Eğer hiç bir ayarla uğraşmak istemiyorsanız. direk buradan seçiminizi yaparak Save düğmesine basarak kaydedebilirsiniz.

2- Hazır şablonları kullanmadan dosyayı hangi formatta kaydetmek istediğinizi buradan seçiyorsunuz. Eğer resminiz şeffaf alanlar içeriyorsa gif; çekilmiş bir fotoğraf ise jpg olarak kaydetmenizi öneririm.

3- Kaydedilecek dosyanın sıkıştırma kalitesini seçiyoruz.

4- İstersek sıkıştırma kalitesini buradan daha hassas bir şekilde yapabiliriz.

5- Burası isteğe bağlı dosyamıza bulanıklık efekti vermemizi sağlıyor.

Tercih ettiğimiz ayarları yaptıktan sonra Save butonuna basarak kaydetme penceresine ulaşıyoruz.

Hangi resimde hangi seçeneklerin daha iyi sonuç verdiğini deneme yanılma yoluyla ve zamanla uzmanlaştıkça daha iyi öğreneceksiniz. Bu özellik sayesinde bazen resimlerin boyutunun on kat bile küçülebildiğini göreceksiniz. Umarım işinize yarar bir yazı olmuştur. Şimdilik hoşçakalın.

CSS’de “!important” Kullanımı

Merhaba arkadaşlar. CSS ile ilgili bu yazımda size !important özelliğinden bahsetmek istiyorum. !important ile yazdığımız stil özelliklerini korumaya alabiliyoruz. Nasıl mı? CSS ile yazılan kodlarda her zaman en son yazılan bir tanım daha önceki bir tanım ile çakışırsa en son yazılanın dediği olur. Yani siz bir yazının rengini kırmızı yapıp daha sonra yazdığınız bu kodu unutarak o yazının rengini mavi yapan bir CSS kodu yazarsanız sonuçta o yazı mavi renkte olacaktır.

CSS’de en alttaki kod çakışma halinde üstteki kodun özelliklerini değiştirecektir. Ya da iki farklı CSS kodu import ettiğinizde ikisinde de aynı değerler varsa son import edilen geçerli olacaktır. Örnek olarak aşağıdaki kodu ele alalım.

 <link rel="stylesheet" href="ornek.css">
<link rel="stylesheet" href="ornek2.css">

Yukarıdaki gibi sayfamıza iki farklı CSS çağırdığımızda ve iki dosyada da farklı arkaplan renklerinin tanımlı olduğunu düşündüğümüzde ornek2.css dosyasındakilerinin geçerli olacağını bilmeliyiz.

CSS’deki bu hiyerarşiyi gördükten sonra şimdi !important özelliğini daha iyi anlayacağımızı düşünüyorum. Important İngilizce’de önemli anlamına geliyor. CSS terminolojisinde de !important önemli demek. Yani bu kelimeyi kullandığınız bir özelliğe kendinden sonra gelen bir özellik etki edemiyor; bir başka deyişle üzerine yazamıyor.

Daha fazla uzatmadan konuyu örnekle açıklamak daha doğru olacak sanırım. Şimdi paragraf için aşağıdaki gibi bir stil yazalım. Bildiğiniz gibi CSS ile yeni stiller oluşturabildiğimiz gibi var olan HTML etiketlerini de yeniden düzenleyebiliyorduk. Bu konudan şu yazımda bahsetmiştim

p {
	color: #333399;
	text-align:right;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
}

Yukarıdaki kodda bir paragraf stili oluşturduk ve bu paragrafın rengini, yazının nasıl hizalanacağını, yazıların altlarının çizili olacağını ve hangi fontu kullanacağını yazdık. Artık bu stili sayfamıza çağırdığımızda <p>   </p> arasındaki bütün yazılanlar yukarıdaki stilimize göre şekillenecekler. Örnek olarak aşağıdaki kodu html olarak kaydedin ve çalıştırın.

<style type="text/css">
<!--
p {
	color: #333399;
	text-align:righ;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
}

-->
</style>

<p>Cahit Arf, cebir konusundaki çalışmalarıyla dünyaca ün kazanmıştır. Sentetik geometri problemlerinin cetvel ve pergel yardımıyla çözülebilirliği konusundaki yaptığı çalışmalar, cisimlerin kuadratik formlarının sınıflandırılmasında ortaya çıkan değişmezlere ilişkin &quot;Arf değişmezi&quot; ve &quot;Arf halkaları&quot; gibi literatürde adıyla anılan çalışmaları matematik&quot; gibi kavramların yanısıra &quot;Hasse-Arf Teoremi&quot; ile anılan teoremler kazandırmıştır. Cahit Arf hep sviyeli bir şekilde çalışmalarını devam ettirmiştir...</p>

Görüleceği gibi yazımız istediğimiz stilde ekrana gelecektir.

Daha önce şu yazımda anlattığım gibi bunlara ek olarak bir tane de class yazıyorum ve CSS aşağıdaki gibi oluyor.

p {
	color: #333399;
	text-align:right;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
}

p.deneme {
	color: #CC6600;
	text-align:left;
	text-decoration:none;
	font-family:"Times New Roman", Times, serif;
}

Burada ek olarak daha önce oluşturduğumuz paragraf stili için bir sınıf yazdık. üst taraftaki yazdığımız her paragraf için geçerli olacak ancak alt taraftaki deneme sınıfı paragraflar için, gerektiğinde geçerli olacak yani sadece biz istersek geçerli olacak. Neyse detaylara fazla takılmayalım çünkü bunları daha önceki yazılarımda anlatabildiğimi sanıyorum. Şimdi aşağıdaki gibi bir html sayfası oluşturalım ve bunu tarayıcımızda çalıştıralım.

<style type="text/css">
<!--
p {
	color: #333399;
	text-align:right;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
}

p.deneme {
	color: #CC6600;
	text-align:left;
	text-decoration:none;
	font-family:"Times New Roman", Times, serif;
}
-->
</style>

<p>Cahit Arf, cebir konusundaki çalışmalarıyla dünyaca ün kazanmıştır. Sentetik geometri problemlerinin cetvel ve pergel yardımıyla çözülebilirliği konusundaki yaptığı çalışmalar, cisimlerin kuadratik formlarının sınıflandırılmasında ortaya çıkan değişmezlere ilişkin &quot;Arf değişmezi&quot; ve &quot;Arf halkaları&quot; gibi literatürde adıyla anılan çalışmaları matematik&quot; gibi kavramların yanısıra &quot;Hasse-Arf Teoremi&quot; ile anılan teoremler kazandırmıştır. Cahit Arf hep sviyeli bir şekilde çalışmalarını devam ettirmiştir...</p>

<p class="deneme">Cahit Arf, cebir konusundaki çalışmalarıyla dünyaca ün kazanmıştır. Sentetik geometri problemlerinin cetvel ve pergel yardımıyla çözülebilirliği konusundaki yaptığı çalışmalar, cisimlerin kuadratik formlarının sınıflandırılmasında ortaya çıkan değişmezlere ilişkin &quot;Arf değişmezi&quot; ve &quot;Arf halkaları&quot; gibi literatürde adıyla anılan çalışmaları matematik&quot; gibi kavramların yanısıra &quot;Hasse-Arf Teoremi&quot; ile anılan teoremler kazandırmıştır. Cahit Arf hep sviyeli bir şekilde çalışmalarını devam ettirmiştir...</p>

Şimdi burada her iki paragrafta da aynı şeyler yazıyor. Sadece biri normal <p> etiketleri arasında, ki biz bunu yeniden düzenledik diğeri ise paragraf için oluşturduğumuz deneme sınıfını kullanıyor. deneme sınıfında paragraf için daha önceden kullandığımız renk ve yazı hizalama özelliklerini tekrar kullandık ve eskilerinin üzerine yazmış olduk. Size göre bu çok doğal olabilir. Zaten öyle de ancak deneme sınıfını paragraf özelliklerinin altında açmış olduk yani özelliklerinin temeli paragraf için yazdıklarımızdan almakta. Eğer burada deneme sınıfı için bir renk belirtmemiş olsaydık bu sınıf paragraf için yazdığımız rengi direk alacaktı. Yani paragrafta tanımlanan ve deneme sınıfı içinde yazılmayan her şey üst sınıfta yaılmış olduğu için doğrudan deneme sınıfı içinde geçerli olacaktı.

Peki ya biz ne olursa olsun sonradan yazılan bir özelliğin bazı özelliklerimizi değiştirmesini istemiyorsak. O zaman bu yazının yazılma amacına geliyoruz yani “!important” kullanımına. Yazdığımız CSS özellik ve değerinin sonuna noktalı virgülden önce !important eklediğimizde sonradan gelen ve çakışma yaratan özellik göz ardı edilecek ve stilimizin üzerine yazamayacaktır.

Bu özellik ile birden fazla kişinin çalıştığı stil dosyası çalışmalarında karışıklıkların önüne geçebilirsiniz. Yaptığınız web sitesi bu örnekteki kadar basit olmayabilir ve dışardan sayfanıza birden fazla CSS ithal ediyor olabilirsiniz. !import kullanarak sonradan gelen bu CSS dosyalarının ana şablonunuzu bozmasının önüne geçebilirsiniz.

Şimdi bu doğrultuda stilimizi aşağıdaki örnekte olduğu gibi değiştirelim ve sonucu hep beraber görelim.

<style type="text/css">
<!--
p {
	color: #333399;
	text-align:right !important;
	text-decoration:underline !important;
	font-family: Arial, Helvetica, sans-serif !important;
}

p.deneme {
	color: #CC6600;
	text-align:left !important;
	text-decoration:none;
	font-family:"Times New Roman", Times, serif;
}
-->
</style>

<p>Cahit Arf, cebir konusundaki çalışmalarıyla dünyaca ün kazanmıştır. Sentetik geometri problemlerinin cetvel ve pergel yardımıyla çözülebilirliği konusundaki yaptığı çalışmalar, cisimlerin kuadratik formlarının sınıflandırılmasında ortaya çıkan değişmezlere ilişkin &quot;Arf değişmezi&quot; ve &quot;Arf halkaları&quot; gibi literatürde adıyla anılan çalışmaları matematik&quot; gibi kavramların yanısıra &quot;Hasse-Arf Teoremi&quot; ile anılan teoremler kazandırmıştır. Cahit Arf hep sviyeli bir şekilde çalışmalarını devam ettirmiştir...</p>

<p class="deneme">Cahit Arf, cebir konusundaki çalışmalarıyla dünyaca ün kazanmıştır. Sentetik geometri problemlerinin cetvel ve pergel yardımıyla çözülebilirliği konusundaki yaptığı çalışmalar, cisimlerin kuadratik formlarının sınıflandırılmasında ortaya çıkan değişmezlere ilişkin &quot;Arf değişmezi&quot; ve &quot;Arf halkaları&quot; gibi literatürde adıyla anılan çalışmaları matematik&quot; gibi kavramların yanısıra &quot;Hasse-Arf Teoremi&quot; ile anılan teoremler kazandırmıştır. Cahit Arf hep sviyeli bir şekilde çalışmalarını devam ettirmiştir...</p>

Şimdi burada ne yaptık? Değişmesini istemediğimiz özellikler !important ekledik ve sonuç aşağıdaki gibi oldu.

CSS

Şimdi örnek üzerinden ne yaptığımıza bir bakalım. deneme sınıfı color özelliğini paragraf stilinden almakla birlikte kendinde de bu özellik tanımlı olduğu için üzerine yazarak farklı bir renk olmuştur yani kendisine verilen rengi kullanmıştır.

text-align özelliği paragrafta sağ olarak belirlenmiş ve !important eklenerek üzerine yazılması engellenmek istenmiştir ancak deneme sınıfında da text-align özelliği !important olarak ayarlandığı için üzerine yazabilmiştir ve yazı sola yaslanmıştır.

Eğer çakışan özelliklerin her ikisi de !impaortant olarak belirlenmiş ise normalde olduğu gibi en son girilen değer diğerinin üzerine yazar

text-decoration ve font-family özellikleri paragrafta !important olarak belirlendiği için sonradan yazılan deneme sınıfındaki özelliklerle çakışmasına ve normal şartlarda deneme sınıfındaki değerlerin paragraf stilindeki değerlerin üzerine yazması gerekirken bu gerçekleşememiştir.

Umarım yazı faydalı olur. Sonraki yazılarda görüşmek üzere hoşçakalın.

Chrome Yeni Sürüm Çıktı

Gerçi bu yazının yazıldığı tarihte artık pek çok kullanıcı bu haberi duymuş olacak ama ben yine de bir hafta kadar bir gecikmeyle de olsa yazmaya karar verdim.

Google Chrome giderek artan kullanıcı sayısı ve istekler karşısında kendini geliştirerek 4. sürümünü yayınladı. Bu yeni sürümde getirilen yenilikleri zaten şimdiye kadar pek çok site yazdığı için ben yeniden değinmeyeceğim. Size sadece artık Chrome’un da eklenti desteğine sahip olduğundan bahsetmek istiyorum.

Gerçi Chrome bunlara eklenti yerine uzantı demeyi tercih etmiş ama olsun saygı duyuyoruz 🙂

Uzantılara tarayıcı ayarlarını yapmak için tıkladığımız ingiliz anahtarına benzer düğmeye basarak ve açılan menüden Uzantılar‘a tıklayarak ulaşabiliyoruz.

uzantılar

İlgili yere tıkladığımızda karşımıza o ana kadar yüklediğimiz eklentileri görüntüleyen ve bunların üstünde varsa değişiklikler yapmamızı sağlayan bir sayfa açılıyor. Bu sayfadan ayrıca uzantıları devre dışı bırakabilir ya da yeniden etkinleştirebiliriz ve yine ilgi linke tıklayarak yeni uzantılara ulaşabiliriz.

uzantılar

Ben şu an için üç uzantı kullanıyorum. Bunlardan biri adres satırının yanındaki düğmelere Downloads butonunu ekliyor. Belki önemsiz gibi ama benim çok işime yarıyor. Böylece Chrome’un indirilenler dizinine daha hızlı ulaşıyorum.

Diğer bir uzantı da Firebug Lite Firefox’ta kullandığım ve benim gibi web tasarımı ve programcılığı ile uğraşanların işini baya bir kolaylaştırıyor. Gerçi şu an Firefox’taki kadar etkin değil ama olsun. Yakında daha becerikli olacağını düşünüyorum. Aslında Firebug çok kapsamlı bir eklenti ama burada uzun uzadıya anlatmayacağım.

Diğer kullandığım uzantı ise RSS Subscription Extension… Şimdiye kadar bence Chrome’un en büyük eksikliği olan RSS Feed okuma eksikliğini kapatıyor. Bence en büyük gelişme bu. Artık RSS desteği sunan siteler diğer tarayıcılarda olduğu gibi Chrome tarafından da aktif bir RSS ikonuyla gösteriliyor.

uzantılara

Bu eklenti ve yeni nesil Chrome ile artık RSS okumak mümkün.

Chrome, giderek daha fazla beğenimi kazanıyor. İlerde belki de Internet Explorer için daha güçlü bir rakip olabilir ama şimdilik biraz daha gelişmeye ihtiyacı var.

Google Chrome indirmek için tıklayın

e-Devlet Oskarları Sahiplerini Buldu

7. eTR ödülleri, Çankaya Köşkü’nde düzenlenen törenle sahiplerini buldu.

Türk Sanayicileri ve İşadamları Derneği (TÜSİAD) ile Türkiye Bilişim Vakfı (TBV) tarafından verilen “7. eTürkiye (eTR) Ödülleri”, Cumhurbaşkanı Abdullah Gül’ün himayesinde Çankaya Köşkü’nde gerçekleştirilen törenle sahiplerini buldu.

BThaber ve BTnet.com.tr’in de medya sponsoru olduğu etkinlikte yedinci yılda yedi farklı kategoride ödüller verildi.

Türk Sanayicileri ve işadamları Derneği (TÜSİAD) ile Türkiye Bilişim Vakfı (TBV) tarafından bu yıl yedincisi gerçekleştirilen ve Turkcell Ana Sponsorluğu’nda düzenlenen eTürkiye (eTR) Ödül Töreni’nde bir konuşma yapan Cumhurbaşkanı Gül, bu toplantıda ülkemizde heyecan verici güzel gelişmeler olduğunun ortaya konulduğuna dikkat çekerek, toplantıyı düzenleyenlere teşekkür etti.

Cumhurbaşkanı olduğu ilk günden bu yana özellikle bilişim ve iletişim teknolojileriyle ilgili bütün konuları yakından takip edeceğini, gerektiğinde himayesine alacağını söylediğini hatırlatan Cumhurbaşkanı Gül, mümkün olduğunca bu tür toplantılara katıldığını ve bugün de Çankaya Köşkü’nde “eTürkiye” toplantısını gerçekleştirerek konuya verdiği önemi gösterdiğini aktardı.

Cumhurbaşkanı Gül, konuya toplumun dikkatini çekmek, bu alanın büyüklüğünü ve dinamik olduğunu göstermek için bu tür faaliyetleri gerçekleştirdiğini söyledi.

Bilgi toplumu ve e-Devlet konusunun devletin en üst düzeyinde sahiplenilmesinden dolayı mutluluk duyduğunu ifade eden Devlet Bakanı Cevdet Yıİmaz ise AB ile paralel biçimde Türkiye’nin kendi kalkınma perspektifiyle birlikte e-Devlet’i önceliklendireceklerini kaydetti.

e-Devlet’in 3 önemli ekseninin vatandaş, şirketler ve kamu olduğunu belirten Yılmaz, “Vatandaş ekseninde vatandaşın bürokrasiden eziyet görmesini istemiyoruz. Daha hızlı daha çeşitli ve şeffaf hizmetleri hayata geçirmek zorundayız.

Şirketler ekseninde dünyada şirketlerimizin daha rekabet edebilir hale gelmesini ve üstünlük sağlamasını istiyorsak teknoloji kullanımını tüm şirketlerimizde yaygınlaştırmalıyız. Az kaynakla daha hızlı, daha çok hizmet vermek durumundayız” dedi.

Ödül töreni öncesi TÜSIAD Başkanı Arzuhan Doğan Yalçındağ, TBV Başkanı Faruk Eczacıbaşı, TÜSİAD Yönetim Kurulu Üyesi Hamdi Akın ve Turkcell Genel Müdürü Süreyya Ciliv birer konuşma yaptı. Ödül töreni öncesi ayrıca Avusturya Federal e-Devlet Genel Sekreteri Christian Rupp keynote konuşmacı olarak e-Devlet 2020 ve Avusturya e-Devlet uygulamalarıyla ilgili bir konuşma gerçekleştirdi.

Kaynak:  BTHABER

İnternet Bankacılığını Sevdik

İnternet bankacılığı kullanan aktif müşteri sayısının, Ekim-Aralık 2009 döneminde, geçen yılın aynı dönemine göre 780 bin adet arttığı bildirildi.

Türkiye Bankalar Birliği (TBB), üyesi bankalardan internet bankacılığı hizmeti veren 26’sından 25’inin bilgilerinden oluşan internet bankacılığı istatistikleri raporuna göre, internet bankacılığı yapmak üzere sistemde kayıtlı olan ve en az bir kez login olmuş (giriş yapmış) toplam bireysel müşteri sayısı Aralık 2009 itibariyle 11 milyon 960 bin olarak belirlendi.

Son bir yıl içerisinde login olmuş toplam bireysel müşteri sayısı ise 7 milyon 12 bin oldu. Ekim-Aralık 2009 döneminde 5,3 milyon 343 bin bireysel müşteri tarafından en az bir kez internet bankacılığı işlemi yapıldı. Bu miktar, toplam kayıtlı bireysel müşteri sayısının yüzde 45’ini oluşturdu. Söz konusu dönemde aktif bireysel müşteri sayısında bir önceki yılın aynı dönemine göre 729 bin, bir önceki 3 aylık döneme göre ise 190 bin adet artış oldu.

İnternet bankacılığı yapmak üzere sistemde kayıtlı olan ve en az bir kez login olmuş kurumsal müşteri sayısı Aralık 2009 itibariyle 1 milyon 402 bin olarak belirlendi. Bunların 606 bini Ekim-Aralık 2009 dönemi içerisinde en az bir kez işlem yaptı. Son bir yıl içerisinde login olmuş kurumsal müşteri sayısı ise 685 bin oldu.

İnternet bankacılığı için kayıt yaptıran ve en az bir kez login olmuş bireysel ve kurumsal müşterilerin yüzde 45’i yılın ilk çeyreğinde en az bir kez internet bankacılığı işlemi yaptı. Bu dönemde toplam aktif müşteri sayısında bir önceki yılın aynı dönemine göre 780 bin, bir önceki 3 aylık döneme göre ise 195 bin adetlik artış yaşandı.

Ekim-Aralık 2009 döneminde internet bankacılığı ile gerçekleştirilen 11 milyon 287 bin adet yatırım işleminin hacmi de 67 milyar 441 milyon lira oldu.

Temmuz-Eylül 2009 dönemine göre işlem hacminde 2 milyar 586 milyon lira tutarında artış gerçekleşti.

İlk çeyrekte gerçekleştirilen yatırım işlemleri hacminde birinci sırayı 20 milyar 447 milyon liralık tutar, 3 milyon 859 bin adet işlem ile yatırım fonları aldı. Bunu döviz işlemleri, vadeli hesaplar ve gerçekleşen hisse senedi işlemleri izledi.

Ekim-Aralık 2009 dönemi itibariyle internet bankacılığı hizmeti kullanılarak yapılan yatırım işlemleri dışındaki finansal işlemlerin toplam adedi 70 milyon 906 bin, tutarı ise 170 milyar 974 milyon lira oldu.

EFT, havale ve döviz transferi işlemlerini kapsayan para transferleri işlemleri, yatırım işlemleri dışındaki finansal işlem hacminin yüzde 85’ini oluşturdu.

İnternet bankacılığı hizmeti kullanılarak yapılan yatırım işlemleri dışındaki finansal işlemlerin toplam işlem adedi bir önceki yılın aynı dönemine göre 12 bin 964 adet, bir önceki 3 aylık döneme göre 2 bin 435 adet arttı.

Toplam işlem hacmi ise bir önceki yılın aynı dönemine göre 34 milyar lira, bir önceki 3 aylık döneme göre ise 14 milyar lira yükseldi.

Kaynak: veteknoloji.com

Resimlerden Mozaik Yapmak

Bu yazıda PCNet dergisinin bu ayki (Aralık 2009) DVD’sinde gördüğüm bir web sayfasından bahsetmek istiyorum.

İnternet hem pek çok işimizi eskiye oranla daha rahat halletmemizi sağlıyor hem de pratik zekalı ve yetenekli insanların kendilerini göstermelerine olanak sağlıyor. Bu sayfalardan biri de www.pictosaic.com

Bu sayfa yüklediğiniz fotoğrafları, bir çok küçük resimden oluşan bir mozaik haline getiriyor. Evet böylece elinizde bir sürü resmin bir araya gelmesiyle oluşan bir resim oluyor. Şimdi bir tanesini hep beraber yapalım da ne demek istediğimi daha iyi anlayabilirsiniz.

Önce sayfamızı açıyoruz. www.pictosaic.com

pictosaic

Evet sayfamınız görünüşü pek iç açıcı olmayabilir ama marifeti bu açığını kapatmaya yetiyor da artıyor. İlk önce resmimizi yüklüyoruz. Resmimizin boyutunun çok yüksek olmamasına da dikkat ediyoruz. (Genişliği 3150 pikseli geçmemeli) Aynı zamanda resmin dosya boyutu da çok olmamalı. Sonra alttaki seçeneklerden “I select my photo-galleries below” olanını seçili olmasını sağlıyoruz. Buradaki seçenekleri isterseniz kısaca açıklamaya çalışalım

I select my photo-galleries below : Resmi aşağıda sıralanan galeriden seçtiklerinizle oluşturur

I select all the galleries : Bunu seçerseniz resminiz sitenin size sunduğu tüm galeriler kullanılarak oluşturulur.

The postermosaic will be only made of my main picture repeted thousands times : Aşağıdaki galerilerden hiçbiri kullanılmaz ve resminiz, orjinal resmin küçültülmüş parçalarının tekrarlarıyla oluşturulur.

Eğer ilk seçeneği seçtiyseniz sıra geldi hangi galerileri kullanmak istediğinizi belirlemeye. Burada resminizi oluşturacak küçük resimlerin hangi tür resimlerden oluşmasını istiyorsanız onları seçiyorsunuz.

Daha sonra 2400 ya da 5400 ile başlayan seçeneklerden birini seçerek küçük resimlerin hangi boyutta oluşturulacaklarını belirliyorsunuz.

Ardından “Low merge (my main image appears in low transparency)” yazan kutucuğu işaretliyoruz. Burada resimimizin şeffaflığı yani görünülürlüğünü ayarlıyoruz.  İsterseniz diğer seçenekleri de seçebilirsiniz ama ben en çok bu sonucu beğendim. Zaten site de size varsayılan olarak bu seçeneği öneriyor.

Sıra geldi en son adıma. Burada size “My main picture will appear only one time somewhere into the mosaic (but where???)” kutucuğunu işaretlemenizi öneriyorum. Bu seçenek oluşacak yüzlerce küçük resimin içine orjinal resmin de bir adet küçültülmüşünü koyuyor ancak koyduğu yer her defasında değişiyor. Koyduğu yeri bulmak size kalmış yani bir tür bulmaca gibi bir şey. En son olarak da sağ alt taraftaki “GO!” butonuna tıklayarak işlemimizi gerçekleştiriyoruz.

Şimdi isterseniz aşağıdaki resmi yükleyelim ve görelim Bu arada hatırlatmakta fayda var. Yükleyeceğiniz resim jpg, gif ya da png olmalı. Diğer formatlar desteklenmiyor.

resim

Yukarıda anlattığım işlemleri yapıyorum ve sayfa bana aşağıdaki resimdeki gibi oluşturulan resime ait özellikleri sunuyor

resim listesi

Burada resimin belli boyutlarda açılması ve indirilmesi mümkün. Ben “Real size:” yazısının karşısındaki Download linkine tıklıyor ve resimin gerçek boyutunu bilgisayarıma indiriyorum. Sonuç aşağıdaki gibi. Resimin mozaiklerini daha iyi görebilmeniz için bir bölümünü yakınlaştırdım.

son

Gördüğünüz gibi yüzlerce resimden oluşan bir resimimiz oldu.

NOT: Bazen sayfa istediğimiz resmi mozaik yapmıyor. Aslında yapıyor ama bize gösteremiyor herhalde bu durumu yakında düzeltirler ama o zamana kadar şimsi söyleyeceğim yöntemi kullanabilirsiniz. Resmi yüklediğimiz kutunun altındaki seçeneklerden “The postermosaic will be only made of my main picture repeted thousands times” seçeneğini seçiyor ve işlemimizi tekrarlıyoruz. Şimdi hem orjinal resimin tekrarlarından oluşan hem de daha önce seçtiğimiz galerilerden oluşan mozaikin listesine ulaşabiliyoruz.

Şimdilik bu kadar hoşçakalın.

http://www.pictosaic.com

CSS ile Sayfalarda Birden Fazla Link Stili Kullanabilmek

Merhaba arkadaşlar, bu yazıda sizlere sayfalarınızda birbirinden farklı stil ve renklerde linkler kullanabilmeyi anlatmaya çalışacağım. Böylece sayfalarınız daha da fazla göze hitap edebilecek bir duruma gelecektir. Örneğin sayfamızın beyaz bölümünde siyah; siyah bölümünde de beyaz linkler kullanabiliriz. Ya da sizin kendi kafanıza göre oluşturacağınız bir dizaynda belli kategorileri belli renklerde yapmak isteyebilirsiniz.

Neyse konuyu daha fazla dağıtmayalım isterseniz. Normalde CSS nasıl oluşturulur ve ne şekillerde çağırılır bunu önceki yazılarımızda gördüğümüz için burada yeniden değinmeyeceğiz. Şimdi ilk önce doğal olarak sayfamız için temel bir link şablonu oluşturuyoruz aşağıdaki gibi…


a:link {
	color: #900;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
}
a:visited {
	color: #900;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
}
a:hover {
	color: #099;
	font-family:Verdana, Geneva, sans-serif;
	border-bottom:1px solid #900;
}
a:active {
	color: #000;
	font-family:Verdana, Geneva, sans-serif;
}

Burada “a” bildiğiniz gibi link verirken kullandığımız bir HTML etiketi (<a href…) onun için stilin adının yani “a” harfinin önünde # işareti yok. Ayrıca bizim sonradan tanımladığımız bir sınıf olmadığı için de nokta işareti de kullanmadık. (Eğer burada ne demek istendiğini tam olarak anlayamadığınızı düşünüyorsanız lütfen önceki CSS yazılarımın tamamını okuyun)

Artık temel linkimizi tanımladık. Sıra geldi yeni linkler tanımlamaya. Aynı stil dosyasında kodumuza devam ediyoruz ve yeni_link adlı bir link stili oluşturduk. CSS kodumuz aşağıdaki gibi oldu.


a:link {
	color: #900;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
}
a:visited {
	color: #900;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
}
a:hover {
	color: #099;
	font-family:Verdana, Geneva, sans-serif;
	border-bottom:1px solid #900;
}
a:active {
	color: #000;
	font-family:Verdana, Geneva, sans-serif;
}

.yeni_link {
	color: #550;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	font-weight:bold;
}
.yeni_link:visited {
	color: #550;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	font-weight:bold;
}
.yeni_link:hover {
	color: #300;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;

}
.yeni_link:active {
	color: #300;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}

Burada yeni_link bizim oluşturduğumuz bir stil olduğu ya da bir başka deyişle doğrudan bir HTML etiketi olmadığı için her özelliğini tanımlarken oluşturduğumuz blokların başında bir bokta işareti kullandığımıza dikkat edin. Zaten bu konuyu daha önceki yazılarımda da açıklamıştım.

Artık sayfamızda iki farklı link stili var tabi siz isterseniz bunların sayılarını artırabilirsiniz ancak ben burada sadece örnek verdiğim için bu sayıyı yeterli görüyorum.

Şimdi gelelim istediğimiz şablonu nasıl kullanacağımıza. Zaten “a” bizim temel link şablonumuz olduğu için onda bir sorun yok eğer sınıf tanımlamazsanız sayfanızda oluşturacağınız her link bu sınıfa ait olacaktır. yeni_link’ i kullanmak için link tanımımıza hangi sınıfa ait olduğunu yazmak yeterli. Aşağıdaki örnekte her iki link stilinin nasıl kullanacağı sunulmuştur.




<a href="https://www.hayaletinyeri.com">www.hayaletinyeri.com (normal link)</a>



 <a href="https://www.hayaletinyeri.com" class="yeni_link">www.hayaletinyeri.com (alternatif link) </a>


Gördüğünüz gibi sadece adresin yanına class="yeni_link" ifadesini ekleyerek oluşturduğumuz yeni linki kullanabildik. Bu şekilde sayfalarınızda istediğiniz kadar farklı link stili kullanabilirsiniz.

Aşağıda oluşturduğumuz CSS kodlarıyla hazırlanmış örnek bir HTML sayfası var. Aslına bakarsanız bir kaç etiket ekledik ve sayfayı HTML olarak kaydettik.


<title>Birden fazla lin</title>

<style type="text/css">
<!-- a:link { color: #900; font-family:Verdana, Geneva, sans-serif; text-decoration:none; } a:visited { color: #900; font-family:Verdana, Geneva, sans-serif; text-decoration:none; } a:hover { color: #099; font-family:Verdana, Geneva, sans-serif; border-bottom:1px solid #900; } a:active { color: #000; font-family:Verdana, Geneva, sans-serif; } .yeni_link { color: #550; font-family:Verdana, Geneva, sans-serif; text-decoration:none; font-weight:bold; } .yeni_link:visited { color: #550; font-family:Verdana, Geneva, sans-serif; text-decoration:none; font-weight:bold; } .yeni_link:hover { color: #300; font-family:Verdana, Geneva, sans-serif; font-weight:bold; } .yeni_link:active { color: #300; font-family:Verdana, Geneva, sans-serif; font-weight:bold; } -->
</style>

</head>

<body>


<a href="https://www.hayaletinyeri.com">www.hayaletinyeri.com (normal link)</a>



 <a href="https://www.hayaletinyeri.com" class="yeni_link">www.hayaletinyeri.com (alternatif link) </a>

</body>

</html>

</html>

Yukarda verilen kodu HTML olarak kaydederseniz aşağıdaki şekilde bir sayfa ile karşılaşırsınız.

ilk çıktı

Gördüğünüz gibi iki linkin renk ve diğer özellikleri birbirinden farklı. Şimdi fare ile ilk linkin üzerine geliyoruz. Sonuç aşağıdaki gibi

ilk limkin üzerinde

Şimdi de ikinci linkin üzerine geliyoruz.

ikinci linkin üzerinde

Gördüğünüz gibi bu yöntemle sayfalarımızda istediğimiz kadar link kullanabiliyoruz. CSS hakkında şimdilik bu kadar hepinize kolay gelsin.

Excel 2007 de Üst Hücreyi Sabit Yapmak (Hücre Dondurma)

Merhaba. Bazen Excel üzerinde oluşturduğumuz çalışmaların üst satırlarını ya da ilk sütunlarını sabit yapmak isteyebiliriz. Yani çalışmamızı ne kadar aşağı kaydırırsak kaydıralım üst hücre ekrandan kaybolmasın isteyebiliriz. Böylece çalışmamızın başlığı ya da farklı bir bilgiyi sürekli ekranda görüntüleyebiliriz. Bunun için de Hücre dondurma özelliğinden faydalanıyoruz. Gelin hep beraber bunu nasıl yaptığımızı görelim.

İlk önce bir Excel çalışması açıyoruz.

örnek

Yukardaki çalışmada illerin plaka kodlarını gösteren bir tablo yer alıyor. Bir de en yukarıda bir başlık var. Şimdi biz tablomuz ne kadar aşağı kaydırılırsa kaydırılsın başlığın her zaman en tepede görünmeye devam etmesini istiyoruz. Bunun için önce Görünüm sekmesine tıklıyoruz sonra da Bölmeleri Dondur butonunu seçiyoruz.

Önce görünüm sonra da bölmeleri dondura tıklıyoruz.

İlgili işlemleri yapılınca karşımıza bize ne yapmak istediğimizle ilgili üç seçenek sunan bir alan çıkıyor.

seçenekler

Aslında seçeneklerin ne işe yaradığını anlamışsınızdır ancak yine de kısaca değinelim

Bölmeleri Dondur : Çalışmada tıkladığımız hücrenin solunda ve yukarısında kalan tüm hücreleri dondurur ve ne kadar aşağı ya da sağ tarafa gitsek de dondurulmuş hücreler sabit kalacaktır.

Üst Satırı Dondur: Çalışmadaki en üst satırı dondurur.

İlk Sütunu Dondur: Çalışmadaki en solda bulunan sütunu dondurur.

Biz burada Üst Satırı Doldur seçeneğine tıklıyoruz. Artık en üstteki satır sabit oldu. Aşağıdaki resimde de görüldüğü gibi ne kadar aşağı insek te üst satır daima en üstte kalıyor.

üst satır donduruldu

Resimde de görüldüğü gibi çalışmamız bir miktar aşağı kaydırılmıştır. Sol taraftaki satır numaralarına baktığımızda da bunu açıkça görebilmekteyiz. 1. satırdan sonra kayan satırlar görünmüyor ve direk 17. satırı görüyoruz.

Böylece bölmeleri nasıl donduracağımızı gördük. Peki eğer dondurduğumuz bölmeleri tekrar serbest bırakmak istersek ne yapacağız. Çok basit Yine önce Görünüm sekmesine sonra da Bölmeleri Dondur butonuna tıklıyoruz. Karşımıza yine üç seçenek geldi fakat bu sefer en üstteki Bölmeleri Dondur değil de Bölmeleri Çöz oldu.

bölmeleri çöz

Bölmeleri Çöz dediğimizde daha önceden dondurulmuş bölmelerin bu özelliği kaldırılacaktır. Aşağıdaki resimde de görebileceğiniz gibi artık çalışmamızı kaydırdığımızda en üstteki satır sabit olmayacaktır.

Artık en üst satır sabit değil

Bu özellik sayesinde çalışmamızın başlığını ya da çalışmamızı inceleyenlere sürekli göstermek istediğimiz mesaj ya da uyarıları devamlı ekranda tutabiliriz.

Şimdilik bu kadar hoşçakalın

Avrupa Şirketleri BİT Alanında Çalışan Kadın Sayısının Artırılması İçin Girişimde Bulunuyor

Avrupa Komisyonu’nun Bilgi Toplumu ve Medyadan sorumlu üyesiViviane Reding, bu gelişmenin ICT sektörünün artan bilincini gösterdiğini belirtti ve sektörün ekonomik büyüme ve yenilik yaratma imkanlarından, ancak 2010’da 300.000 kişiye ulasacak sektördeki nitelikli eleman eksikliğine çare bulduğu takdirde faydalanabileceğini belirtti.
Aynı gün Komisyon, bilgi ve iletişim teknolojilerine iliskin kadınlara yönelik bütün faaliyet ve iş imkanlarının duyurulduğu online rehber niteliğindeki web sitesinin kullanıma açıldığını duyurdu.
Avrupa’da eğitimde doktora derecelerinin %45’ine kadınların sahip olmasına karşın, bunların sadece ¼’ü üretim, mühendislik ve inşaat alanlarında yer alıyor.
Avrupa’daki en büyük 116 telekom şirketinde, kadın yönetim kurulu üyesi sadece %7. Ayrıca, bilim ve teknolojide uzmanlaşmış kadınların oranı AB’de ülkeden ülkeye değişiyor. (Estonya’da %44, Hollanda’da %20).
Komisyon, kadınların bilgi teknolojileri ve internet üzerine giderek daha yetkin olmaya başlamalarına rağmen, istatistiklere bakıldığında eşitsizlikler olduğuna işaret ediyor. Bu nedenle, Komisyon henüz bu alanda somut bir adım atmamış ve belgeyi imzalamamış şirketlere çağrıda bulunuyor.
Komisyonun yeni aracı olan online rehber ICT’de kadınlara yönelik iş fırsatları, mevzuat, istatistikler gibi tüm aktiviteleri bir araya getirerek ICT alanında Avrupa’da neler olduğu hakkında bilgi verirken aynı zamanda aktörler arasında ağlar ve işbirliği tesisine katkıda bulunuyor.
Söz konusu rehbere http://www.ictwomendirectory.eu adresinden ulaşılabilir.
Sayfada bu akanda ilerlemek isteyen kadınlara yönelik pek çok başlık bulunuyor. Konuyla ilgili yapılan araştırmalar ve bu araştırmaların sonucunda elde edilen bulgulardan BİT ve kadınlarla ilgili pek çok habere uluşılabilir. Ayrıca pek çok işe yarayacak eğitsel dokümanda da kullanıcıların kendilerinden yararlanmalarını bekliyor.
Sadece bir başvuru kaynağı olmaktansa interaktif bir kimlik kazanmak isteyen syfada tüm katılımcıların fikir ve sorunlarını paylaşabilecekleri bir forum da mevcut.

Avrupa Komisyonu 8 Ekim’de bilgi ve iletişim teknolojileri (ICT) sektörlerinde kadınların eğitim ve kariyerinin desteklenmesine yönelik iyi uygulamalara ilişkin, altı ay önce açıklanan ilkeler (Code of Best Pracices) belgesini imzalayan şirketlerin sayısının beş kat artarak 28’e çıktığını açıkladı.

ictw

Avrupa Komisyonu’nun Bilgi Toplumu ve Medyadan sorumlu üyesiViviane Reding, bu gelişmenin ICT sektörünün artan bilincini gösterdiğini belirtti ve sektörün ekonomik büyüme ve yenilik yaratma imkanlarından, ancak 2010’da 300.000 kişiye ulasacak sektördeki nitelikli eleman eksikliğine çare bulduğu takdirde faydalanabileceğini belirtti.

Aynı gün Komisyon, bilgi ve iletişim teknolojilerine iliskin kadınlara yönelik bütün faaliyet ve iş imkanlarının duyurulduğu online rehber niteliğindeki web sitesinin kullanıma açıldığını duyurdu.

Avrupa’da eğitimde doktora derecelerinin %45’ine kadınların sahip olmasına karşın, bunların sadece ¼’ü üretim, mühendislik ve inşaat alanlarında yer alıyor.

Avrupa’daki en büyük 116 telekom şirketinde, kadın yönetim kurulu üyesi sadece %7. Ayrıca, bilim ve teknolojide uzmanlaşmış kadınların oranı AB’de ülkeden ülkeye değişiyor. (Estonya’da %44, Hollanda’da %20).

Komisyon, kadınların bilgi teknolojileri ve internet üzerine giderek daha yetkin olmaya başlamalarına rağmen, istatistiklere bakıldığında eşitsizlikler olduğuna işaret ediyor. Bu nedenle, Komisyon henüz bu alanda somut bir adım atmamış ve belgeyi imzalamamış şirketlere çağrıda bulunuyor.

Komisyonun yeni aracı olan online rehber ICT’de kadınlara yönelik iş fırsatları, mevzuat, istatistikler gibi tüm aktiviteleri bir araya getirerek ICT alanında Avrupa’da neler olduğu hakkında bilgi verirken aynı zamanda aktörler arasında ağlar ve işbirliği tesisine katkıda bulunuyor.

Söz konusu rehbere http://www.ictwomendirectory.eu adresinden ulaşılabilir.

Sayfada bu akanda ilerlemek isteyen kadınlara yönelik pek çok başlık bulunuyor. Konuyla ilgili yapılan araştırmalar ve bu araştırmaların sonucunda elde edilen bulgulardan BİT ve kadınlarla ilgili pek çok habere uluşılabilir. Ayrıca pek çok işe yarayacak eğitsel dokümanda da kullanıcıların kendilerinden yararlanmalarını bekliyor.

Sadece bir başvuru kaynağı olmaktansa interaktif bir kimlik kazanmak isteyen syfada tüm katılımcıların fikir ve sorunlarını paylaşabilecekleri bir forum da mevcut.

Bilgi Teknolojileri Pazarının 2009’da % 8.4 Küçülmesi Bekleniyor

Bilgi Teknolojileri sektörünün büyüklüğünün yıl sonunda 2008’e göre yüzde 8.4 küçülerek 23.8 milyar dolardan 21.8 milyar dolara gerilemesi bekleniyor. 2010 yılında krizin etkilerinin azalmasıyla birlikte söktürün de yüzde 10 büyümeyle 24 milyar dolara çıkacağı tahmin ediliyor.

2010 Yatırım Programı’na göre, 2008 yılı Kasım ayında uygulamaya başlanan mobil numara taşınabilirliği sonrasında Haziran sonu itibariyle 4 milyon civarında abone, numarasını taşıdı.

NUMARA TAŞIMA SONRASINDA MOBİL TELEFON ABONE SAYISI DÜŞTÜ

Mobil telefon abone sayısı 2008 yılı sonunda 65,8 milyona ulaştıktan sonra takip eden aylarda, özellikle numara taşınabilirliğinin ve diğer şebekelere doğru aramaları cazip kılan tarifelerin uygulamaya konulması sonucunda ikinci hatların bir kısmının iptal edilmesi neticesinde azalarak 2009 yılı Haziran ayında 63,6 milyona düştü. Geçtiğimiz dönemde oldukça hızlı büyüme gösteren genişbant abone sayısındaki artış sürmekle birlikte büyüme hızı yavaşladığı belirlendi. Haziran ayı itibarıyla toplam genişbant abone sayısı 6,2 milyon seviyesinde olduğu görüldü. Ancak, bu tarih itibarıyla yüzde 8,7 olan yoğunluk oranı, AB üyesi ülkeler ile kıyaslandığında düşük düzeyde kaldı.

2010’DA BİLGİ TEKNOLOJİLERİ PAZARININ YÜZDE 10 ARTMASI BEKLENİYOR

Bilgi Teknolojileri sektörü büyüklüğü, 2008 yılı sonu itibarıyla 23,8 milyar dolar seviyesine ulaşırken, pazarın, küresel krizin etkisiyle, 2009 yılında 21,8 milyar dolar seviyesine gerilemesi bekleniyor. Bunun yüzde 69’unu telekomünikasyon sektörü, yüzde 31’ini ise bilgi teknolojileri sektörünün oluşturacağı öngörülüyor. 2010 yılında ise telekomünikasyon hizmet pazarı ve bilgi teknolojileri pazarının 2009’a göre yüzde 10 oranında büyüyerek sırasıyla 16,5 milyar dolar ve 7,5 milyar dolara ulaşması bekleniyor. 2010 yılında mobil telefon abone yoğunluğunun yüzde 90 ve genişbant abone yoğunluğunun ise yüzde 11 olarak gerçekleşeceği tahmin ediliyor.

KARASAL YAYINLAR 2015’E KADAR SONLANDIRILACAK

Karasal vericiler üzerinden sayısal yayıncılığa geçiş amacıyla gerekli hukuki ve teknik altyapı tamamlanarak, analog karasal yayınların 2015 yılına kadar sonlandırılacağı öngörülüyor.