Browse Month

Ocak 2009

Resim URL’ lerinde Değişiklik

Dün bir arkadaşa blog ile ilgili bir şey gösterecektim. İlgili sayfayı açtım bir de ne göreyim; eklediğim resimler gözükmüyor. Ne oldu yaw dedim kendi kendime bi araştıralım dedim. Sonra baktım aslında büyük bir mesele değilmiş. Küçük bir hata yapmışım en iyisi olayı biraz başından alayım.

Efendim ilk zamanlar bedava bir servis olan blogspot‘ta yazıyordum ancak alan adımdan pek memnun değildim. Daha sonra ücretsiz ve reklamsız hosting hizmeti sunan 000webhost servisini keşfettim ve hemen bir hesap alıp üzerine WordPress kurdum. Sonra kendime hayaletinyeri.net alan adını alarak domainimi bu ücretsiz hostuma yönlendirdim. İlk başta herşey güzel gidiyordu ancak aradan zaman geçince sayfamın yavaş açıldığını bazen de hiç açılmadığını gördüm. Bu durum doğal olarak canımı sıktı ve ben de artık iyisimi ücretli bir hosta geçeyim dedim. Geçerken adamların bir de kampanyası varmış bana bir de bedava domain verdiler. Böylece ben de hayaletinyeri.com alan adını da almış oldum

Neticede elimde biri ücretli bir hosta diğeri ise ücretsiz hosta yönlendirilmiş iki adet domain vardı. Bende sonu net ile biten domaini com ile bitene yönlendirdim. Şimdi siz hangi adresi yazarsanız yazın aynı sunucu ve siteye bağlanmış oluyorsunuz.

Peki bunların baştaki sorunla bir ilgisi var mı? Evet var. İlk zamanlar yazılara eklediğim resimlerin URL’ lerini www.hayaletinyeri.net/images/x.jpg şeklinde uzun olarak veriyordum ki böylelikle siteye direk gelmeyen ve RSS üzerinden ziyaret edenler de resimleri görebilsinler diye… Ancak daha sonra ücretsiz alandaki hesabımı kapatıp da tamamen ücretli alana yönlendiğimde sonu net ile biten uzun URL’ lere sahip resimlerim açılmıyordu ve ben bunu dün farkettim. Özellikle photoshop konusunda siteyi ziyarete gelenler bu derslerdeki resimleri göremediler. Bu durum için gerçekten özür dilerim. Ama yahu bir kişi de yorum yazmaz mı bu resimler görünmüyor diye hayret…

Bu hatayı farkeder farketmez tespit edebildiklerimin adreslerini images/x.jpg şeklinde düzelttim. Artık resim dosyalarım alan adımdan bağımsız yani bundan sonra sitenin adresi değişse bile resimlerin görüntülenmesinde bir sorun yaşanmayacak. Bunun tek dezavantajı Feedburner gibi harici servisler vasıtasıyla siteyi ziyaret edenlerin resimleri göremeyecek olmaları.

Yukarıda belirttiğim durumdan dolayı canı sıkılan arkadaşlar olduysa tekrar özür diliyorum ve daha iyi önerileri olanlar varsa onları da bekliyorum.

Linklerin Altındaki Çizgileri Kaldırmak

CSS ile bir çok şeyi değiştirebileceğimizi biliyoruz. Bunlara linkler de dahil… Bilindiği üzere hiç bir stil uygulanmayan linkler varsayılan olarak mavi ve altı çizgilidirler ancak istersek biz bunu değiştirebiliriz. İlk önce yazının altındaki çizgiyi kaldırmak için bir önceki CSS’de Yazı ve Fontlarla Çalışmak başlıklı yazımızda bahsettiğimiz text-decoration komutundan yararlanıyoruz.

Aslında burada böyle afaki konuşmaktansa önce örnek bir kod uygulaması görerek onun üzerinden gitmekte fayda var.

<style type="text/css">
a.ornek-link {

font-weight: bold;
color: black;
font-style: oblique;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
vertical-align: baseline;
}

a.ornek-link:hover {

font-weight: bold;
color: maroon;
font-style: oblique;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
vertical-align: baseline;
}

</style>

<p><a href="https://www.hayaletinyeri.com">Bu hiç stili olmayan normal bir linktir.</a></p>

<p><a href="https://www.hayaletinyeri.com" class="ornek-link"> Bu da stil ile oluşturulmuş bir linktir. Altında çizgi yok ve üzerine gelince rengi değişiyor.</a></p>

Buradaki kodu tarayıcımızda çalıştırdığımızda iki tane link ile karşılaşacağız. Bunlardan ilki stil uygulanmamış varsayılan bir bağlanyı iken ikincisi uyguladığımız stile göre çalışacaktır.

Önce a.ornek-link diye linkimize uygun bir stil hazırladık. Burada text-decoration ile  alt çizginin olmamasını sağladık. Sonra a1ornek-link:hover ile fare ile üzerine gelindiği takdirde linkimizin alacağı durumu belirledik. Yine alt çizgiye izin vermedik. İsteseydik text-decoration öğesine underline ya da overline gibi parametreler de verebilirdik.

Burada kullandığımız hover ile üzerine gelince oluşacak durumu kastediyoruz. Aslında hover pek çok programlama dilinde kullanılan standartlaşmış bir tanımdır.

Kodumuzu çalıştırınca ortaya çıkacak sonuca bakarak daha iyi anlayacaksınız.

Kodun sonucu

Bilişim Projelerine 801 Milyon Euro

Avrupa Birliği destekleyeceği yeni proje arayışlarını sürdürüyor. Bilişim alanında yeni proje fikirleri bulmayı hedefleyen 4. teklif çağrısı 19 Kasım 2008’de yapıldı. Bilişim projelerine 801 milyon Euro toplam destek sağlanacak. Projeler için son başvuru tarihi 1 Nisan 2009.

Avrupa Birliği, bilgi ve iletişim teknolojileri alanında yeni projeleri desteklemeye devam ediyor. Bilişim alanında yeni proje fikirlerini AB desteği ile geliştirmek üzere 4. teklif çağrısı (FP7-ICT-2009-4) 19 Kasım 2008 tarihinde açıldı. Bu çağrıda robotbilimden hizmet ağlarına, enerji verimliliğinden sağlıkta bilişime kadar 28 farklı konuda sunulan projeler desteklenecek. Bilişim projelerine sağlanacak toplam destek 801 milyon Euro. Bu çağrıdaki konulara göre hazırlanmış proje tekliflerini fon desteğinden faydalanmak üzere Avrupa Komisyonu’na sunmak için son başvuru tarihi 1 Nisan 2009. 

Bilişim alanında yeni çağrının yanı sıra yine bilişimle ilgili olan bir diğer çağrı, Bilişim-Enerji ortak çağrısı 

(FP7-ICT-ENERGY-2009-1) 19 Kasım 2008’de açıldı. Projelere toplam 20 milyon Euro fon ayrılan bu çağrıya proje sunmak isteyen kurumlar proje tekliflerini yine Avrupa Komisyonu tarafından yayınlanan Çalışma Programında belirtilen kriterlere göre hazırlayıp 31 Mart 2009’a kadar Avrupa Komisyonu’na sunabilirler. Bu çağrıda “Akıllı Elektrik Dağıtım Ağları için Bilgi ve İletişim çözümleri” alanında başarılı bulunan projeler desteklenecek. Bilişim alanındaki proje teklif çağrısını ve bu çağrıda fonlanacak proje konuları ve istenen proje ortaklık yapısı hakkındaki ayrıntıları Avrupa Birliği 7. ÇP’nin resmi web sitesi olan Cordis’ten ve ulusal irtibat noktası olan TÜBİTAK’ın 7. ÇP web sitesinden takip edebilirsiniz. 

Bilişim alanında proje sunmak ve projelere ortak olmak isteyenler 22 Ocak 2009’da Budapeşte’de bir araya gelecek. Avrupa Komisyonu ve Macaristan Ulusal Ofisi ortaklığında katılımcılar için bir işbirliği etkinliği olarak düzenlenen bilgi gününde Avrupa Komisyonu yetkilileri de program ve başvuru süreçleri hakkında katılımcıları bilgilendirecek. 

Türkiye’de bölgesel kalkınma ve rekabet edilebilirliği desteklemek üzere Sanayi ve Ticaret Bakanlığı kalkınmada öncelikli illere yönelik Katılım Öncesi Yardım Aracının (IPA) bir ayağını harekete geçirdi. IPA altındaki Bölgesel Rekabet Edilebilirlik Operasyonel Programı BROP ile belirlenen konularda hazırlanacak projelere Avrupa Birliği ve Türkiye Cumhuriyeti tarafından eş finansman sağlanacak. 

Kalkınmada öncelikli illere sağlanan katılım öncesi destekleri, Bölgesel Rekabet Edilebilirlik Operasyonel Programı altında Sanayi ve Ticaret Bakanlığı tarafından yürütülüyor. Programın öncelikli hedefleri ise hedef illerde iş ortamının iyileştirilmesi, işletme kapasitelerinin artırılması ve girişimciliğin desteklenmesi. Destekler kişi başı milli geliri Türkiye ortalamasının yüzde 75’inden az olan bölgelere ve bu bölgeler içerisinde 15 Büyüme Merkezi’ne odaklanıyor. Geliştirilecek projeler. Büyüme Merkezi olarak belirlenen illerde ( Kahramanmaraş, Samsun, Kastamonu, Malatya, Elazığ, Trabzon, Kayseri, Sivas, Gaziantep, Diyarbakır, Şanlıurfa, Erzurum, Batman, Van ve Kars) hayata geçirilecek. 

Bölgesel Rekabet Edilebilirlik Operasyonel Programı’nın öncelikli amacı hedeflenen bölgelerde işletmelerin rekabet güçlerini artıracak uygun altyapıların hazırlanması için iş ortamının iyileştirilmesi. Bu öncelik altında 3 adet tedbir bulunuyor: 

1. Sanayi altyapısının geliştirilmesi: Bu alanda kamu kurum/ajansları, iş ve işletme geliştirme kurum ve merkezleri, OSB ve KSS yönetimleri, ulusal, bölgesel ve/veya yerel sanayi ve ticaret odaları, birlikler, sendikalar, vakıflar ve dernekler vb. Proje sunabilir. 

2. Ar-Ge, inovasyon, teknoloji ve Bilgi-İletişim Teknolojileri altyapısının geliştirilmesi: Bu alanda kamu kurum/ajansları, Teknoloji Geliştirme Merkezi (TEKMER) ve Teknoloji Geliştirme Bölgeleri (TGB) yönetimleri, üniversiteler, bilimsel kurum ve araştırma merkezleri, ulusal, bölgesel ve/veya yerel sanayi ve ticaret odaları, sektör birlikleri, sendikalar, vakıflar, dernekler, vb. proje sunabilir. 

3. Turizm altyapısı, pazarlama ve tanıtım faaliyetlerinin iyileştirilmesi: Bu alanda Turizm ve Kültür Bakanlığı, kamu kurum/ajansları, valilikler, il özel idareleri, belediyeler, ulıısal, bölgesel ve/veya yerel sanayi ve ticaret odaları, sektör birlikleri, vakıflar vb. proje sunabilir. 

Projelere verilecek desteğin yüzde 75’i AB katkısı olarak, yüzde 25’i ise ulusal katkı olarak sağlanacak. Bu alandaki projeler için en az 2 milyon Euro, en çok 10 milyon Euro fon talep edilebilir. 

Programın bir diğer önceliği ise özellikle KOBİ’ler ve yeni girişimcilerin rekabet güçlerini geliştirmeye yönelik kapasitenin artırılması için işletme kapasitelerinin artırılması ve girişimciliğin desteklenmesi. Bu alanda iki temel tedbir bulunuyor: 

1. işletmelere temel bilgi ve danışmanlık desteği sağlanması: Bu alanda kamu kurum/ajansları, araştırma merkezleri, üniversiteler, kar amacı gütmeyen kuruluşlar, ulusal, bölgesel ve/veya yerel sanayi ve ticaret odaları, sendikalar, birlikler, dernekler, vakıflar vb proje sunabilir. 

2. Sanayi alanında işbirliğinin güçlendirilmesi: Bu alanda kamu kurum/ajansları, araştırma merkezleri, üniversiteler kar amacı gütmeyen kuruluşlar, ulusal, bölgesel ve/veya yerel sanayi ve ticaret odaları, sendikalar, birlikler, dernekler, vakıflar vb. proje sunabilir. 

İşletme kapasitelerinin artırılması ve girişimciliğin desteklenmesi için geliştirilen projelerde talep edilecek fon miktarı 1-2 milyon Euro arasında olacaktır. 

Projelerin bahsedilen iki temel öncelik altında ve uygun tedbir konularında hazırlanması bekleniyor. Bu programda en fazla 3 yıl süreli projeler desteklenecek. Ödemeler doğrudan başvuru sahibine yapılmayıp, Merkezi Finans ve İhale Birimi tarafından faydalanıcı adına ödeme işlemleri yürütülecek. Hazırlanan projeler en geç 16 Ocak 2009 tarihine kadar hem Türkçe hem İngilizce olarak Sanayi ve Ticaret Bakanlığı’na sunulacak. 

Program hakkında detaylı bilgiye ve başvuru dokümanlarına Sanayi ve Ticaret Bakanlığı’nın Bölgesel Rekabet Edilebilirlik Operasyonel Programı web sitesinden ulaşabilirsiniz: 

Bu haber bilgiçağı dergisi Aralık 08 / 52. sayısından alınmıştır

CSS’de Yazı ve Fontlarla Çalışmak

Evet şimdiye kadar bir CSS dosyasının nasıl oluşturulduğu, nasıl çalıştırıldığı ve oluşturulma yollarına dair örnekler gördük. Artık konu ile ilgili temel bilgilere sahip olduğumuzu varsayıyoruz. Bundan sonra devam edeceğimiz yazılarımızın daha kolay anlaşılabilmesi için şimdi CSS kodları kullanarak yazı ve fontlara nasıl şekil ve etkiler vereceğimizi görelim.

Önce kodlarımızı ve ne işe yaradıklarını anlatalım daha sonra basit bir örnekle pekiştirelim isterseniz.

 
Kod Örnek Kullanım Şekli Etkisi
font-family Arial, Helvetica, sans-serif Kullanılan yazı tipini belirler
font-size 5pt, 12px gibi değerler ya da xx-small, large gibi terimler kullanılır. Yazı büyüklüğünü ayarlar
font-style italic, normal, oblique Yazı stilini ayarlamak için kullanılır. (eğik ya da düz)
font-weight bold, bolder, lighter, normal Yazı kalınlığını ayarlar. İnce ya da kalın
font-variant normal, small-caps Özellikle başlıklarda çok kullanışlıdır. small-caps seçildiği takdirde yazıyı büyük harflere çevirir ve her kelimenin ilk harfinin puntosunu biraz daha büyük yapar.
text-transform none, capitalize, lovercase, uppercase Yazı harflerini büyük-küçük olarak değiştirmekte kullanılır. Capitalize seçilirse her kelimenin ilk harfi büyük harfe çevirilir. Lovercase seçilirse yazının bütün harfleri küçük olur. Uppercase seçilirse yazıdaki bütün harfler büyük olacaktır.
text-decoration blink, line-through, none, overline, underline Yazının altını, üstünü veya üzerini çizmek için kullanılabilir.
text-align left, right, center, justify Yazının sağa ya da sola hizalanması, ortalanması veya her iki yana yaslanması işlevini yönetir.
text-indent pt, px, cm değerlerinden bir ölçü Paragraf başlarının sol marjinden ne kadar uzak olacağını ayarlar
letter-spacing normal ya da pt, px, cm değerlerinden bir bir birim Harfler arasında ne kadar uzaklık bulunacağını tayin eder
word-spacing normal ya da pt, px, cm değerlerinden bir birim Kelimeler arasındaki uzaklığı belirler.
vertical-align baseline, buttom, middle, sub, super, text-buttom, text-top, top Yazının dikey hizasını kontrol etmekte kullanılır.
line-height normal ya da pt, px, cm değerlerinden bir ölçü veya yüzde cinsinden bir değer Yazıda satırlar arasındaki boşluğu ayarlamak için kullanılır.

Bundan sonra yazacağınız CSS kodlarında yukarıdaki tabloda gördüğünüz değerler size yardımcı olacaktır. İsterseniz sizi meraklandırmadan tabloda da sık sık karşılaşılan pt, px ya da cm gibi değerlerin ne anlama geldiğini açıklayayım

px: Piksel demektir ve ekran çözünürlüğüne bağlıdır yani her çözünürlükte aynı sonucu alamayabilirsiniz. Piksel bilgisayarda en sık kullanılan ölçü birimlerinden biridir.

em: Kullanılmakta olan fonttaki “m” harfinin genişliğini baz alır. Harfin genişliği ekran çözünürlüğüne bağlı olduğundan dolayı bu da göreceli bir birimdir yani ortama göre değişebilir.

pt: Punto demektir ve nokta baz alınır. Göreceli değildir ve her ortamda aynı sonucu verir. 1 Punto = 1/72 inç

cm: Santimetre

mm: Milimetre

in: İnç (1 inç = 2.54 cm)

Şimdi de dilerseniz bu kodları kullanarak örnek bir uygulama yapalım

<style type="text/css">
.poz
{
font-weight: bolder;
color: #936;
font-style: oblique;
font-family: Arial, Helvetica, sans-serif;
font-variant: small-caps;
text-transform: uppercase;
text-decoration: blink;
vertical-align: baseline;
line-height: 1cm;
text-align:justify;
text-indent: inherit;
letter-spacing: 5px;
word-spacing: 15px;
vertical-align: text-bottom;
}

</style>
<p>Ben</p>

<p class="poz">Bir başka deyişle ben... Benlik duygusu Nedir? Nasıl bir duygudur? İnsanda ya eğer içgüdüsel bir davranış değilse diğer canlı türlerinden ortaya çıkması nasıl açıklanabilir. Freud bu temel soru benden yüz yıl önce sormuştu ancak manzaraya şöyle bir göz attığımızda bir arpa boyu yol alamadığımızı esefle görüyoruz.
.</p>

Yukarıdaki örnek kodda önce tablodaki kodlardan bazılarını kullanarak bir stil kodu oluşturduk ve ardındani oluşturduğumuz bu stili bir paragrafa atadık. Eğer bu kodu alır birebir kopyalayarak çalıştırırsanız kodların etkisini görebilirsiniz ve hatta yukarıdaki tablodan da yararlanarak belli parametreleri değiştirerek farkları görebilirsiniz. Hepinize kolay gelsin

PNG ve icon Dosyalarını Birbirine Dönüştürmek

WEB 2.0 teknolojisiyle beraber her gün yeni teknolojiler ve yeni fikirlerle inşa edilmiş web sayfalarıyla karşılaşıyoruz. Bu yazıda da size yine böyle bir sayfayı tanıtmak istiyorun.

Bildiğiniz gibi artık, eskiden bir takım programlar kullanarak yaptığımız işlemleri şimdi sadece web sayfaları üzerinden yapabiliyoruz. Hatta ofis veya grafik işleme gibi komplike uygulamalar da bunlara dahil…

www.convertico.com sayfası da işte bizi böyle program kurmaktan kurtaran sitelerden birisi. Söz konusu sayfa sayesinde başka hiçbir yazılıma ihtiyaç kalmadan PNG ve ICO uzantılı dosyaları birbirlerine dönüştürebiliyoruz. Üstelik bu işlemi yaparkan üye olmamız da gerekmiyor.

Sade ve şık tasarımıyla karşımıza çıkan www.convertico.com sayfası ile Windows Vista uyumlu ikon dosyaları yaratabilirsiniz. Burada unutulmaması gereken bir nokta var. Site her grafik formatından ikon yapmıyor. PNG dosyalarını ikona, ICO dosyalarını da PNG ye çeviriyor. Şunu da belirtmek isterim ki bir dosyayı ikon yapabilmek için onun belirli bir yükseklik ve genişlik oranına sahip olması gerekir. (16×16 32×32 128×128… gibi) Internet üzerinde pek çok PNG dosyası var ve bu tür dosyalar gerçekten de ikon yapmak için oldukça güzel ve elverişli örneklerle dolu. Sayfada ayrıca yakın zamanda dönüştürülmüş dosyalar da gösteriliyor. Böylece arama yapmdan da belki işinize çok yarayacak bir ikon bulabilirsiniz.

  • 1
  • 2