F5aBPLs. WEB SİTE TASLAĞI Bütünlük Güvenirlik Güncellik Bağlantı Hızı Sunulacak İçerik Kategorilerini Oluşturma Tutarlı Sayfa Hazırlama 1. Bütünlük Web sitesi, ana sayfasından iç sayfasına, kullanılan yazı tiplerinden renklere ve resim boyutlarına kadar birbirine benzeyen bir şekilde olmalıdır. Site içerisinde kullanılan dil aynı olmalıdır. 2. Güvenirlik Her açılışta sayfayla beraber yeni reklam sayfaları açılıyorsa, her sayfa farklı renklerden ve farklı yazı tiplerinden oluşuyorsa, iletişim bölümü yok ya da iletişim bilgileri adres, telefon, e-posta eksik ise internet kullanıcıları bu site hakkında şüphe duyarlar. Sitede yayınlanan metinlerde kaynak belirtilmesi siteyi daha güvenilir yapacaktır. 3. Güncellik Hazırlanan web sitesindeki bilgileri güncel olmalıdır. Eski kullanılmayan bilgileri gerekirse sitede bir arşiv bölümü hazırlanarak orada tutulmalıdır. Bağlantı verilen sayfaların çalıştığından emin olunmalıdır. 4. Bağlantı Hızı Web sayfalarının hızlı yüklenmesini olumsuz etkileyen sebepler; Görsellerin yanlış kullanılması Tablo kullanmak Standart dışı yazı tiplerinin resim olarak kullanılmaya çalışılması Sayfa içerisinde kullanılan elemanlarının sayısının çok olması Resim, film, ses vb. elemanların kullanıcıların isteği dışında yüklenmeye başlaması 5. Sunulacak İçerik Kategorilerini Oluşturma Hazırlanan web sitesinde içerikler, kategorilere ayrılmalı ve kullanıcıya düzenli bir şekilde sunulmalıdır. Örneğin bir okul sitesi hazırlanıyorsa okul tanıtımı ile ilgili bilgiler bir kategoride, öğrencilerle ilgili bilgiler bir kategoride, haberler ayrı bir kategoride toplanmalı ki kullanıcı aradığını sitede kolayca bulabilsin. 6. Tutarlı Sayfa Hazırlama Birbirinden farklı yapıda tasarlanan sayfalardan oluşan bir web sitesi tutarsız bir görünüm oluşturur. Web sitesi için bir ana sayfa ve bir iç sayfa tasarımı yapmak uygun olacaktır. Sitede bir tane ana sayfa hazırlandıktan sonra iç sayfalar çoğaltarak hazırlamak tutarlı sayfalar sağlayacaktır. Sitede kullanılan renkler, başlıklar, yazıların büyüklükleri, resim ve yazılar arasındaki boşluklar sitenin bütün sayfalarında uyumlu kullanılmaya çalışılmalıdır. ANA SAYFA DÜZENİ Ana sayfa kullanıcının ilk karşılandığı yerdir. Bu yüzden düzenli olmalı, sitenin önemli bölümlerine tek tıklama ile ulaşılmasını sağlamalıdır. Ayrıca hızlı yüklenmesi de çok önemlidir. Sayfa İçi Yerleşim Planı İçeriklerin verildiği bölüm web sitesinin iç sayfalarıdır. İçeriğin koyulacağı yer ile beraber yönlendirici menüler, resimler, animasyonlar, reklam alanlarının da planlanması gerekir. Sayfa Çözünürlüğü Web tasarımı yaparken dikkat edilecek şeylerden biri kullanıcıların ekranında yatay kaydırma çubuğu oluşturmamaktır. Bu yüzden web sayfası tasarlarken genelde yatay olarak sabit büyüklükte çalışılır. Ekran çözünürlüğüne göre değişen web sayfası tasarımları da yapabilir. Reklam Alanlarını Belirleme İnternet geliştikçe internetin para kazanma yöntemlerinden biri olan reklam sektörü de gelişti. Buna bağlı olarak web sayfalarında kullanılacak reklam alanları banner da standart hale gelmeye başladı. Zorunlu olmamakla birlikte web sayfasında kullanılacak reklam alanları var ise bu alanların standartlara uygun bir şekilde düzenlenmesi uygun olacaktır. DİL DESTEĞİNİN BELİRLENMESİ Web sitesinin genellikle sağ üst köşesine Kullanışlı başka bir alana da olabilir. farklı dillerdeki bölümlerine bağlantılar vererek kullanıcı yönlendirilmelidir. Bu yönlendirme ülke bayrakları, açılır menüler ya da farklı dillerin adları yazılarak yapılabilir. MOBİL CİHAZLARLA UYUMLULUK Hazırlanan web sitelerinin çözünürlükleri genelde bilgisayar monitörlerine ve web tarayıcılarına göredir. Eğer mobil cihazlarda da web sitesinin görüntülenmesi isteniyorsa ekran çözünürlükleri ve mobil cihaz web tarayıcı özellikleri dikkate alınarak web tasarımı yapılmalıdır. YARDIM SAYFALARI Yardım bölümü oluşturmak, sitenin içeriği ile ilgili takılan bölümlerle ilgili sorunlarda çok yararlı olacaktır. Örneğin; bir alışveriş sitesinde kullanıcı alışveriş sepetine ürünleri attıktan sonra hangi adımları izleyeceği bir yardım sayfası ile adım adım anlatılabilir. Bir çocuk sitesinde masal dinlemek isteyen ya da oyun oynamak isteyen çocuğa hangi adımlarda neler olduğunu anlatan yardım bölümleri oluşturulabilir. SİTE HARİTASI İçerik yönünden zengin, kategorisi bol bir web sitesi hazırlanıyorsa kullanıcıların istedikleri sayfalara daha kolay ulaşmalarını sağlamak için sitedeki bütün kategorilerin listesinin bulunduğu bir site haritası sayfası yapmak kullanışlı olacaktır. Ekler Sunu dosyasını indirmek için tıklayınız.. Web Tarayıcınız Üzerinden Örnek Tasarım Oluşturma Aracı Lumzy Lumzy, web tarayıcınız üzerinde çalışabilen gelişmiş bir arayüz ekleme, düzenleme ve paylaşma uygulamaları içerisinde barındıran popüler bir web uygulamasıdır. Sunduğu hazır araçlar sayesinde sürükle bırak mantığı ile taslağınızı çok hızlı şekilde hazırlayabilirsiniz. Sunduğu standart- mac - windows arayüzleri ile hangi platformda arayüz üretecekseniz, o platforma ait araçlar size sunulmakta. Örneğin bir media oynatıcı eklediğiniz ara yüzünüzde, Mac seçtiğinizde Quicktime arayüzü gelirken, Windows seçiminizde Media Player arayüzü ÖzellikleriTüm modern web tarayıcılarında çalışma - Mac - Windows arayüzleri seçimi ve PDF olarak çalışmanızı web üzerinde kaydedebilmek için kayıt olmanız beraber aynı arayüz üzerinde çalışma yapabilirsiniz. Aynı ekranda arkadaşlarınızla paylaşabilir ve geri bildirim ön izlemesini yapabilir ve küçük notlar Artı Yönleri+ Web Tarayıcı üzerinde çalışması.+ Kayıt olmadan tüm özelliklerini kullanabilme olanağı.+ Hazır şablonlarda Standart - Windows - Mac arayüzlerini seçebilme.+ Tek ekranda tüm seçenekleri sunmasıLumzy Eksi Yönleri- Arayüz tasarımı ve renkler iyi Takip EdinPinterest Facebook Twitter © by bilgicafem61Aşağıda Yorum ve Sorularınızı Bırakın. Html WEB TASARIMINDA TEMEL İLKELER 1. Web Tasarımında Temel İlkeler Web tasarımı yapılırken dikkat edilmesi gereken bazı ilkeler vardır. Bu ilkeler bizim hazırlayacağımız web sitesinin alt yapısını düzgün kurmamızı, siteyi hazırlarken daha az hata yapmamızı, web sitesi kullanıcılarının sitemizde daha fazla ilgi göstermesini ve hızlı çalışmamızı sağlayacaktır. İçerik Web sitesi tasarımı yaparken kullanacağımız en önemli şey içeriktir. Çünkü web sitelerinin hazırlanma amacı, bilgilere başkalarının ulaşmasının sağlanmasıdır. Onun için web sitesi tasarımına başlarken sitede ne yayınlayacağımızı yani içerikleri bilmemiz ve tasarımımızı ona göre yapmamız gerekir. İçerikleri önceden bilmemiz tasarımı hazırlamamızda bize yön verecektir. İçerik hakkında dikkat etmemiz gereken bir diğer unsur da uzun cümleler yerine basit ve sade anlatımlar kullanmaktır. Tasarımı çok güzel olan bir sitede içerik yok ise o siteyi kimse ziyaret etmez ama tasarımı zayıf olan bir sitede içerik iyi ise o siteye her zaman ziyaretçi gelir. Sitede kullandığımız içerikler, site ziyaretçilerinin beklentileri dışında olmamalıdır. Tasarım Web sitesi içeriklerinin hazırlayacağımız web sayfasının neresinde ve nasıl görünmesini planladığımız bölüm tasarım aşamasıdır. Tasarım aşamasında web sayfasının logosu nerede olacak, yazılar nerede olacak, menüler nerede olacak gibi soruların cevaplarını kağıt üzerine ya da bilgisayara çizeriz. Bu bölümde yaptığımız aslında bir arayüz kullanıcının siteyi kullanırken bilgisayar ekranında gördüğü bölüm oluşturmaktır. İşlevsellik Kullanıcılar sitenin ana sayfasından sitenin içindeki her sayfaya erişmek ister. Ana sayfamızı hazırlarken bunu dikkate almamız gereklidir. Diğer taraftan internet kullanıcıları sitenin iç sayfalarından da diğer sayfalara erişmek ister. Bunun için mümkün olduğunca sitedeki her sayfadan diğer sayfalara bağlantılar oluşturma çalışmalıyız. Eğer bunu sağlayamıyorsak web sitemizin çok kullanılan sayfalarına her sayfadan mutlaka bağlantı vermeliyiz. Her sayfadan ana sayfaya ve sitenin ana bölümlerine bağlantı sağlamalıyız. Örneğin bir alışveriş sitesinde her sayfadan “AlıĢveriş Sepeti”nin olduğu sayfaya, kullanıcı bilgilerine, siparişlerim bölümüne bağlantı sağlamalıyız. Kullanılabilirlik Web sayfalarımızı hazırlarken internet kullanıcılarının kolay kullanacağı şekilde tasarlamamız gerekir. Kullanıcılar sitemizdeki yazıları okurken zorlanmamalıdır. Bunun için yazı tipini, rengini, büyüklüğünü iyi seçmemiz ve uygun bir zemin üzerinde görüntülememiz gerekir. Ayrıca hazırladığımız sayfaların yazıcıdan çıkarılacağını da düşünerek yazı renklerini yazıcıdan çıktığında okunacak şekilde seçmeliyiz. Web sayfalarını hazırlarken site logosunu, ana sayfaya olan bağlantıları, menüleri internet kullanıcılarının alışkanlıklarına göre konumlandırmalıyız. Kullanılabilirliğin iyi olması için aşağıda bazı özellikler listelenmiştir  Web sayfalarımız hızlı yüklenmelidir.  Siteyi gezmek için kullandığımız navigasyon menü kullanıcının kolayca görüp kullanacağı bir yerde bulunmalı Genellikle sayfa başında veya sayfanın sol ve sağ bölümündedır.  Sayfadaki site logosundan ana sayfaya bağlantı verilmelidir.  Her sayfadan ana sayfaya bağlantı için bir Anasayfa yazısı bulunmalıdır.  Her bölümde o bölümün iç sayfalarına ulaşmamız için bağlantılar olmalıdır.  Web sitesinde iletişim kurmak için iletişim bilgileri ve iletişim formu bulunmalıdır.  Önemli kelimeler kalın olarak veya özel renklerle vurgulanmalıdır.  İçerik çok fazla ise arama kutusu bulunmalıdır. Web Tarayıcıları ile Uyumluluk İnternet kullanıcıları hazırladığımız sayfaları görüntülemek ve kullanmak için Web Tarayıcı denilen programlara ihtiyaç duyar. Web tarayıcı programlar temelde aynı görev için programlanmışsa da web sayfalarını gösterirken ufak farklılıklar gösterebilir. Tasarladığımız web sayfalarını hazırlarken bütün web tarayıcılarda aynı görünmesini sağlamaya çalışmalıyız. Web tarayıcıları neden hazırladığımız web sayfalarını aynı göstermezler? Çünkü web tarayıcıları farklı firmalar tarafından hazırlanan programlardır. İnternet Explorer, Firefox, Chrome, Safari, Opera ġekil gibi çok kullanılan web tarayıcılar hazırlanırken W3C Web standartlarını belirleyen topluluk tarafından konulan kurallara göre sayfa kodlarının istediklerini yaparlar fakat yeni konulan kurallara her web tarayıcı programlayan firma anında yeni program sürümü çıkaramayabilir. Bu da bizim kurallara uygun hazırladığımız sayfanın bazı tarayıcılarda düzgün bazılarında istemediğimiz gibi görünmesine neden olabilir. Web Tasarımında Biçimsel Özellikler > Şunlarda İlginizi Çekebilir Web Tasarımın Temel İlkeleri Eğitimi Ġyi bir web sitesi hazırlamak uzmanlık gerektiren bir iştir. Uzmanlık gerektiren her iş gibi web sitesi hazırlamak için de bazı özel bilgileri öğrenmemiz gereklidir. Web sitesi hazırlamaya başlamadan önce bazı çalışmalar yapmak, web sitesini zihnimizde ve kağıt üzerinde tasarlamak zorundayız. Planlama alışkanlığı kazandıktan sonra işlerimizi daha hızlı ve doğru yapabiliriz. Eğer web sitemizi önceden tasarlamazsak daha sonra bir değişiklik yapmak zorunda olduğumuzda çok fazla zaman kaybederiz. Web Tasarımın Temel İlkeleri sertifika programı ile sınır tanımaz hayalgücünüzü sanal ortama taşıyabilir ve biraz sabırla gelecekte iyi bir iş ve kazanç sahibi olabilirsiniz. Bu Eğitim Kursu Size Ne Katacak? Bu eğitim ile bir web sitesi hazırlamak için gerekli olan ön hazırlıkların neler olduğunu, nasıl yapılacağını ve web sitesi tasarımı yaparken hangi temel ilkelere dikkat etmemiz gerektiğini öğreneceğiz. İş İlanları / Olanakları Bir web tasarımcı, e-ticaret firmaları, reklam ajansları, web tasarım stüdyoları, medya kuruluşları, multimedya şirketleri, pazarlama ajansı firmaları, yazılım ve teknoloji firmalarında istihdam edilebilirler veya serbest freelance çalışabilirler Web Tasarımın Temel İlkeleri Sertifikası Eğitim sonunda 10 sorudan oluşan 10 dakika süre sınırı bulunan online sınav uygulanmaktadır. Konuları tamamladıktan sonra sınav otomatik olarak karşınıza çıkmaktadır. Sertifika sınavını 100 üzerinden en az 60 alarak başarıyla tamamlayan kişilere Web Tasarımın Temel İlkeleri Belgesi katılım sertifikası verilmektedir. Hak edeceğiniz sertifikayı yukarıda sayılmış olan birçok sektör için iş başvurularınızda CV’nize ekleyebilir ve sertifikanızı bu interaktif eğitimi aldığınıza dair kanıt niteliğinde referans olarak kullanabilirsiniz. Sertifikanın geçerliliği hakkında bilgi edinmek için Destek sayfasına göz atmanızı öneririz. Kurs Süresi Bu uzaktan eğitim serbest zamanlı olarak 7 gün sürmektedir. Yani eğitime başladığınız tarihten itibaren 7 gün içerisinde dilediğiniz zaman sisteme giriş yaparak eğitiminizi durdurabilir, devam edebilir ve tamamlayabilirsiniz. Eğer 7 günden daha erken bir zamanda sınavı geçerek eğitimi tamamlarsanız kalan günleri beklemeden sertifikanız profilinize anında eklenecek ve sertifikanızı baskı halinde isteyebileceksiniz. Daha fazla bilgi almak ve merak ettiklerinizi sormak için iletişim bölümünden veya canlı sohbetten bize her zaman ulaşabilirsiniz.

web sitesi taslağı oluşturma örnek çalışma kağıt üzerinde