- Katılım
- 10 Ağustos 2025
- Mesajlar
- 174
- Puanı
- 18
- Yaş
- 38
- Konum
- 06 - Ankara
- Web
- www.sohbetly.org
- Eğitim
- Beykent Universitesi Mimarlık Fakültesi
- İlgi Alanı
- ArabaSürmek,
- Cinsiyet
- Erkek
- Takım
-
- Medeni
- Bekar
Web grafik tasarımı,
Günümüzde üzerinde çalışılan ve sunulan web tasarımları, sanatsal bir çalışma olmaktan ziyade, kullanıcıları yormadan daha sade ve kullanıcı dostu bir tasarım anlayışını benimsemiştir. Bu tasarımlar, web sitenizin basit ve kolay kullanılabilir olmasını hedefler.
Bu üçünün dışında; erişilebilirlik, tarayıcı uyumluluğu, mobil kullanım özelliği, güvenlik ve performans gibi unsurlar da web standartları içerisinde yer almaktadır.
Diğer bir deyişle; HTML, bir web sayfasının iskeletini oluşturur, içeriği ve yapıyı belirlerken CSS, bu iskeleti görsel olarak şekillendirir ve tasarım ekler, JavaScript ise sayfaya etkileşim ve dinamiklik kazandırarak kullanıcı deneyimini geliştirir.
Ziyaretçiler için Gizlenmiş Link, Görmek için,
Giriş yap veya üye ol.
alanı ile yakın ilişkili olmakla birlikte, kendi başına ayrı bir dal olarak da geniş bir alanı kapsayan bir kavramdır.
Ziyaretçiler için Gizlenmiş Link, Görmek için,
Giriş yap veya üye ol.
Günümüzde üzerinde çalışılan ve sunulan web tasarımları, sanatsal bir çalışma olmaktan ziyade, kullanıcıları yormadan daha sade ve kullanıcı dostu bir tasarım anlayışını benimsemiştir. Bu tasarımlar, web sitenizin basit ve kolay kullanılabilir olmasını hedefler.
Web standartları
Web standartları, web geliştiricilerinin ve tasarımcılarının uyumlu 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 farklı tarayıcılar arasında uyumluluğunu sağlar. Aynı zamanda web geliştirme süreçlerini daha verimli hale getirir.
Ziyaretçiler için Gizlenmiş Link, Görmek için,
Giriş yap veya üye ol.
, 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 kritik öneme sahiptir. Bu standartlar
Ziyaretçiler için Gizlenmiş Link, Görmek için,
Giriş yap veya üye ol.
bir sayfanın nasıl
Ziyaretçiler için Gizlenmiş Link, Görmek için,
Giriş yap veya üye ol.
gerektiğini göstermenin yanı sıra internet
Ziyaretçiler için Gizlenmiş Link, Görmek için,
Giriş yap veya üye ol.
bir sayfanın kullanıcıya nasıl görünmesi gerektiğini söyleyen bir dizi kuralı içinde barındırır.
Ziyaretçiler için Gizlenmiş Link, Görmek için,
Giriş yap veya üye ol.
Consortium (
Ziyaretçiler için Gizlenmiş Link, Görmek için,
Giriş yap veya üye ol.
), 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 XHTML
Ziyaretçiler için Gizlenmiş Link, Görmek için,
Giriş yap veya üye ol.
(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.
Ziyaretçiler için Gizlenmiş Link, Görmek için,
Giriş yap veya üye ol.
ise HTML'nin daha katı ve
Ziyaretçiler için Gizlenmiş Link, Görmek için,
Giriş yap veya üye ol.
tabanlı bir sürümüdür.CSS
Ziyaretçiler için Gizlenmiş Link, Görmek için,
Giriş yap veya üye ol.
, web sayfalarının görünümünü tanımlayan dildir. Renkler, yazı tipleri, arka planlar ve düzen gibi görsel özellikler
Ziyaretçiler için Gizlenmiş Link, Görmek için,
Giriş yap veya üye ol.
kullanılarak kontrol edilir.JavaScript
Ziyaretçiler için Gizlenmiş Link, Görmek için,
Giriş yap veya üye ol.
, 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 ve performans gibi unsurlar da web standartları içerisinde yer almaktadır.
Diğer bir deyişle; HTML, bir web sayfasının iskeletini oluşturur, içeriği ve yapıyı belirlerken CSS, bu iskeleti görsel olarak şekillendirir ve tasarım ekler, JavaScript ise sayfaya etkileşim ve dinamiklik kazandırarak kullanıcı deneyimini geliştirir.
Ana kurallar
Erişilebilirlik
Web standartları bazı
Ziyaretçiler için Gizlenmiş Link, Görmek için,
Giriş yap veya üye ol.
kurallarını içerdiğinden; web sitesi kodlama standartlarını uygulayan bir web sayfası, erişilebilirlik 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,
Ziyaretçiler için Gizlenmiş Link, Görmek için,
Giriş yap veya üye ol.
kuralları çerçevesinde ayrıldığı takdirde düzenlenen sayfa her cihazda sorunsuz bir şekilde görüntülenir. 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
Ziyaretçiler için Gizlenmiş Link, Görmek için,
Giriş yap veya üye ol.
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ı, internet tasarrufu ve 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ığı
Ziyaretçiler için Gizlenmiş Link, Görmek için,
Giriş yap veya üye ol.
sağlayıcıları, kullanılan
Ziyaretçiler için Gizlenmiş Link, Görmek için,
Giriş yap veya üye ol.
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ı
Ziyaretçiler için Gizlenmiş Link, Görmek için,
Giriş yap veya üye ol.
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
Ziyaretçiler için Gizlenmiş Link, Görmek için,
Giriş yap veya üye ol.
ve şirket arasındaki iletişimdir. Bu süreçte işletme nereye ulaşmak istemektedir, beklentileri nelerdir, kurum renkleri,
Ziyaretçiler için Gizlenmiş Link, Görmek için,
Giriş yap veya üye ol.
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
Ziyaretçiler için Gizlenmiş Link, Görmek için,
Giriş yap veya üye ol.
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
-
Ziyaretçiler için Gizlenmiş Link, Görmek için, Giriş yap veya üye ol.testi
- Sayfa açılış hızı
- İçeriğinde kullanılan materyal yapısı
- İnternet tarayıcıları (browser) uyumu
- Cihaz (
Ziyaretçiler için Gizlenmiş Link, Görmek için, Giriş yap veya üye ol.,Ziyaretçiler için Gizlenmiş Link, Görmek için, Giriş yap veya üye ol.vb.) uyumu
- Kodlama hata testleri
- Retina ayarları (Yüksek çözünürlüklü cihaz uyumluluğu)
-
Ziyaretçiler için Gizlenmiş Link, Görmek için, Giriş yap veya üye ol.uygunluğu
-
Ziyaretçiler için Gizlenmiş Link, Görmek için, Giriş yap veya üye ol., İcon Kullanımı veya CSS Sprite
-
Ziyaretçiler için Gizlenmiş Link, Görmek için, Giriş yap veya üye ol.Testi (HTML5 Doğruluk Testleri)
- Sitemap
Ziyaretçiler için Gizlenmiş Link, Görmek için, Giriş yap veya üye ol.Ayarları
- Güvenlik testleri.
Yayın süreci
Listelenen tüm testler sonrasında herhangi bir sorun bulunmadığı ya da tespit edilen sorunların düzeltilmesi halinde 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 (
Ziyaretçiler için Gizlenmiş Link, Görmek için,
Giriş yap veya üye ol.
) geliştirmeleri,
Ziyaretçiler için Gizlenmiş Link, Görmek için,
Giriş yap veya üye ol.
stratejilerinin belirlenerek hayata geçirilmesi, kullanıcı eğilimlerine göre olası yazılım desteği eklemeler gibi ihtiyaçlarla şekillenir.Kaynakça
-
Ziyaretçiler için Gizlenmiş Link, Görmek için, Giriş yap veya üye ol.Ziyaretçiler için Gizlenmiş Link, Görmek için, Giriş yap veya üye ol.. 14 Mayıs 2023 tarihinde kaynağındanZiyaretçiler için Gizlenmiş Link, Görmek için, Giriş yap veya üye ol.. Erişim tarihi: 20 Haziran 2024.