Webmaster Tüyolar ince ayrıntılar



Bakın şimdi 3 sene önce yazmıştım hala geçerli ama Cümle kurmasını bilmiyorum ki :-) siz anlarsınız artık ne demek istediğimi!

Kaliteli Web Sitesi.. nasıl olur ? Bu yazı birkaç düzenlemeler haricinde 2000 li Yıllara aittir. bir zamanlar AWARD Siteterinde buna benzer birçok tavsiye, öneri Yazıları okuyordum ve bende oralardan öğrendiğim bazı Web Tekniklerini yazayım dedim.

Web Sitesi yapmak aslında çok kolay bir iştir önemli olan Göze hoş görünen Sade ve Temiz olması mümkün olduğunca gereksiz Sayfalar, Animasyon ve Popup lardan kaçınılmasıdır. (içerik önemlidir eğer size ait ise bir başkadır.)

Başlarken:

* Doğru dürüst çalışmayan açılmayan her hangi bir uygulama veya script ne kadar güzel olursa olsun işe yaramaz.
* Herşeyin bir başlangıcı vardır kolayı varken işi zora sokmamak (sadece bildiğinizi yapmak biri bitmeden diğerine başlamamak)

İçerik:

İçerik bir Web Sitesinin en önemli unsurlarından biridir. Ziyaretçiler sitenize neden geliyor.
Siteye başlamadan önce Ziyaretçilerinize sunacak ne varsa hepsini yerli yerinde kullanmak. Kaliteli ve kendinize ait olan bir şeyler sunmak en iyisidir.
Bütün içeriği konulara göre hangi konu nereye ait güzel bir þekilde kategorilere ayırıp. Mümkün olduğunca sık sık Sitenizi güncellemek.
Linkleri (köprüler) çok dikkatli kullanmak gerekiyor - Sitenizdeki yabancı Linkler kendinize ait olanlardan fazla olmasın, yoksa bir anlamı kalmaz. Arama Motorları ne Güne duruyor.

Menü:

Sayfa içeriğinden sonra başarılı bir Sitenin en önemli unsuru Menü dür. Sayfaların Linklerini çok dikkatli düzenlemelisinizi, Ziyaretçiler oraya buraya tıklarken nerede ne var ve nerede olduklarını kolayca bulabilmeliler. Ziyaretçi nerede olursa olsun geri gelme ve aradığnı bulma şansı kolay olsun.

Eğer Menü de Java, Javascript var ise, değişik Browserlerde çalışıyormu?

Uzun Sayfalarda aşağıda ve yukarıda birden fazla Menü olması lazım, yandaki Scroll Bar lara gerek duymadan Sayfanın başına gelebilsin. YUKARI çıkması kolay olsun.

Yatay Scroll ler hiç bir zaman kullanmasın. (Sayfa genişliğine dikkat)

Site içi Linkler devamlı aynı Pencere içinde açılsın. Sitenin içindeki Linkler hepsi çalışıyormu, bu çok önemli."target=_self" en iyisidir.

Durmadan Pencere kapatmak kimsenin hoşuna gitmez, Siteye ait olmayan Linkler hiç bir zaman Frame "içinde" olmasın, ("target=_new" veya target=_blank) Bütün Sayfalara geri gelme şansı tanıyın ("Home", "Ana Sayfa") ...

Tasarım: Websiteleri devamlı Yapım aşamasındadır — Tamirat var gibi bilmem bitmemiş Siteler!!! buna ne gerek var eğer o Sayfa bitmemiş ise Link koymayın oraya gelen kişi bir şeyler bulurum diye gelmiş bir de bakıyor ki (Tamirat) hoppalaa...:-)
Ziyaretçilerinizi Saat, Tarih, Hava durumu, Haberler, İsim sorma, Passwort sorusu, Browseriniz şudur Sisteminiz budur İsminiz nedir gibi dalgalarla rahatsız etmeyin buna ne gerek var?
MSIE 5.5 (Buradan indir) Java yı çalıştır, yoksa Appletleri göremezsin." gibi yazılar gereksizdir. Şu Siteyi güzel bi göreyim diye hiç kimse sadece bir Site için yeni Browser veya Plug Ins kurmaya kalkmaz yada Sistem ayarlarını kurcalamaz.
Pop-Up-Pencereler gereksiz ('Alert') çok Can sıkıcı kullanmayın. Bazı durumlarda önemli olabilir fakat iyice düşünülmesi gerekir.
En kötüsü de Tam boy Ekran, Browserlerin (Menüleri, Sembolleri, Scrolleri vs.) gizlemek.
Pop-Up ların durumları:
Ziyaretçi Tam Ekran geziniyor; herhangi bir Link e basıyor ve bir PopUp; Ziyaretçi başka bir yere basıyor - PopUp kayboluyor, ama bilmiyor, arka tarafta Pencere halen açık duruyor. Başka bir Link e basıyor - ne oluyor? Yeniden bir PopUp, daha sonra? al sana bir "Pencere Salatası" bazen Bilgiyayarınızı kapatmak zorunda kalabilirsiniz !"( Browser de ne yapacağını şaşırıyor ).(devamlı alt+F4 Tuşlarona basarak kurtulabilirsiniz) kendi kendinize sorun Siz böyle bir Siteye bir daha giremisiniz?
Scrollbars Kaydırma Çubukları — Uzun süreden beri Web Masterler, o çirkin-gri Renkli Çubuklarla güzelim Sayfalara katlandılar... M$ (Microsoft) nihayet , bir atak daha yaptı (ki her ne kadar IE 5.5 ve üzeri IE6 da). çalışsada ...Style Sheets - CSS, çok güzel bir Olaydır.
Java-Appletler önemli bir Funktion olmadığı sürece. — kullanmayın!
Windows sistemleri için için
buda diğer Sistemler için
Pornographie, Şiddet gibi benzer şeyler kendi Bilgisayarınızda kalsın — Web Sitesinde değil.

Grafik:

Resimler veya Grafik; bir Web Sitesinde olmazssa olmaz, kişinin karakterini bile ortaya çıkaran bir olaydır. Kendi yapmış olduğunuz Grafikler en güzelidir başkalarının Grafiklerini kullanırsanız, var ise Copyright lere dikkat etmeniz ve Grafik in kime ait olduğunu belirtmeniz gerekir.

Sayfa içeriðine uygun Grafikler seçiniz. Boyutları ve büyüklüğüne dikkat ediniz. Tek bir Sayfaya fazla Resim koymayınız

Sadece (gij, jpg, png). kullanınız mümkünse Resimleri sıkıştırın, ama kalitenin kaybolmamasına dikkat ediniz.

Animationlar her zaman için ( Kb) çok yer kaplar ve Sayfanın yüklenmesniz ağırlaştırır uzun sürebilir. Tek bir Sayfada birden fazla Animasyonlu Grafik dikkat dağıtır ve çirkin görünür. Ziyaretçiyi rahatsız eder.

Codların arasına devamlı "width" ve "height" Grafiklerin genişlik yükseklik değerleri koyun, Sayfanın yüklenmesi hızlanırmış.

HTML

Html öğrenin - ama iyi öğrenin!
Web te bir Sürü Site mevcut Arama Motorlarında arayıp ve bulabilirsiniz.
WYSIWYG-Editorler (mesela. Frontpage, GoLive, NetObjectsFusion vs.). Bunlar harika birer Yazılımdırlar.

T e s t y a p ı n

Sayfalarınızı Server e yüklemeden önce güzel bir kontrol edin Linkler hepsi çalışıyormu? Javascript-Hataları varmı?

Sayfaları Server e yolladıktan sonra kontrol edin Sayfalar çabuk açılıyormu? Linkler çalışıyormu? Eğer Sayfalar yavaş açılıyorsa Grafikleri küçültün yada Yazıları kısaltın Scriptleri veya Appletleri silin Cod ları yeniden düzenleyin ...

1024 x 768 ---- 800 x 600

Buna Siz karar verin þu an Web de tahminlere göre 90% 1024 x 768 çözünürlük kullanılıyor.

Bitti Tamam buraya kadar Siz nasıl isterseniz öyle yapın

Webmaster

Yeni yorum gönder

Bu alanın içeriği gizli tutulacak ve açıkta gösterilmeyecektir.
  • Web sayfası ve e-posta adresleri otomatik olarak bağlantıya çevrilir.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <img>
  • Satır ve paragraflar otomatik olarak bölünürler.

Biçimleme seçenekleri hakkında daha fazla bilgi

CAPTCHA
Aşağıdaki resimde yer alan karakterleri kutucuğa doğru olarak yazınız
Image CAPTCHA
Enter the characters shown in the image.

Anket

Web sitesinde hangisi daha önemlidir:

Son Konular

2011-12-14 21:50 - Motorlu araçlar otomobil vergisi sorgulama
2011-12-14 21:47 - Sorgulamalar
2011-12-11 14:33 - Ben az önce ne arayacaktım
2011-09-10 22:51 - DSLR Fotograf Makinası sınıflandırması
2011-09-09 17:33 - ‘Crop Factor’ Nedir, hakkında bilgi
2011-09-09 17:30 - Fotograf Rehberi
2011-08-20 21:30 - Samsung LEDTV'lerde .SRF ve XFS süprizi
2011-08-19 00:45 - 2011 yılının web tasarım trendleri
2011-04-09 20:18 - Alan adları gerçek isim sahiplerine verilecek!
2011-01-13 01:43 - SEO İçin Dikkat Edilmesi Gereken Hususlar
2011-01-13 01:42 - Meta tag SEO Optimization
2011-01-13 01:41 - Google Adsense Hakkında Detaylı Bilgi
2011-01-13 01:40 - Soru Ve Cevaplar ile Google Adsense
2011-01-13 01:39 - Arama motoru Google ve Pagerank
2011-01-13 01:38 - Seo Sözlüğü
2011-01-13 01:37 - Google Arama Özellikleri
2011-01-13 01:36 - Adsense Reklam Yerleşimi
2011-01-13 01:35 - Robots.txt Dosyası Kullanım Robotları Yölendirme Kontrol
2011-01-13 01:34 - Sitenizin Google ve Web deki Yeri
2011-01-13 01:33 - Arama Motoru Bilgi ve İpuçları
2011-01-13 01:31 - Arama Motorları Teknikleri
2011-01-13 01:29 - Google Pagerank Detaylı Anlatım
2011-01-13 01:27 - Sitenize Ziyaretçiler En Çok Hangi Kelimeler İle Gelmiş
2011-01-13 01:25 - Pagerank Nedir?
2011-01-13 01:19 - Fireworks Shadow and Glow
2011-01-13 01:18 - Fireworks Sharpen
2011-01-13 01:16 - Fireworks Other
2011-01-13 01:13 - Fireworks Blur
2011-01-13 01:09 - Fireworks Bevel and Emboss
2011-01-13 01:05 - Fireworks Adjust Color
2011-01-13 01:03 - Fireworks Save as Style
2011-01-13 00:58 - Fireworks Text Menüsü
2011-01-13 00:54 - Fireworks Select Menüsü
2011-01-13 00:54 - Fireworks Modify Menüsü
2011-01-13 00:51 - Fireworks View Menüsü
2011-01-13 00:18 - Fireworks Edit Menüsü
2011-01-13 00:16 - Fireworks File Menüsü
2011-01-13 00:05 - İnternet - Web Tarayıcılar (Browser)
2011-01-13 00:04 - İnternet - Web Server Yazılımları
2011-01-13 00:03 - İnternet ve Web İlişkisi
2011-01-13 00:02 - İnternette Kullanılan Protokoller
2011-01-13 00:01 - İnternet - World Wide Web (WWW) Nedir?
2011-01-13 00:00 - İnternet - URL nedir?
2011-01-12 23:43 - İnternet Backorder Nedir?
2011-01-12 23:34 - İnternet - Virüs Nedir?
2011-01-12 23:32 - İnternet Paypal nedir? Nasıl Kullanılır?
2011-01-12 23:31 - İnternet - DNS Nedir?
2011-01-12 23:29 - İnternet - FTP Nedir, Nasıl Kullanılır?
2011-01-12 23:21 - İnternet IP Gizleme
2011-01-12 23:18 - İnternet Dijital İmza Nedir?