Web tasarıma ilk başladığınızda karşınıza çıkacak belli başlı problemlerden biriside Türkçe karekter hatasıdır. Eğer html veya php sayfalarınızda Türkçe karekter sorunu yaşıyorsanız yada mysql veri tabanınızdan çektiğiniz verilerde Türkçe karekter hatası varsa yazımızın devamını okuyabilirsiniz.

İlk dersimizde kullanacağımız programları ve sıklıkla bahsedeceğimiz kelimelerin açıklamalarını yapmıştım. Kişisel web sayfası hazırlama ile ilgili bu ikinci dersimizde de dreamweaver ve fireworks programlarına başlamadan önce temel web tasarımı bilgilerini vermenin faydalı olacağını düşünüyorum. Bu derste html üzerinde duracağım. Her ne kadar sonraki derslerde html ile sürekli kod yazmayacak olsakta yaptımız sayfaların nasıl oluştuğunu, arka plandaki kodların ne anlama geldiğini bilmenizde yarar var. Yeteri kadar html bildiğini düşünen arkadaşlar bu dersi atlayabilirler. Özellikle html’ yi ilk defa duyan arkadaşlar içeri buyursunlar.

2006 yılında Kocaeli Üniversitesi Bilgisayar Öğretmenliği Bölümünde okurken proje ödevi olarak hazırladığım oldukça basit yapıdaki html eğitim cd’ si 8 dersten oluşuyor. Yaklaşık 13.5′ mb lık dosyayı download etmeden önce ilk dersi örnek olarak yazımın devamından izleyebilirsiniz.

Web sitenize google arama motorunu eklediniz fakat ğ,ş,ü,ç gibi karekterleri yazdığınızda problem yaşıyorsunuz. 2 tane web siteme arama motorunu ekledikten sonra uzun bir süre aynı sorunu bende yaşadım ama nihayet çözümü buldum : )

Hergün web sayfama google arama motorundan “kişisel web sitesi örnekleri”, “kişisel web sitesi nasıl yapılır?” gibi kelime kombinasyonları ile giriş yapıldığını görüyorum. Bunun üzerine bende sizlere belki fikir verir düşüncesiyle beğendiğim kişisel site örneklerini ve bu siteleri nasıl hazırlayabileceğinizi anlatan bir yazı hazırlamaya karar verdim.

Web adreslerinin başında minik ikon resimlerini görürsünüz. Örneğin mynet’ e girdiğinizde m harfini, google a girdiğinizde ise yeşil, sarı ve kırmızı renklerden oluşan bir g harfi görebilirsiniz. 2009 yılında açılan pr5 ve üzeri sitelerin yer aldığı dizin sitesi www.iyilink.org adresinin başında ise ( ok ) işaretini görebilirsiniz. İşte bu ikonları web adresinizin başına eklemeyi sağlayan kısa html kodunu ve sitelerinizde kullanabileceğiniz ikon örneklerini yazının devamında bulabilirsiniz.

Html etiketlerini kullanarak bir mail adresine bağlantı oluşturmak için aşağıdaki etiketleri kullanıyorduk :

<a href:mailto:nuriavci@gmail.com>mail gönder</a>

Bu durumda sayfada mail gönder diye bir yazı görünecek ve bu yazıya tıklandığında bilgisayarınızda kurulu bulunan mail yönetim programı (genellikle outlook) otomatik olarak çalışacaktır. Gönderilecek iletinin kime kısmına nuriavci@gmail.com adresi eklenecektir. Bunun dışında iletimizin başlık kısmınıda bir yazı otomatik olarak eklensin istiyorsanız yazının devamındaki kodu eklemeniz yeterlidir.

Bir önceki derste temel html etiketlerini anlatmıştık. Son derste anlatılan html, head, title, body etiketlerini bütün sayfalarımızda kullanacağız. Sayfalarımızda ekrana gelmesini istediğimiz bilgileri ise ..etiketleri arasına yazdığımızı bir kez daha hatırlatalım.

Html kodlarını öğrenirken hangi sırayı takip etmeliyim? Bir web sayfasında mutlaka bulunması gereken html kodları nelerdir?

Yeni bir web sayfası oluşturmak için mutlaka html bilmek zorundamıyım?
Cevap : Hayır. Mutlaka Html bilmek zorunda değilsiniz fakat profesyonel yada amatör hiç farketmez , web tasarımla uğraşan herkesin html kodlarını bilmesinde yarar vardır.

Meta etiketleri arama motorlarına siteyi tanıtan etiketlerdir. Bu etiketleri kullanarak sitenizin seo ayarlarını en iyi şekilde yapabilir, sitenizin google arama motoru tarafından doğru bir şekilde indexlenmesini sağlayabilirsiniz. Meta etiketlerinin sayfa içeriğinize uygun olarak girilmesine dikkat ediniz. Sitenizdeki her sayfa için ayrı meta etiketleri düzenlemeye özen gösteriniz.