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.

Office 2007 Tema Rengini Değiştirmek

Microsoft, Office 2003 ile başladığı arayüz geliştirmelerine 2007 sürümü ile devam etti. Gerek menülerin terkedilmesiyle geçiş yapılan şerit yapısı gerek göze daha hoş gelen rengi ile Office 2007 yeni görünümü ile birçok kişinin beğenisini kazanmayı başardı. İlk yüklediğimizde varsayılan olarak mavi renk temasını kullanan ofiice 2007’nin bundan başka gümüş ve siyah olmak üzere iki farklı renk teması daha bulunmaktadır. Şimdi Office 2007’nin tema rengini nasıl değiştireceğimizi öğrenelim.

İlk önce herhangibie Office programı açıyoruz. (Word, PowerPoint vs…) Ben burada Word programını kullanacağım. Evet Word ya da siz neyi tercih etmişseniz o programı açıyoruz. Görüldüğü üzere Office mavi temasıyla bizi karşılıyor.

Office 2007 varsayılan mavi tema

Programımızın sol üst köşesinde tıpkı Windows Vista Başlat menüsünün butonuna benzeyen bir Office düğmesi göreceksiniz.  Office Düğmesi 

Bu düğmeye tıklayınca bizi aşağıdaki resimdeki gibi bir menü karşılayacaktır.

Office menü

Açılan bu menünün sağ alt tarafında Word Seçenekleri butonunu göreceksiniz. Söz gelini siz eğer bu işlemleri Excel ile yapıyorsanız doğal olarak düğmenin ismi de Excel Seçenekleri olacaktır.

Seçenekler alanına gider

Düğmeye tıklayınca açılan özellikler dialog kutusunda Renk düzeni adı altında bir alan göreceksiniz.

Renk düzeni

Bu alandaki combo box sayesinde Office 2007 ‘nin rengini mavi, gümüş ya da siyah seçeneklerinden hoşunuza giden bir tanesi olarak ayarlayabilirsiniz. Üstünkörü bir fikir vermesi açısından aşağıdaki örnek resimleri inceleyebilirsiniz.

Gümüş renk temalı Word 2007

Gümüş renk temalı Word 2007

Siyah renk temalı Word 2007

Siyah renk temalı Word 2007

Bir sonraki yazıda görüşmek üzere hoşcakalın.

CSS’de SPAN Kavramı

CSS sayesinde çok daha kolay kontrol edilebilir tasarımlar yapabildiğimizi artık bir nebze de olsa öğrendik. CSS sayesinde tablolar, listeler, resimler ve yazılar üzerinde istediğimiz değişiklikleri çok rahat yapabiliyoruz ancak genelde yapılan değişiklikler üzerinde çalışılan nesnenin tamamını etkiliyor. Bu durum en çok yazılarda kendini belli eder. Peki biz istediğimiz zaman metnin herhangibir yerini farklı özelliklerle donatamaz mıyız? Elbette yapabiliriz. İşte burada imdadımıza CSS’de işimizin çok düşeceği SPAN etiketi yetişiyor.

<span> ... </span> tag’leri arasındaki her parça bütününden bağımsız olarak şekillendirilir. Mesela bir paragraf içinde sadece span etiketleri içine alınmış bir cümle, bir kelime ya da sadece bir harf paragrafın şekiline uymayıp ayrı bir şekilde görüntülenecektir.

Dilerseniz durumudaha iyi kavrayabilmek için bir örnekle açıklayalım. Farzedelim ki elimizde aşağıdaki resimde görüldüğü gibi iki paragraftan oluşan bir metin var ve biz ilk paragraftaki ilk cümleyi kırmızı renkte; ikinci paragraftaki ilk cümleyi de farklı bir arkaplan rengiyle vurgulamak istiyoruz ve bunu yaparken de CSS kullanmak istiyoruz.

span1

Şimdi burada öncelikle şunu da belirtmek isterim ki SPAN kullanırken istersek bir önceki yazıda gördüğümüz ID’lerden istersek te Class’lardan yardım alabiliriz. O zaman ilk paragraftaki işlemlerimizi ID, ikincisindekini de Class kullanarak yapalım.

İlk önce kullanacağımız CSS kodumuzun içine aşağıdaki satırları da ekleyelim. (CSS kodlarının ne şekilde oluşturulduklarını ve gerektiğinde nasıl çağırıldıklarını önceki derslerimizde görmüştük.)

#ilkcumle {
   color: red;
}

span.parla {
   background-color: #FADEBC;
}

Burada gördüğünüz gibi başında diyez (#) işareti olan ilkcumle bloku bir ID tanımlamasıdır ve içindeki nesneyi kırmızı renge dönüştürmektedir. İkinci blok ise bir class tanımlamasıdır ve içindeki yazının arkaplan rengini değiştirmektedir.

Şimdi gelelim kodumuzu uygulamaya…

İlk önce metin rengini kırmızı yapmak istediğimiz cümleyi

<span id="ilkcumle">  </span>

etiketleri arasına alıyoruz. Sonra arkaplanını değiştirmek istediğimiz cümleyide aşağıdaki ifadenin içine alıyoruz. Bu kadar.

<span class="parla">  </span>

Görüldüğü gibi işimizi iki farklı yoldan da yapabiliyoruz. Artık size hangisi dahya kolaygelirse onu kullanırsınız.

İsterseniz işlem sonunda örnek kodumuzun nasıl olması gerektiğini bir görelim.

<style type="text/css">
<!--
#ilkcumle {
   color: red;
}

span.parla {
   background-color: #FADEBC;
}
-->
</style>

<p> <span id="ilkcumle">Sanat, insanlık tarihinin her döneminde var olan bir olgudur.</span> İnsanlığın geçirdiği evrimler yaşama biçimlerini, yaşama bakışlarını, sanat biçimlerini ve sanata bakışlarını değiştirmiş, her dönemde ve her toplumda, sanat farklı görünümlerde ortaya çıkmıştır.</p>

<p> <span class="parla"> Bugün sanatın "duygusal ve düşünsel etkileme gücü"ne sahip oluşu daha belirleyicidir.</span> Bu anlayışa en uygun tanımı yapan Thomas Munro'ya göre; "sanat doyurucu estetik yaşantılar oluşturmak amacıyla dürtüler yaratma becerisidir." Sanat, güzel ile uğraşır. Güzel göreceli bir kavramdır. Kendi içinde tutarlı bir bütünlüğü taşıyan şey çirkin, acı verici, iğrendirici bile olsa estetik açıdan güzeldir</p>
Kodumuz yukardaki gibi olduğunda da sayfamız aşağıdaki gibi görüntülenecektir.
span2
Örnekleri çoğaltmak mümkünse de ben işin gerisini sizin hayal gücünüze teslim ediyorum.
Sonuçta CSS’de SPAN ne demektir onu gördük yani bir bütüne ait belli bir parçaya istediğimiz stili uygulamamızı sağlayan etiketmiş. Bir sonraki yazıda görüşmek üzere

Numara Taşınabilirliği Sorgulama Sayfası

GSM abonelerinin numaralarını değiştirmek zorunda kalmadan istedikleri operatöre geçmelerine imkan veren numara taşınabilirliği hizmeti uygulanmaya başlandı. Artık sunulan fırsatlara göre karar verecek olan kullanıcılar numaralarını değil sadece operatörlerini değiştirecekler ve eski numaralarını iade etmek zorunda kalmayacaklar.

Doğal olarak bu durum akıllara acaba hangi numara hangi GSM operatöründen hizmet alıyor sorusunu getirdi; çünkü söz konusu hizmet sayesinde numara hiç değişmediği için arayan kişi karşı tarafla aynı operatöre bağlı olup olmadığını merak edecektir. Bu soruya alacağı cevap aynı zamanda konuşma için cebinden çıkacak tutarın da ne kadar olacağının cevabıdır.

Gerçi arayan kişinin yanılmaması için eğer karşı tarafın kullandığı operatör farklı ise bunu belirten bir ses duyacağı da açıklanmıştı ancak sadece bununla yetinilmeyerek bir de söz konusu numaranın taşınıp taşınılmadığının sorgulanabileceği bir web sayfası hazırlandı.

Bilgi Teknolojileri ve İletişim Kurumu’nun sitesinden “Taşıma Sorgulama” bağlantısına tıklayarak ya da buraya tıklayarak direk ulaşılabilen sayfada kullanıcılar durumunu öğrenmek istedikleri numarayı başında “0” olmadan yani 10 haneli olarak yazarak sorgulayabilirler ve numaranın operatörünü değiştirip değiştirmediğini öğrenebilirler. 

Teknoloji İnsani Özellikleri Değiştirmez

İnsan yaşamındaki pek çok şey gün geçtikçe elektronik ortama dökülüyor. Artık pek çok işlem Internet üzerinden gerçekleştirilebiliyor ve kayıtlar da sanal ortamlarda barındırılabiliyor.

Zamanla her şeyin giderek dijital bir hale gelmesi, her ne kadar kullanıcılara kolaylık sağlasa da bazı çevreler bu durumdan rahatsız olabiliyor. Bu tarz düşünenlere göre dünyanın giderek teknolojiye yönelmesi insani özelliklerin körelmesine yol açabilmekte… İlk bakışta gayet mantıklı gibi görünen bu tutuma karşı geliştirilebilecek tezler de var.

Bir kere her şeyden önce artık kişilerin sanal alemde karşı tarafı görmeden hatta tanımadan yaptıkları işlemlerde birbirlerine günlük hayattan daha fazla güvenmeleri gerekiyor.

Elektronik ticaret sitelerine giderek artan bir ilginin olduğunun yadsınamayacağı bir çağda; alışverişi yapan kişinin kredi kartı bilgilerini, karşı tarafın suiistimaline uğramayacağını bilerek bu tür sitelerden alışveriş yapmakta kullanılması, gelişimin boyutu ne olursa olsun insani duyguların asla kaybolmayacağının kanıtı olarak algılanabilir.

Gelişim bazı şeylerin daha kolay olmasını sağlamışken mutlaka zor yolu seçerek insanlara önemli günlerde mektup yollanılmadığından yakınmanın günümüzde artık pek bir anlamı kalmadı. Evet, belki mektubun elle tutulabilmesinden dolayı kaynaklanan özel ve kalıcı bir tarafı vardı ancak günümüzde elektronik postalar mevcutken ve mektuptan çok daha hızla bir şekilde adreslerine ulaşırken çok özel zamanlar haricinde  veya resmi olmayan durumlarda mektuptan yararlanmanın bir gereği yok…

Üstelik e-postalar mektuplara göre çok daha hızlı ve kolay hazırlandıkları için yararlanan insan sayısı da çok fazla olacaktır. Bugün dünyada, gereksiz ve reklam amaçlı olanları dışarıda bırakılırsa sayısı yine de dudak uçuklatacak derecede e-posta trafiği yaşanmaktadır. Bu sayı eskiden gönderilen mektup sayısını herhalde geçmiştir.

Görüldüğü gibi insanlar yine dostlarının halini hatırını soruyorlar, yine doğum günlerini ya da özel günlerini kutluyorlar. Tek farkla mektup yerine e-posta kullanarak…

İnsan ilişkilerinin gelişen teknoloji tarafından yok edilmediğinin bir diğer göstergesi de sanal sohbet ortamlarıdır. Artık insanlar uzaktaki yakınlarıyla tıpkı daha önceleri telefonda olduğu gibi -ki telefonun da gelişen teknolojinin bir çıktısı olduğu unutulmamalıdır- bire bir görüşebiliyorlar. Üstelik görüşmenin boyutunu bir adım daha yukarı taşıyarak hem sesli hem görüntülü olarak iletişim kurabiliyorlar. Bu görüşmelerin kullanıcılara sağladığı bir diğer avantaj da bağlantı ücreti hariç ekstra bir bedel gerektirmemesi yani bedava olmasıdır.

Sosyalliğin ve sosyalleşmenin önünü tıkadığı söylenen gelişmelerin, yukarıda bahsi geçen sanal sohbet ortamları ya da sosyal ağlar vasıtasıyla pek çok insanın birbirlerini tanımalarına vesile olduğu nedense en çabuk unutulmaya müsait olan örneklerden biridir. Böylece teknolojinin en büyük ürünlerinden biri olan Internet’in insanları, birbirlerini tanıyor ya da tanımıyor olmalarına aldırmadan yakınlaştırdığı herhalde kanıtlanmış olacaktır.

Şimdiye kadar bahsi geçen argümanlar kendilerine hep Internet’i baz aldılar ancak malum olduğu üzere teknoloji sadece Internet ile sınırlanamaz. O halde bir de Internet dışında örneklere göz atmak faydalı olacaktır.

Gerçi yukarıda sanal sohbet ortamlarından söz edilirken telefon konusuna da hafifçe bir temas edilmişti. Artık cep telefonları ile kablo sıkıntısı olmadan istenilen her an her yerden rahatlıkla iletişim kurmak çocuk oyuncağına dönüştü. Bunların yanında yakında nimetlerinden faydalanılmaya başlanacak olan 3G teknolojisi ile görüntülü konuşmalar da bilim kurgu filmlerinden çıkarak gerçekliğin ta kendisi haline gelecek.

Cep telefonları sadece sesli ya da görüntülü iletişime hizmet etmekle kalmıyor aynı zamanda SMS özellikleriyle yazılı iletişime de izin veriyorlar. Böylece işitme ya da konuşma problemleri yaşan insanların da haberleşme imkanı oluyor. Mobil telefonların ses kaydı, fotoğraf veya video çekme ya da GPS gibi hayatı kolaylaştıran özelliklerinden bahsetmeye galiba lüzum yok.

Örnekleri çoğaltmak mümkün… Evet teknoloji ilerledikçe insan hayatındaki bazı şeylerin eskisi gibi olmayacağı ve değişime uğrayacağı aşikardır fakat bu durumda sadece yitip giden ya da öyle düşünülen durumların çetelesini tutmak yerine bir de yeni kazanımlara göz atmak gerekir. Sadece insanda bulunan zeka her zaman mevcut durumda kendisi için en iyi olanı mutlaka bulacaktır. 

GTA IV Çıktı Ama…

Uzun bir bayram tatili geride kaldı. Öncelikle hepinizin geçmiş kurban bayramının mübarek olmasını diliyorum. Neredeyse bir yıllık izine denk gelen bu tatil sonrasında belkide pek çok insan işe alışmakta zorlanacak ama hep tatil de olmaz değil mi?

Tatil boyunca bir yere gitmedim ve evde kaldım. Böylece uzun zamandır yapmadığım bir şey için bol bol vaktim olacaktı. Oyun oynamak. Hele ki uzun zamandır beklediğim oyunların çıkış tarihlerinin bugünlere yakın olması sabrımı daha da çok zorluyordu.

Neyse sonunda beklenen tatil geldiğinde önce uzun zamandır bekleyen Crysis Warhead’ı bitirdim. Sonra geçen sene beni hayal kırıklığına uğratan Need For Speed’in yeni oyunu Undercover’ı denedim. Bu sene geçen seneye göre daha iyi olmuş ama yine de eski NFS serilerinin kalitesinden biraz uzak kalmış diyebilirim. Özellikle Codemasters’ın Race Driver GRID adlı oyunundan sonra mükemmel grafiklere ve gerçekçi oynanışa alıştıktan sonra NFS’den daha fazlasını beklerdim doğrusu.

Aslında pek çok oyun artık bende eskisi kadar bir heyecan uyandıramıyor acaba oyunlar mı kötüleşti yoksa ben mi büyüdüm. Belki de yaş ilerledikçe insanın hayal dünyasımı daralıyor?

Artık kafama göre bir oyun yok galiba derken bir de baktım GTA 4 çıkmış. Hemen ilk izlenimleri okumak için forumlara baktım. Rockstar firması oyunun korsan oynanmaması için 200.000$ fazladan harcadıklarını söylemiş ama 24 saat içinde bu çok güvendikleri koruma da kırıldı. Neyse asıl sorun, firma haklı olarak oyunlarını korumak isterken neredeyse kullanıcılara işkence edercesine önlemlere başvurmuş. SecureRom adlı güvenlik koruması kullanılmış. Bu koruma, DVD o an, sürücüye takılımı yoksa kaçak mı oynanıyor diye sürekli kontrol etmek istiyor. Orjinallik kontrolü için sürekli trigger yani tetikleyiciler kullanılıyor. Bu da performansı son derece olumsuz etkiliyor. Bir de oyun ilk açılışta sadece bir kereye mahsus etkinleştirme işlemini gerçekleştirmek için internet bağlantısına ihtiyaç duyuyor.

Yukarıda söz ettiğim gibi oyunun güvenlik önlemleri performansı son derece olumsuz etkiliyor. Oyun maalesef tam bir sistem canavarı… Oyunu crack’leyip oynarsanız performans bir miktar da olsa artıyor ama o zaman da oyuna multiplayer bir özellik katan Rockstar Social Club ayrıcalıklarından faydalanamıyorsunuz. Okuduğum kadarı ile bazı orjinal oyun sahipleri daha fazla performans için orjinal oyunlarını crack’lemek zorunda kalmışlar. Gerçi Rockstar bunun için bu hafta içi bir yama yayınlayacağını söyledi. Bakalım hadi hayırlısı. Bir de büyük ihtimalle bu yazı yazılırken NVIDIA ve ATI yeni sürücülerini yayınlamış olacaklardır.

Sonuçta burada korsan kullananlar değil orjinal oyun sahipleri cezalandırılmış oldu. Olmadı GTA, olmadı Rockstar.