Websitelerinde Standartlar Açısından Dikkat Edilmesi Gereken Noktalar 1 Websitelerinde Standartlar Açısından Dikkat Edilmesi Gereken Noktalar Eser SAHiLLiOĞLU.tr.

Slides:



Advertisements
Benzer bir sunumlar
3- Site konuyu geniş çaplı ele almış ve konuların anlaşılması için değişik ve anlaşılır örnekler verilmiş. Her konuya ayrı.
Advertisements

HTML e GİRİŞ Temel HTML etiketleri.
İstanbul ÜNİVERSİTESİ BİLGİ İŞLEM DAİRE BAŞKANLIĞI
4 Temel Prensip Işığında Web Erişilebilirlik Kriterleri
İnternet Sitemizi Açarız! Çok Heyecanlıyız !. Fakat Ziyaretçi Gelmez..
Kullanım Amacı Eğitsel içerikli dosyaların paylaşıldığı bir platformdur. Bu paylaşımlar sayesinde, öğrenciler derslere girmeden.
4/3/2017
WEB SAYFASI NASIL HAZIRLANIR?
DİCLE ÜNİVERSİTESİ AKADEMİK BİLGİ SİSTEMİ (AKADEMİKWEB)
WEB TASARIM TEKNİKLERİ
Doç.Dr. Kürşat Çağıltay ODTÜ
YZM Yazılım Doğrulama ve Geçerlileme
İnternet Siteleri Yönetimi
MIT505 İnternet ve Web Programlama: Web Şablonları ve Web düzenleme
İnternet Programcılığı
Okul Web Sitesi Yönetim Paneli
Bilgisayar Dosya Uzantıları
Kişisel Web Sayfaları Kullanım Bilgileri
Web Programlama Kursu Bu kurs ne değildir? Neyi amaç edinmiştir?
BAĞLANTI OLUŞTURMAK Bağlantı rengini ve biçimlendirme özelliklerini ayarlamak Hipermetin bağlantıları oluşturmak Resim tabanlı bağlantılar oluşturmak Bağlantıların.
STİL SAYFALARI GELİŞTİRMEK
İçindekiler My.KU nedir?
BTEP 203 – İnternet ProgramcIlIğI - I
Websiteniz Nasıl Daha Yapışkan Olur ? Murat Babadağ
(İNTERNET SAYFALARI YÖNETİMİ)
Temel HTML Eğitimi Erman Yükseltürk.
IT 504 İnternet ve Web Programlama Tanıtım Yrd. Doç. Yuriy Mishchenko.
HTML (HYPER TEXT MARKUP LANGUAGE) TEMEL ETİKETLERİ
CSS’de Class ve ID. ID Bir HTML dosyasının içeriğinde, sadece bir öğeye verilebilecek bir değerdir. id tektir. id'ler sayfada sadece tek bir html etiketine.
WEB TASARIMININ TEMELLERİ
BAĞLANTI (KÖPRÜ) OLUŞTURMA
Çağlar AKGÖZ WEB SAYFALARININ DEĞERLENDİRİLMESİ.
HTML HYPER TEXT MARKUP LANGUAGE Burcu Yılmaz – İ brahim Mert Bilişim Teknolojileri Ö ğ retmeni.
1 İNTERNET PROGRAMLAMA - 1 Bağlantılar Öğr.Gör. Serkan KORKMAZ Harran Üniversitesi Birecik Meslek Yüksekokulu.
İnternet. İnternet...  dünya çapında bir bilgisayar ağı  bilgi süper otoyolu (information super highway)
Mobil Web XHTML-MP .NET ve Mobil Web Uygulamalar
ÖĞRENME NESNELERİ (LEARNING OBJECTS)
Genel Bakış IEU Web Sitesi Genel Yapısı İDARİ YAPI VE AKADEMİK YAPI İÇİN YAKLAŞIMLAR... YÖNETİM SİSTEMİ ORGANİZASYON EK: SPAW EDİTÖR.
HTML HYPER TEXT MARKUP LANGUAGE Ayşe AK İ DA Ğ I Bilişim Teknolojileri Ö ğ retmeni.
Hazırlayan: Yrys Moidin kyzy. 1) html; 1. html (hypertext markup language ): hipermetin işaretleme dili. 2) Bu tag wep sayfasında bulunan ilk tagdır.
Web Tasarımı ve Adobe Muse
Yrd. Doç. Dr. Doğan AYDOĞAN
WEB2.0 ARAÇLARI Gökçe Hanım EMİR K ONULAR : ajax, rss, css, vidcast, podcast podcast.
Dersi Özeti Kursun içeriğini özeti Alt başlıkları Proje Kurs esnasında kullanmayı planladığımı editörler HTMLe giriş Temel etiketler Notepad+’da.
2-Hafta Temel İşlemler * Html Komutlarının Yapısı * Açıklamalar
Bu kurs ne değildir? Neyi amaç edinmiştir? Bilgisayar Mühendisi? Bilgisayar Programcısı? Web Tasarımcısı? Web Programcısı? Neler öğreneceğiz? Kurs sonunda.
İnternet Programlama-I
Hazırlayan: EMRAH HAS. Eşzamanlı ya da eş zamansız, metin, grafik, animasyon, ses, video gibi içeriğin tamamen işlenmiş, yarı işlenmiş ya da ham veri.
İÇERİK YÖNETİM SİSTEMİ Öğr. Gör. Emine TUNÇEL Kırklareli Üniversitesi Pınarhisar Meslek Yüksekokulu.
İÇERİK YÖNETİM SİSTEMİ Öğr. Gör. Emine TUNÇEL Kırklareli Üniversitesi Pınarhisar Meslek Yüksekokulu.
Web Tasarımı 2.Hafta. HTML Nedir  Hyper Text Markup Language (Hiper Metin İşaretleme Dili) web sayfalarını oluşturmak için kullanılan standart metin.
BİLİŞİM TEKNOLOJİLERİ 1 MODÜL : WEB TASARIM. HTML 2.
Bitirme Tezi/Mühendislik Tasarımı Proje Türkçe Başlığı
Araştırma Özetinin Konu Başlığı
GÖRME ENGELLİ BİREYLERİN DİJİTAL İÇERİKLERE ERİŞİMİ
BİLİŞİM TEKNOLOJİLERİ
Sitenizin trafiğini artırmanın püf noktaları
Dünyanın bilgisine açılan pencere...
İçerik Yönetim Sistemi
XHTML ile HTML Arasındaki Farklar
Tarayıcı Sorunları ve Çözümleri
WEB TASARIMI STİL ŞABLONLARI (CSS KULLANIMI) SAVAŞ TUNÇER.
WEB TASARIMI – HTML BİLGİSİ SAVAŞ TUNÇER
Ocak, 2013 Akdeniz Üniversitesi
Dünyanın bilgisine açılan pencere...
Amazon Web Servisleri ve Javascript Dilinin Birlikte Kullanımı
Web Programlama Kursu Bu kurs ne değildir? Neyi amaç edinmiştir?
Bitirme Tezi/Mühendislik Tasarımı Proje Türkçe Başlığı
Öğretim Yazılımı Tasarımı Rehberi
BİLİŞİM TEKNOLOJİLERİ VE YAZILIM DERSİ
Sunum transkripti:

Websitelerinde Standartlar Açısından Dikkat Edilmesi Gereken Noktalar 1 Websitelerinde Standartlar Açısından Dikkat Edilmesi Gereken Noktalar Eser SAHiLLiOĞLU.tr Alan Adı Yönetimi _______________________ Şubat 2006 | Akademik Bilişim |

Websitelerinde Standartlar Açısından Dikkat Edilmesi Gereken Noktalar 2 İçindekiler  Kod Kalitesi?  İçerik ve Sunum?  Kullanıcılar Açısından Erişilebilirlik?  İstemciler Açısından Erişilebilirlik?  Kullanılabilirlik?  Site Yönetimi?

Websitelerinde Standartlar Açısından Dikkat Edilmesi Gereken Noktalar 3 Giriş  Özellikle kurumsal web sitelerinde kullanılabilirlik, erişilebilirlik, yönetilebilirlik, hız, içerik, tasarım ve genel kalite açısından dikkat edilmesi ve uyulması gereken web standartları bulunmaktadır. Ancak bir çok kurumsal web sitesi bu standartlar gözönüne alınmadan tasarlanmakta ve hizmet vermektedir. İşte bu bildiride, özellikle kurumsal web sitelerinin standartlara uygun olmasını sağlamak ve böylece genel kalitesini artırmak için dikkat edilmesi gereken bazı noktaların açıklamaları ve örnekleri ile verilmesi amaçlanmadır.

Websitelerinde Standartlar Açısından Dikkat Edilmesi Gereken Noktalar 4 1. Kod Kalitesi  Doğru bir DOCTYPE kullanılıyor mu?  Encoding için doğru karakter seti kullanılıyor mu?  Site geçerli ve doğru (X)HTML koda sahip mi?  Site geçerli ve doğru CSS dosyasına sahip mi?  Gereksiz ID veya CLASS’lar kullanılıyor mu?  Sitenin kodu düzgün bir yapıya sahip mi?  Kırık/çalışmayan linkler var mı?  Sayfanın büyüklüğü ve görüntülenme hızı iyi mi?  Sayfalar JS hatalarından arındırılmış mı?

Websitelerinde Standartlar Açısından Dikkat Edilmesi Gereken Noktalar 5 İçerik ve Sunum?  Siteniz CSS’i şekilsel tüm sunum için kullanıyor mu? (fontlar, renkler, linkler, padding, border vb.)?  Tasarıma yönelik tüm grafik ögeler CSS içinde mi? Yoksa kodun (X/HTML) içinde mi gömülü?

Websitelerinde Standartlar Açısından Dikkat Edilmesi Gereken Noktalar 6 Kullanıcılar Açısından Erişilebilirlik?  Tanımlayıcı tüm imajlar alt parametresine sahip mi?  Metinlerde font ölçüsü olarak değiştirilebilir mi yoksa sabit ölçüler ve birimler mi kullanılıyor?  Fontlarınız manual olarak büyütüldüğünde tasarım bozuluyor mu?  Linkler hiyerarşik/gruplandırılmış ve anlaşılabilir durumda mı?  Kullanılan formlar erişilebilirliğe sahip mi?  Kullanılan tablolar erişilebilirliğe sahip mi?  Yeterli ve uygun renk parlaklık ve kontrast oranına sahip mi?  Renkler tek başına önemli bilgiler için tanımlayıcı olarak kullanılıyor mu?  DHTML ve CSS menülerinde tepki süreleri düşük kullanıcılar tarafından da kullanılabiliyor mu?  Tüm linkler ayırtedilebilir durumda mı? (görme engelliler)

Websitelerinde Standartlar Açısından Dikkat Edilmesi Gereken Noktalar 7 İstemciler Açısından Erişilebilirlik?  Site eski ve yeni istemcilerle kabul edilebilir bir oranda çalışır durumda mı?  CSS kapatılacak olursa veya desteklenmiyorsa içerik hala okunabilir ve anlaşılabilir durumda kalıyor mu?  İmajlar kapatıldığında veya desteklenmediğinde içerik hala okunabilir ve anlaşılabilir durumda kalıyor mu?  Site Lynx vb. metin tabanlı istemciler de çalışır durumda mı?  Sayfalar yazıcı çıktılarında düzgün ve düzenli görünüyor mu?  Sayfalar PDA/Cep vb. el cihazlarından da erişilebilir durumda mı? Düzgün görünüyor mu?  Site detaylı meta bilgilerine sahip mi?  Sayfalar farklı browserlarda ve değişik pencere boyutlarında düzgün görünüyor ve çalışıyor mu?

Websitelerinde Standartlar Açısından Dikkat Edilmesi Gereken Noktalar 8 Kullanılabilirlik?  Anlaşılabilir ve temiz bir hiyerarşiye sahip mi?  Başlık seviyeleri ayırtedilebilir durumda mı?  Kolay ve anlaşılabilir bir menü ve link sistemine sahip mi?  Menü ve link sistemi tutarlı ve uyumlu mu?  Linklerin altı çizili mi?  Site tutarlı, uygun, basit ve anlaşılabilir bir dile sahip mi?  Site Haritası ve İletişim Bilgileri sayfasına sahip mi ve bunlar kolay görülebilir ve ulaşılır bir yerde mi?  Site içi arama motorunuz var mı? Özellikle büyük ve kurumsal siteler?  Sitenin her sayfasında anasayfaya bağlantı sağlayan bir link bulunuyor mu?  Daha önce tıklanmış linkler farklı bir renk ve şekille ayırtedilebilir hale getiriliyor mu?

Websitelerinde Standartlar Açısından Dikkat Edilmesi Gereken Noktalar 9 Site Yönetimi?  Anlaşılabilir ve yol bulmaya yardımcı bir 404 sayfanız var mı? Bu sayfa sitenin her bölümünden çalışır durumda mı?  Site anlaşılabilir ve arama motorlarına uyumlu URL adresleri kullanıyor mu?  Site adresiniz "www“ eklenmeden çalışır durumda mı?  Site favicon kullanıyor mu?

Websitelerinde Standartlar Açısından Dikkat Edilmesi Gereken Noktalar 10 Eser SAHiLLiOĞLU.tr Alan Adı Yönetimi _______________________ Şubat 2006 | Akademik Bilişim | Teşekkürler...