Cep telefonlarından internet yaygınlaştıkça cep telefonu web siteleri de yaygınlaşmaya başladı. Bu siteler hususunda bazı bilgiler toparlayıp konu hakkında bilgi sahibi olmak isteyenler yararlanabilir.
Bu dökümanı okuyarak cep telefonu siteleri yapmanın püf noktalarını öğrenebilir ve ya web sitenizi cep telefonlarına göre uyarlayabilirsiniz.
“Accesskey” kullanımı
Accesskey denilen şey navigasyonu sağlar ve mobil cihazlar için kodlamasının temel taşıdır. (Bilgisayar klavyesinde de kullanılır.) Ama bunda dikkat edilmesi gereken noktalar var. Bunlar; numaraların 9′u geçmemesi, belli başlı linklerde uygulanması, yönüne göre kullanılması(mesela bir yazı sayfasında, sonraki yazı linki için; 6). Accesskey şu şekilde kullanılabilir:
<a href=”http://www.teknove.com” accesskey=”6″>Sonraki yazı</a> (6′ya basın)
“style” etiketlerini kullanın, “class” veya “id” çağırmayın!!!
xHTML tabii ki kullanabilirsiniz. Ama <div style=”margin-bottom: 1px;”> şeklindeki kodlamada eklenen “class” veya “id” yerine “style” etiketi, sayfa yüklemesinde daha çok hız sağladı.
Fakat bazı etiketlerde “style” etiketi kullanılmaması gerekebilir. Örneğin “Body” gibi etiketlerde stil kodlarını “” etiketinden önce gelen “<style></style>” etiketleri arasına girin. Zira şu kod, kodlama açısından amatör sayılabilir; <body style=”background:#000000;”>.
Flash kullanımı
Flash kullanmasanız iyi edersiniz. Bilakis halen flash playerı bulunmayan cep telefonları var. Şaka gibi ama bunların en başında iPhone geliyor
Kısacası; çok sade ve minimal kodlama ve tasarım
Çok sade kodlamada fayda vardır; önceki maddelerde söylediğim gibi. Ama bunun en önemli olanı, JavaScript gibi makinenin işlem yapacağı değil de PHP gibi sunucu üzerinde çalışan kodlama dillerini kullanmanız. Elbette JavaScript ile yaptığınız atraksiyonlar(Ajax gibi) PHP ile yapılamaz. Minimal kodlama dışında, sade tasarım da gerekli. Gerekliliği, cihazların ekran boyutlarının da kendine göre olması.
iPhone için “favicon” ayarlamak
Şu kodu kendinize uyarlayabilirsiniz:
<link rel=”apple-touch-icon” href=”http://www.teknove.com/favicon.png” />
DOCTYPE ayarı
Eğer sayfanızın en başında bu kod bulunuyorsa:
< !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
şu hale getirin:
< ?xml version=”1.0″ encoding=”UTF-8″?>
< !DOCTYPE html PUBLIC “-//WAPFORUM//DTD XHTML Mobile 1.0//EN” “http://www.wapforum.org/DTD/xhtml-mobile10.dtd”>
Otomatik bir servis
Eğer otomatik yapacak bir servis isterim derseniz; Mofuse sitesini önerebilirim. Bu site RSS beslemenizle çalışıyor. Sonra sizin için isim.mofuse.mobi şeklindeki alan adınızı veriyor. Web sitenize cep telefonlarından girildiği takdirde anasayfanıza gelenleri de bu sayfaya yönlendirmenizi sağlayabiliyor.</body></div>
Gerçekten güzel ve etkili bir yazı. Teşekkürler.