Azərbaycanca
Беларускі
Dansk
Deutsch
Española
Français
Indonesia
Italiana
日本語
Қазақ
Lietuvos
Nederlands
Português
Русский
සිංහල
แบบไทย
Türkçe
Українська
中國人
United State
Afrikaans
Bu maddedeki üslubun, ansiklopedik bir yazıdan beklenen resmî ve ciddi üsluba uygun olmadığı düşünülmektedir. |
Web grafik tasarımı, grafik tasarım alanı ile yakın ilişkili bir konu olmakla beraber kendi içerisinde ayrı bir dal olarak çok geniş bir alanı ilgilendiren bir kavramdır.
Günümüzde sunulan ve üzerinde çalışılan web tasarımları, bir sanatsal çalışma olmaktan tamamen sıyrılarak kullanıcıları yormadan daha sade tasarıma ve kullanıcı dostu olmakla beraber, web sitesinde gezinmeleri için sadeleşme yolunu seçmiştir.
Web standartları
Web standartları, web geliştiricilerinin ve tasarımcılarının uygun ve tutarlı web siteleri oluşturmalarını sağlamak için belirlenen kılavuzlardır. Bu standartları uygulamak, web sayfalarının erişilebilirliğini ve tarayıcılar arasındaki uyumluluğunu sağlar. Aynı zamanda web geliştirme süreçlerini daha verimli hale getirir. Web standartları, web sitelerinin hızlı yüklenmesini ve düzgün çalışmasını sağlamak için tasarlanmıştır. Bu, optimize edilmiş görseller, önbellekleme ve veri sıkıştırma gibi teknikler içerebilir. Farklı görüntüleme yazılımlarının site içinde sunulan bilgileri aynı şekilde kullanıcıya göstermesi için çok önemlidir. Bu standartlar webmasterlara bir sayfanın nasıl kodlanması gerektiğini göstermenin yanı sıra internet tarayıcılarına bir sayfanın kullanıcıya nasıl görünmesi gerektiğini söyleyen bir takım kuralları içinde barındırır.
World Wide Web Consortium (W3C), Web ile ilgili tüm alanlarda araştırmaları yöneten ve standartları geliştiren ticari kurumlar ve eğitim kurumlarının konsorsiyumudur.
Web standartlarının temel unsurları
HTML ve XHMTL
HTML (HyperText Markup Language, Türkçe: Hiper Metin İşaretleme Dili), web sayfalarının yapısını tanımlayan dildir. Web sayfalarının metin, resimler ve diğer içeriklerle nasıl düzenleneceğini belirtir. XHTML ise HTML in daha katı ve XML tabanlı bir sürümüdür.
CSS
Cascading Style Sheets, web sayfalarının görünümünü tanımlayan dildir. Renkler, yazı tipleri, arka planlar ve düzen gibi görsel özellikler CSS kullanılarak kontrol edilir.
JavaScript
JavaScript, web sayfalarına etkileşim eklemek için kullanılır. Kullanıcıların düğmelere tıklamasına, formları doldurmasına ve sayfalar arasında gezinmesine yardımcı olur.
Bu üçünün dışında; erişilebilirlik, tarayıcı uyumluluğu, mobil kullanım özelliği, güvenlik, performans gibi seçenekler de web standartları içerisinde yer almaktadır.
Ana kurallar
Erişilebilirlik
Web standartları bazı erişilebilirlik kurallarını içerdiğinden; web sitesi kodlama standartlarını uygulayan bir web sayfası, erişebilirlik ve web sitesinin düzgün görüntülenmesi yolunda doğru bir adım atmış olacaktır.
Doğru görüntüleme
Sunum ve bilgi, CSS kuralları çerçevesinde ayırıldığı takdirde düzenlenen sayfa her cihazda sorunsuz bir şekilde görüntülenecektir. Cihazların ekran çözünürlük oranlarıyla doğrudan bağlantılı olan bu konu; bilgisayar, tablet ve telefonlar üzerinden sitenin sorunsuz bir şekilde görüntülenmesini sağlar.
Likit tasarım
Tarayıcı ekranı genişletilip daraltıldığında sayfanın uygun bir şekilde yeniden düzenlenmesi anlamına gelir.
Hızlı yüklenme
CSS ile geliştirilen bir web sayfası ile tablo kullanılarak yapılmış bir web sayfası arasındaki boyut farkı %25 ile %50 arasında değişmektedir. Bu fark; karbon emisyonlarını azaltma, sayfanın hızlı açılması, İnternet tasarrufu, sayfa oluşturma kolaylığı gibi pek çok konuda kolaylık sağlar.
Düşük bant genişliği kullanımı
Web sayfalarının barındığı internet sitesi sağlayıcıları, kullanılan internet trafiğine orantılı olarak ücret talep eder. Bu noktada web standartlarına uymak; hedef kitleye hitap eden ve işlevsel ancak bir o kadar da düşük boyutlu sayfalar oluşturmak internet trafiğini düşürür.
Arama motorlarında sıralama
İnternet sitesinin arama motorlarında sıralanması için kullanıcının amacını kolaylaştıracak şekilde tasarlanmalıdır. Hızlı, işlevsel ve tutarlı çalışmalıdır. Ayrıca hız bakımından optimize edilmiş sayfalar kullanıcıda olumlu bir deneyim bırakacağından dolayı arama motorlarında daha tutarlı sonuçlar alabilir.
Bakım kolaylığı
Güncel kodlama sistemleri ile geliştirilen bir web sitesinde bilgi ve sunumun ayrılması sayesinde; site içinde tümünü etkileyecek bir tasarımsal değişiklik yapılması gerekiyorsa, CSS dosyası üzerinde yapılacak bir düzenleme ile tüm siteyi etkileyen bir değişim gerçekleştirilebilir. Bu şekilde barındırılan her sayfayı düzenlemek yerine tek bir düzenleme ile sorun tamamen çözülür.
Web sitesi geliştirilirken stratejik aşamalar
İletişim
Reklam ajansı ve şirket arasındaki iletişimdir. Bu süreçte işletme nereye ulaşmak istemektedir, beklentileri nelerdir, kurum renkleri, yazılım destekleri eklemeler, kurum kimliğine uygun tasarım yapısı, iletişim kanalları vs. sorgulanır.
Araştırma
Şirketin beklentileri ile sektördeki rakipler karşılaştırılır. Araştırma içeriği; web sitesinin global veya yerel pazarda işletmeyi rakipleri karşısında birçok anlamda güçlendirecek iletişim altyapısının hazırlanması olacaktır.
Planlama
Web sitesinin menü yapısı, kategori yapısı, galeriler, bilgiler, yazılımlar gibi maddeleri içeren site haritası çıkarılır. Web sitesinde kullanılacak tüm içerikler, ziyaretçi eğilimleri ve gezinme hareketleri baz alınarak oluşturulmalıdır.
Geliştirme süreci
Planlama aşamasındaki site haritasında belirlenen maddelerin detaylandırılması, ziyaretçiler için geliştirilmesidir.
Tasarım
Grafik tasarım kural ve uygulama metotlarının, yazılım tekniklerine ve şirketin kurum kimliğine uygun olarak hazırlanmasıdır.
Panel yönetimi
Tasarımı ve yazılımı tamamlanan web sitesinin veri girişleri kontrol paneliyle sağlanır. Bütün veriler eksiksiz yüklenerek bir sonraki test aşamasına hazırlanır.
Testler
Görsel ve yazılım hataları kullanıcıda kötü bir izlenim bırakacağından dolayı tasarlanan ve geliştirilen sitenin fonksiyonları sitenin yayınlanmasından önce test edilmelidir.
- Tasarım ve kodlama entegrasyonu kontrolü
- İçerik/kod oranı testi
- UX (kullanıcı deneyimi) testi
- Sayfa açılış hızı
- İçeriğinde kullanılan materyal yapısı
- İnternet tarayıcıları (browser) uyumu
- Cihaz (akıllı telefon, tablet vb.) uyumu
- Kodlama hata testleri
- Retina ayarları (Yüksek çözünürlüklü cihaz uyumluluğu)
- Arama Motoru Optimizasyonu (SEO) uygunluğu
- Font, İcon Kullanımı veya CSS Sprite
- W3C Testi (HTML5 Doğruluk Testleri)
- Sitemap XML Ayarları
- Güvenlik testleri.
Yayın süreci
Listelen tüm testler sırasında herhangi bir sorun bulunmadığı ya da tespit edilen sorunların düzeltildiği takdirde yayınlanma aşamasına geçilmesidir.
Teknik destek
Web sitesinin yayına açıldıktan sonra kullanılan yeni görsellerin (boyut, ölçeklendirme, renk/ışık yeterliliği, doğru görsel seçimi) uygunluğunun kontrolü, arama motoru optimizasyonu (SEO) geliştirmeleri, internet reklamları stratejilerinin belirlenerek hayata geçirilmesi, kullanıcı eğilimlerine göre olası yazılım desteği eklemeler gibi ihtiyaçlarla şekillenir.
Kaynakça
- ^ "World Wide Web Consortium (W3C) Web Standartları". 14 Mayıs 2023 tarihinde kaynağından . Erişim tarihi: 20 Haziran 2024.
wikipedia, wiki, viki, vikipedia, oku, kitap, kütüphane, kütübhane, ara, ara bul, bul, herşey, ne arasanız burada,hikayeler, makale, kitaplar, öğren, wiki, bilgi, tarih, yukle, izle, telefon için, turk, türk, türkçe, turkce, nasıl yapılır, ne demek, nasıl, yapmak, yapılır, indir, ücretsiz, ücretsiz indir, bedava, bedava indir, mp3, video, mp4, 3gp, jpg, jpeg, gif, png, resim, müzik, şarkı, film, film, oyun, oyunlar, mobil, cep telefonu, telefon, android, ios, apple, samsung, iphone, xiomi, xiaomi, redmi, honor, oppo, nokia, sonya, mi, pc, web, computer, bilgisayar
Bu maddedeki uslubun ansiklopedik bir yazidan beklenen resmi ve ciddi usluba uygun olmadigi dusunulmektedir Maddeyi gelistirerek ya da konuyla ilgili tartismaya katilarak Vikipedi ye katkida bulunabilirsiniz Web grafik tasarimi grafik tasarim alani ile yakin iliskili bir konu olmakla beraber kendi icerisinde ayri bir dal olarak cok genis bir alani ilgilendiren bir kavramdir Gunumuzde sunulan ve uzerinde calisilan web tasarimlari bir sanatsal calisma olmaktan tamamen siyrilarak kullanicilari yormadan daha sade tasarima ve kullanici dostu olmakla beraber web sitesinde gezinmeleri icin sadelesme yolunu secmistir Web standartlariWeb standartlari web gelistiricilerinin ve tasarimcilarinin uygun ve tutarli web siteleri olusturmalarini saglamak icin belirlenen kilavuzlardir Bu standartlari uygulamak web sayfalarinin erisilebilirligini ve tarayicilar arasindaki uyumlulugunu saglar Ayni zamanda web gelistirme sureclerini daha verimli hale getirir Web standartlari web sitelerinin hizli yuklenmesini ve duzgun calismasini saglamak icin tasarlanmistir Bu optimize edilmis gorseller onbellekleme ve veri sikistirma gibi teknikler icerebilir Farkli goruntuleme yazilimlarinin site icinde sunulan bilgileri ayni sekilde kullaniciya gostermesi icin cok onemlidir Bu standartlar webmasterlara bir sayfanin nasil kodlanmasi gerektigini gostermenin yani sira internet tarayicilarina bir sayfanin kullaniciya nasil gorunmesi gerektigini soyleyen bir takim kurallari icinde barindirir World Wide Web Consortium W3C Web ile ilgili tum alanlarda arastirmalari yoneten ve standartlari gelistiren ticari kurumlar ve egitim kurumlarinin konsorsiyumudur Web standartlarinin temel unsurlariHTML ve XHMTL HTML HyperText Markup Language Turkce Hiper Metin Isaretleme Dili web sayfalarinin yapisini tanimlayan dildir Web sayfalarinin metin resimler ve diger iceriklerle nasil duzenlenecegini belirtir XHTML ise HTML in daha kati ve XML tabanli bir surumudur CSS Cascading Style Sheets web sayfalarinin gorunumunu tanimlayan dildir Renkler yazi tipleri arka planlar ve duzen gibi gorsel ozellikler CSS kullanilarak kontrol edilir JavaScript JavaScript web sayfalarina etkilesim eklemek icin kullanilir Kullanicilarin dugmelere tiklamasina formlari doldurmasina ve sayfalar arasinda gezinmesine yardimci olur Bu ucunun disinda erisilebilirlik tarayici uyumlulugu mobil kullanim ozelligi guvenlik performans gibi secenekler de web standartlari icerisinde yer almaktadir Ana kurallarErisilebilirlik Web standartlari bazi erisilebilirlik kurallarini icerdiginden web sitesi kodlama standartlarini uygulayan bir web sayfasi erisebilirlik ve web sitesinin duzgun goruntulenmesi yolunda dogru bir adim atmis olacaktir Dogru goruntuleme Sunum ve bilgi CSS kurallari cercevesinde ayirildigi takdirde duzenlenen sayfa her cihazda sorunsuz bir sekilde goruntulenecektir Cihazlarin ekran cozunurluk oranlariyla dogrudan baglantili olan bu konu bilgisayar tablet ve telefonlar uzerinden sitenin sorunsuz bir sekilde goruntulenmesini saglar Likit tasarim Tarayici ekrani genisletilip daraltildiginda sayfanin uygun bir sekilde yeniden duzenlenmesi anlamina gelir Hizli yuklenme CSS ile gelistirilen bir web sayfasi ile tablo kullanilarak yapilmis bir web sayfasi arasindaki boyut farki 25 ile 50 arasinda degismektedir Bu fark karbon emisyonlarini azaltma sayfanin hizli acilmasi Internet tasarrufu sayfa olusturma kolayligi gibi pek cok konuda kolaylik saglar Dusuk bant genisligi kullanimi Web sayfalarinin barindigi internet sitesi saglayicilari kullanilan internet trafigine orantili olarak ucret talep eder Bu noktada web standartlarina uymak hedef kitleye hitap eden ve islevsel ancak bir o kadar da dusuk boyutlu sayfalar olusturmak internet trafigini dusurur Arama motorlarinda siralama Internet sitesinin arama motorlarinda siralanmasi icin kullanicinin amacini kolaylastiracak sekilde tasarlanmalidir Hizli islevsel ve tutarli calismalidir Ayrica hiz bakimindan optimize edilmis sayfalar kullanicida olumlu bir deneyim birakacagindan dolayi arama motorlarinda daha tutarli sonuclar alabilir Bakim kolayligi Guncel kodlama sistemleri ile gelistirilen bir web sitesinde bilgi ve sunumun ayrilmasi sayesinde site icinde tumunu etkileyecek bir tasarimsal degisiklik yapilmasi gerekiyorsa CSS dosyasi uzerinde yapilacak bir duzenleme ile tum siteyi etkileyen bir degisim gerceklestirilebilir Bu sekilde barindirilan her sayfayi duzenlemek yerine tek bir duzenleme ile sorun tamamen cozulur Web sitesi gelistirilirken stratejik asamalarIletisim Reklam ajansi ve sirket arasindaki iletisimdir Bu surecte isletme nereye ulasmak istemektedir beklentileri nelerdir kurum renkleri yazilim destekleri eklemeler kurum kimligine uygun tasarim yapisi iletisim kanallari vs sorgulanir Arastirma Sirketin beklentileri ile sektordeki rakipler karsilastirilir Arastirma icerigi web sitesinin global veya yerel pazarda isletmeyi rakipleri karsisinda bircok anlamda guclendirecek iletisim altyapisinin hazirlanmasi olacaktir Planlama Web sitesinin menu yapisi kategori yapisi galeriler bilgiler yazilimlar gibi maddeleri iceren site haritasi cikarilir Web sitesinde kullanilacak tum icerikler ziyaretci egilimleri ve gezinme hareketleri baz alinarak olusturulmalidir Gelistirme sureci Planlama asamasindaki site haritasinda belirlenen maddelerin detaylandirilmasi ziyaretciler icin gelistirilmesidir Tasarim Grafik tasarim kural ve uygulama metotlarinin yazilim tekniklerine ve sirketin kurum kimligine uygun olarak hazirlanmasidir Panel yonetimi Tasarimi ve yazilimi tamamlanan web sitesinin veri girisleri kontrol paneliyle saglanir Butun veriler eksiksiz yuklenerek bir sonraki test asamasina hazirlanir Testler Gorsel ve yazilim hatalari kullanicida kotu bir izlenim birakacagindan dolayi tasarlanan ve gelistirilen sitenin fonksiyonlari sitenin yayinlanmasindan once test edilmelidir Tasarim ve kodlama entegrasyonu kontrolu Icerik kod orani testi UX kullanici deneyimi testi Sayfa acilis hizi Iceriginde kullanilan materyal yapisi Internet tarayicilari browser uyumu Cihaz akilli telefon tablet vb uyumu Kodlama hata testleri Retina ayarlari Yuksek cozunurluklu cihaz uyumlulugu Arama Motoru Optimizasyonu SEO uygunlugu Font Icon Kullanimi veya CSS Sprite W3C Testi HTML5 Dogruluk Testleri Sitemap XML Ayarlari Guvenlik testleri Yayin sureci Listelen tum testler sirasinda herhangi bir sorun bulunmadigi ya da tespit edilen sorunlarin duzeltildigi takdirde yayinlanma asamasina gecilmesidir Teknik destek Web sitesinin yayina acildiktan sonra kullanilan yeni gorsellerin boyut olceklendirme renk isik yeterliligi dogru gorsel secimi uygunlugunun kontrolu arama motoru optimizasyonu SEO gelistirmeleri internet reklamlari stratejilerinin belirlenerek hayata gecirilmesi kullanici egilimlerine gore olasi yazilim destegi eklemeler gibi ihtiyaclarla sekillenir Kaynakca World Wide Web Consortium W3C Web Standartlari 14 Mayis 2023 tarihinde kaynagindan Erisim tarihi 20 Haziran 2024