>Şablon dersleri-1 (kodların tanımı ve görevi)

>

 Merhaba arkadaşlar, bana tema, eklenti ve kodlarla ilgili bir çok mail ve yorumlarda sorular talepler oluyor, bende bundan sonra baştan başlayarak, neyin ne olduğunu kendi bilgi dağarcım kadarıyla anlatmaya çalışıcam. Bu işe ilk girdiğimde, ne konu yayınlamısını ne resim eklemsini ne bağlantı vermesini biliyordum. Herkese sorar, dolaşır yapmaya çalışırdım, o yüzden bu anlamda zorluk çekenlerin halinden anlarım. Kendimi geliştirerek şimdi başkalarına tema hazırlıyorum, gerek görsel gerek teknik bilgilerimi birleştirerek karınca kararınca bir şeyler yapmaya çalışıyorum. Bu konuda bir çok arkadaşımız da elinden geldiğince yazıları yardımları oluyor, Özellikle sevgili Eda ve Gece nın bu konuda epeyce geniş bir portföyü var, ama herkesin izleyicisi, kitlesi farklı olabiliyor, kaçıranlar, bilmeyenler için gelen sorular üzerine bende bir el atayım dedim, umarım işinize yarar bu bilgiler.
Bildiğiniz gibi “blog dünyasında” sadece blogspot uzantılı yani şu anda bizim kullandığımız blog türü “açık kaynak” kullanıyor, diğer wordpress, typan vs gibi blog hizmetleri bilgisayarınıza indirdiğiniz dosyalarla kurulması gerekiyor. Elbet arada kalite farkı var. Özellikle wordpress in üstün özellikleri blogspotla kıyaslanamaz bile. Hizmet ve imkanlar olağan üstü güncel ve daha üst seviyede ama gel gelelim bloggerın arkasında google amcanın olması ve tamamen ücretsiz olması ve az önce dediğim gibi kullanımı hazır ayağımza gelmesi gibi özelliklerinden ötürü daha popüler.
Öncelikle bazı terimlerin ve sözcüklerin anlamlarını bilmek gerekiyor. Bu “html kodlarında” eklentilerin bir “css” kodu birde “div” kodları mevcuttur. “css” kodları bir eklentinin şekil biçim bakımından yapısını, “div” kodları ise işlevsel bakımından yapısını oluşturur. Yani şöyle diyebiliriz diyelim bir “kek” yapmınında kullanılan malzemeler “css” kodları, hazırlanmasını pişirmesini sağlayan ise “div” kodlarıdır diyebiliriz. Yani mutlaka bir “css” kodların mutlaka “div” uzantılı kodu mevcuttur. Bazı bağımsız div kodları da olabiliyor.
Daha anlaşılır olması için bir örnek daha vereyim, kendi sayfamda yada hazırladığım bazı temalarda görüldüğü gibi yukarda “header” altında “menüler” vardır. “anasayfa, iletişim, profil gibi”
İşte öncelikle bu “menülerin” önce “css” kodları belirlenir, şekil olarak, görünmesini sağlar, boyutu, rengi, yazı şekli, varsa sağında solunda resmi, arkaplanı gibi görüntüye dayanan yapısını oluşturur. Ancak bu hazırlığı “div” kodlarıyla tamamlamazsak, bu “menüler” yukarda gözükmez, saçma sapan, yanda sağda solda şekilsiz bir biçimde çıkar. “div” kodları ile tamamlandığı zaman hem sayfada gereken yerde görünür, hemde bu kodun içinde gerekli bağlantıları eklediğimizde, menü üzerine tıklandığında ki açılması gereken sayfalara yönlendirir, yani “menülerin”  içeriğini, işlevselliğini tamamlar.
Bu “css” kodları html sayfasında yer alır ve bütün özellik ve eklentilerin “css” kodları alt alta sıralanır, daha sonra her “css” kodun işlevini tamamlayan “div” kodları başlar. Bu “css ve div” kodlarını
 Bu yazı ayırır. Yani “css” kodları buun üstünde, “div” kodları bunun altında olur. Tabi her özelliğin eklentinin yeri ve konumu vardır. 
Ben urada sadece blog sahibi bayanların, belli başlı yapılması gereken değişiklikler için bir iki tavsiye anlamında basitçe anlatmaya çalışacağım. Yoksa bu kod html işi baya bir derin, ufak ufak anlatımlarla, sırayla temel özellikleri, ve görsel olarak yapılması istenen küçük detayları anlatmaya çaşıcağım. Bugün kü giriş yazımdan sonra sırayla hepsini devam edicem. Elimden geldiği kadar sorularınıza  top yekün cevap vermeye çalışacağım. Bu arada sormak istedikleriniz olursa yorumdan yazabilir. Mutlaka sırayla , hem sizin hem herkesin öğrenebileceği anlayabileceği şekilde sayfamda cevaplıycam. Şimdilik bu kadar, bundan sonra ki dersimiz, kodların tanımı ve görevi olucak.

9 Yanıt to “>Şablon dersleri-1 (kodların tanımı ve görevi)”

  1. DeNiZ.KaYRa Says:

    >bende bu şablona merak saldım ama hangi programlarla yapacağımı bilmiyorum..anlattıklarınız tamam ama hangi programlarla yapılıyor bu şablonlar acab..

  2. Hobibox Says:

    >Sevgili deniz, oşgeldin öncelikle. Şimdi önce konuyu yani sorunu anlamak lazım, daha doğrusu şunun ayrımını yapmak lazım. Şu anda benim anllatıklarım için ayrı bir program grekmiyor, zaten blogta var olan işlem bunlar. Yani tasarımlar html düzenleden bunları yapıyoruz, ama sen şablonun görsel bakımından hazırlanması nasıl oluyor diyorsan, bu tekbik bilgilerin blogun kendisinin haricinde, resim düzenleme ve grafik programları var, ben onlarda hazırlıyorum, örneğin bende potoshop, photoscep, ve photoimpack var, birinde daha başka özelllik birinde farklı bir kolaylık olabiliyor, öyleki bazen windovsun kendi içinde olan paint i bile kullanıyorum yeri geldiğinde. Tabi bunları hazırladıktan yine bloga geri dönüp, html düzenleden bunların eklenmesi yerlşetrilmesi gerekiyor. Başka sormak istediğin bişey olursa yazarsın canım, sevgiler.

  3. DeNiZ.KaYRa Says:

    >teşekkürler demek istediğim görsellik idi..

  4. Beyaz Kkelebek Says:

    >Ablam ben bir ara gitmiştim web tasarım kursuna flah,drimweaver falan gördüm tasarım için ama hiç bişey hatırlamıyorum açıkcası.Senin anlatımında daha güzel ve yalın.Özellikle kek örneğini çok beğedim ;))Bence sen bize bir kurs aç biz oraya gelelim😉

  5. Şehnaz Says:

    >AFET NE İYİ ETTİNE BUKONUYU BİR DERS NİTELİĞİNDE ANLATTIN..ÇOK SEVDİM..EMEĞİNE SAĞLIK CANIM…BENDE BEKLERİM ŞEKERİM..

  6. ÖRGÜÇANTAM Says:

    >Öğretmenimmmm ben merakla takipdeyim kekle özleştirip açıklamana bayıldım. her derse katılacağım :))) sevgiler.

  7. Benhurum Says:

    >Afetim, gözümün nuru, muhteşemsin bir tanem;) harikulade bir paylaşıma başlamışsın, ne güzel. Yani yeni sloganın "bilmeyen, duymayan kalmasın, bilenler bilmeyenlere adres göstersin;) haydi hayırlı olsun cümleten;)

  8. Çilekli Mutfak Says:

    >html yazılarınızı sabırsızlıkla bekliyorum.Daha blogspot u tanıma aşamasındayım..Blogcu da şablon koymak,kod eklemek daha kolay.Sitemin arka planını canım sıkıldıkça değiştiriyordum..AMa blogspotu anlamadım daha..inşallah anladığımda arka planı yani şablonu değiştiricem..

  9. Evimin İncileri Belgin Says:

    >SEVGİLİ HOBİBOX . ATIŞ :)) OLMUŞ SÜPER YAZI

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Connecting to %s


%d blogcu bunu beğendi: