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.

Bilgisayarınızda masaüstünde kullandığınız simgelerin yerine kendi resminizi kullanmak isteyebilirsiniz. Yada web sitelerinizde web adresinizin yanına favicon resmi eklemek isteyebilirsiniz. Bu durumda elinizdeki resimleri ico (simge resim’ e) dönüştürmeniz gerekecektir. Nadiren kullanacağınız bu işlem için bilgisayarınıza program kurmanıza gerek yok. Yazımın devamındaki web adresini ziyaret ederek resimlerinizi kısa süre içerisinde 16*16, 32*32 yada 48*48 pixel boyutlarında icon resimlerine dönüştürebilirsiniz.

İ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 : )

Milli Eğitim Bakanlığının Meb.k12.tr alt yapısı için hazırlanan, grafiklerini ve tasarımını kendi hazırladığım okul sitesinin kaynak dosyalarını indirebileceğiniz link ile sitenin önizlemesi ve özelliklerini görmek için yazının devamını okuyabilirsiniz.

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.

Edirne Meriç Çok Programlı Lisesi yeni web sitesi bugün itibari ile yayına girdi.

http://mericcpl.meb.k12.tr/

Css ile web sitenize ekleyebileceğiniz çok güzel menü örnekleri var. Bu menü örneklerini sizler için bir araya getirdim. Yazımın devamındaki resimlerde önizlemesini görebileceğiniz menüleri indirmek yada web sitesini ziyaret etmek için menü başlıklarına tıklayabilirsiniz.

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?