15 Mart 2007

KOLAJ (BACKGROUND) ARKA PLAN YAPMAK

Bu günde benim İHTİYARUS blogumun BACKGRAOUND RESMİNİ nasıl yaptığımı anlatacağım. Aşağıdaki gibi internette google grafik arama ile aşağıdaki ulusal gazetelerimizin ön resimlerini teker teker bilgisayarıma indirdim. Dahasonra resim editörlrinden biri (FİREWORKS) ile açtım. Hepsini aşağıda görüldüğü gibi aynı ölçülere getirip kaydettim.






Daha sonra gazete resimlerini 500x500 ebadında bir dörtgen içine gelişigüzel değişik açılarda serpiştirdim. Daha sonra bu serpiştirdiğim resimleri 320x325 ebadında düzgün bir dörtgen olacak şekilde CROP aracı ile kırptım. Yani aşağıdaki gibi düzgün dörtgen bir resim elde ettim. JPEG resim formatında kaydettim.

Daha sonra da resimlerimi yüklediğim PHOTOBUCKET sitesine uoload ettim. Yine ordan aldığım Bu resmin URL adresini daha önce anlattığımız gibi CSS kodlarında koymam gereken yere yerleştirdim. Ondan sonra ki İHTİYARUS un aşağıda ki görünümünü elde ettim.



BLOG’UMUZA ARKA PLAN RESMİ YERLEŞTİRMEK


Dostlar biliyorsunuz bundan önce bir tane arka plan resmi yapmayı öğrendik. Şimdide yaptığımız arka plan resmini BLOG ‘umuzun arka planına nasıl yerleştireceğimizi görelim. Yaptığımız arka plan resmini kullandığım resim host sitesine yani PHOTOBUCKET e upload ediyorum. Yani bilgisayarımdan yüklüyorum. Blog ’umuzu template sekmesinde edit html bölümünde açalım. Burada blogumuzun html kodlarını göreceğiz. Tarayıcımızın toolbarında Düzen sekmesinde bu sayfada bul ibaresini seçelim. Açılan arama kutusuna body kelimesini yazalım. Aşağıda yazdığımız kod grubunu bulalım.



*/

body {
background: $bgColor;
margin: 0;
padding: 0px;
font: x-small Verdana, Arial;
text-align: center;
color: $textColor;
font-size/* */:/**/small;
font-size: /**/small;
}

Bu css property tabir edilen bölümde body sınıfının özelliklerini belirleyen kod grubudur. Burada aşağıdaki gibi değişiklikler yapacağız ve resmimizi buraya yerleştireceğiz. Resmimi yüklediğim host sitesinden aldığım resmimin URL adresini buraya aşağıdaki gibi css kodlarında diğer değişiklikleri de yaparak yerleştiriyorum.



*/

body {
background-image: url(http://i151.photobucket.com/albums/s125/ihtiyarus/ders_6.gif);
background-position: top;
background-repeat: repeat;
background-attachment: fixed;
margin: 0;
padding: 0px;
font: x-small Verdana, Arial;
text-align: center;
color: $textColor;
font-size/* */:/**/small;
font-size: /**/small;
}

daha sonra Save Template düğmesine basıp kaydediyoruz. Daha sonradain a new window ibaresine basıp blogumuzun son halini tarayıcıda aşağıda gibi görüyoruz. Yalnız burada eğer arka plana 1024x768 ebatlarında tek resim koyarsanız şayet background-repeat: none; şeklinde düzeltmeniz gerekiyor. İşlemimimiz bu kadar.



14 Mart 2007

ARKA PLAN RESMİ YAPALIM

Evet dostlar bu gün sizlerle arka plan resmi yapacağız.Bunun için herhangi bir grafik yani resim editörüyle çalışabiliriz. Ben FİREWORKS programını kullanıyorum sizler PHOTOSHOP, PAİNTSHOPPRO veya PAİNT gibi programda kullanabilirsiniz. Şimdi bunlardan elinizin altında hangi program varsa onu açalım. Bizim genelde BLOGGER veya diğer web sayfalarının alan ölçüleri genelde 1024x768 pixel oluyor. Biz bu alana tek bir parça resimde koyabiliriz veya sayfanın çabuk yüklenmesi yani açılması için birkaç parçaya da bölebiliriz. Yine bu alana küçük bir resimde koyabilir kendini tekrarlamasını sağlayarak o alanı kaplayabiliriz. Şimdi biz bu en son söylediğimize bir örnek yapalım.

340 px X 384 px ebadında bir dörtgen çizelim. İçini istediğiniz bir renkle boyayalım. Burada düz renk yerine bir teksture veya pattern de seçebiliriz.




Dörtgenin çerçevesini renksiz yapalım. Yani çerçeve olmasın. Daha sonra bu dörtgenin üzerine herhangi bir büyüklükte başka bir renkte yazı yazalım. Dörtgenin altta yazının üstte olmasını sağlayacak ayarlarımızı yapalım.

Daha sonra yazımızı kopyala yapıştır yöntemi ile çoğaltalım. Her birini değişik fontlarla da yapabiliriz veya aynı font yani karakter biçimi hepsinde aynı da olabilir. Bu tümüyle sizin yaratıcılığınıza ve zevkinize kalmış bir şey.

Son şeklini verdiğimiz çalışmayı PNG, JPEG, GİF resim formatlarından biri olacak şekilde kaydedin. Benim tavsiyem JPEG olmalı. Çünkü en az yer kaplayan yani dosya boyutu en küçük resim formatı olduğu için. Yalnız JPEG resim formatında grafik kalitesi biraz düşük olur. Görüntü kalitesinden ödün veremeyeceğiniz resimlerde ise GİF veya PNG tercih edebilirsiniz. Bir sonraki aşamada yaptığımız resmi BLOG ‘umuzun veya web sayfamızın BACKGROUND una yerleştirmeyi öğreneceğiz.


CANIM SIKILIYOR NE YAPSAM ACABA?

Dostlar web tasarımı işine merak sarmış epeyce insan olduğunu görüyorum. Konuyla ilgili internet 'te ne ararsanız var. Bu konuda oldukça güzel kaynaklar var. Yine oldukça güzel ve de harika olarak değerlendirdiğim emek ürünü çalışmalara rastlıyorum. Onları incelerken sergilenen zeka ve yaratıcılık konusunda hayran olduğum epeyce çalışma var. Bir de bu işe heveslenip de bir şeyler yapma gayreti içinde olan insanlarla tanışıyorum. Bence her alanda beceri gösterme çabası niye onu da anlamıyorum. İnsan hoşlandığı bir şeylerle uğraşmalı. O uğraşıya odaklanıp o işi en iyi şekilde yapmanın yollarını aramalı. Bütün bunları yaparken de mutlaka kendini o konuyla ilgili eğitmeli. Biliyorsunuz eğitimin yolu da okumak ve emek den geçer. Emek harcamadan kısa yoldan bir şeyleri elde etmenin yolu hüsrandır. Bunu denemeyin, diyorum ki bol bol okuyun. Kitap almak için paranız yoksa bu ayıp değil. Şu aralar ülkemizde evine kitap almayı bırakın günlük temel ihtiyaçlarını bile ancak karşılayabilen insanımız o kadar çok ki.. Buradan hareketle kitap almak da çok şart değil. İNTERNET ‘te o kadar çok bedava kaynak var ki. Yeter ki sizler ne aradığınızı bilin ve üşenmeden okuyun. Şimdi bakıyorum çok güzel yazı yazan insanlarla karşılaşıyorum. İnanın kitap yazıp satsalar kitapları yok satar. Her kes becerebildiği, haz duyduğu ve sevdiği işi yapmalı. Herkes grafik, web tasarımı bilmek durumunda değil. Şiir yazmayı deneyebilir, hayat hikayesini yazıya dökebilir insanlarla paylaşabilir. Fotoğraf çekebilir, müzikle uğraşabilir, resim yapabilir veya el becerilerine dayalı birtakım işlerle uğraşabilir. Maket, model gibi işlerle de uğraşabilir. Balık tutabilir, spor yapabilir. Demem o ki insanlar eğer bir şey yapacaklarsa o işle ilgili kendilerini geliştirsinler yada hiç bir şey yapmasınlar. Bölük pörçük oradan buradan yarım yamalak yamalı bohça gibi bir şeye benzemeyen kargacık burgacık. Oradan çal buradan çırp sonra kalk ben yaptım oldu demesinler. Daha çok ben ne yaratabilirim. Başka benzeri olmayan değişik bir şey denemeliyim demeli. Göğsünü gere gere benzeri olmayan yani her şeyiyle bana ait, benim eserim diyebileceği şeyler yapmalı. Yada çok iyi bir izleyici okuyucu ve araştırıcı da olabilir. Çünkü oda bir iş. Bundan sonraki yazılarım bu yazıyı yazmama neden olan konularla ilgili olacak. Bana sorulan sorulara cevap olacak. Biliyorum ki bu soruları utandığı için sormaya cesaret edemeyen dostlarda var. Olsun yalnız soranlar değil onlarda öğrensinler. Bu konular neler olacak tabi ki WeBlog ve de web tasarımı üzerine olacak.

  • Arka plan resmi nasıl oluşturulur?
  • Sayfanızın (BACKGROUND) arka planında ki resmi nasıl koydunuz?
  • Yazı Yazdığımız bölüm şeffaf olabilirmi?
  • BACKGROUND resimleri hangi ebatlarda olabilir?
  • GİF, ANİMATED GİF, JPG, JPEG, PNG, BMP ne demek?
  • GRAFİK TASARIM ne demek?
  • WEB TASARIMI yani Web sayfası tasarımı ne demek?
  • HEADER arka plan (BACKGRAUND) resmi nasıl yapılır?
  • HEADER BACKGRAUND a resim nasıl konur?
  • HTML&XHTML ne demek?
  • Web editörü ne demek?
  • Tarayıcı ne demek?
  • DREAMWEAVER programı ne işe yarar?
  • CSS nedir? Yenir mi yoksa yutulur mu?
  • Başlıkların altına resim veya renk konurmu?
  • Yazı alanımızın arka planı renkli veya resim olabilir mi?
  • Resimlerime çerçeve istiyorum.
  • DROP DOWN MENÜ nasıl yapılır?
  • TAB MENÜ nasıl yapılır? HORİZONTAL veya VERTİCAL MENÜ ne demek?
  • FAVİCON nedir? Nasıl yapılır?
  • Kendime LOGO ve BANNER yapmak istiyorum?
  • FLASH BANNER nasıl yapabilirim?


gibi daha birçok konuda yazılarımız olacak. Sırayla hepsini burada dilimin döndüğünce anlatacağım. Merak edenleriniz varsa eğer ben ne web tasarımcısıyım nede grafiker. Sadece emekli bir teknik öğretmenim. Hoşlandığım ve becerebildiğim işleri yapmaya çalışıyorum. Öğrendiklerimi yine öğretebilirsem şayet işte o zaman mutlu oluyorum. Şu anda DOKTOR dostumun kulaklarını çınlatmadan geçemeyeceğim. Onu seviyor ve de şimdi ikinci baharında çalışmaya başladığı içinde onu özlüyorum. Hem göz Doktoru, hem operatör, hemde bence iyi bir web tasarımcı. He he....Bu arada çok şey öğrendiğim Yunus 'u (EMREX) anmadan da edemeyeceğim. Oda şimdi çalışıyor ve ekmek parasını kazanmaya başlamış bir genç artık.


Toggle

Ben Kimim

SAYAÇ


DEFA ZİYARET EDİLDİM

Shades of Teal Palette