Azbuz Toolbar Video V-kart Profilim Arama Yardım Çıkış Video V-kart Üye girişi Yeni üyelik Arama Yardım Benim de bir sitem olsun Sonraki site Sonraki site Azbuz Toolbar
Buradasınız: Azbuz --> KoftiWEB
04 Aralık 2008, Perşembe
 
<< ANA SAYFA
 
SİTE SAHİBİ
Yaşar Tekeli


31
Ankara
Şikayet Et
 
Bu sitede Tüm Azbuz'da
 
SİTE ETİKETLERİ
 
SİTE KATEGORİSİ
Bilgisayar, İnternet, Teknoloji ve Oyun > Internet
 
GİRİŞ:
E-posta:
Şifre:
Beni Hatırla
 unuttum
ONLINE ÜYELER

memleket has...
04/12/08

-->> Tüm Üyeler
ÇALIŞKAN ÜYELER
TÜRKNİL
04/12/08
1 yorum
*/*pReNs*/*i...
04/12/08
1 yorum
Triple h
08/11/08
1 yorum
İSTATİSTİKLER
Üye sayısı: 24
Yazı sayısı: 1

Sayfa gösterimi
Geçen Hafta: 68
Bu Hafta: 75
 
rss link
 
ADnet Reklamları
[YAZILAR]
 
Azbuz'da HTML Anasayfa Tasarımı
Azbuz üyelere birkaç çeşit anasayfa kullanma şansı veriyor. Bunlar içinde en esnek olanı en çok seçenek sunanı HTML anasafya. Azbuz'un standart kalıplarının dışına çıkarak gerçek bir anasayfa yapmak istiyorsanız "Bilenler için serbest HTML" seçeneğini seçmeli, ardından gerek bir yerlerden bulacağınız kodları kullanarak gerekse kendiniz kodlayarak gerçek bir anasayfa tasarlamalısınız.
Bu yazının amacı size sayfanızı tasarlarken fikir vermek, gerekli araçları nereden bulabileceğinizi göstermektir. Baştan söyleyeyim hiç kolay bir yöntem değildir. Kolay yoldan yapmak istiyorsanız bu yazıya boşuna devam etmeyin. Burada anlatacağım araçlar http://catalkopru.azbuz.com sitesinde kullanılmıştır.
Öncelikle Azbuz Forum'da yayınlanan "Azbuz'da HTML kullanarak ana sayfa nasıl yapılır?" başlıklı yazıya bir göz atın ki, HTML anasayfa hakkında bir fikriniz olsun. Bu yazının amacı temel fonksiyonları ve HTML öğretmek değil. Daha detaylı ve daha estetik bir sayfa nasıl yapılır onu anlatmaktır.

Kendi anasayfanızı yapacaksanız, sayfada kullanacağınız resimleri ve kimi programları yükleyecek bir yer bulmalısınız. Azbuz'un fotoğraf albümlerine yükleyeceğiniz resimleri anasayfanızda kullanamazsınız. Resimleri bir yere yüklemeli ardından oradan alacağınız link kodunu IMG komutu içinde kullanmalısınız. Bu iş için bir çok site var.

www.tinypic.com
www.imageshack.us
www.hotlinkfiles.com

Ben üçüncüyü kullanmayı tercih ediyorum. Çünkü resimler dışında her türlü CSS (birazdan geleceğim), flash, txt, xml dosyayı buraya koyup, sitenizden link atarak kullanabiliyorsunuz (hotlinking diyorlar buna). Resimleri buraya atmadan önce küçültmeyi ihmal etmeyin çünkü belli bir yükleme kotası var (bandwith) resimler sayfadan kullanacağınız boyuttan büyükse bu boyuta küçülterek yükleyin.

Azbuz'daki sayfaların en önemli sorunu "kopyala-yapıştır" yöntemiyle yapılan anasayfaların fazla karmaşık, fazla dolu olmasıdır. Daha sade ve renk bütünlüğü olan sayfalar tasarlamalı, sitenizin içeriği ile ilgili olmayan gereçleri (radyo, slayt show vs.) sitenizde kullanmamaya özen göstermelisiniz. Tasarım için en kolay yöntem hazır css formatlardan birini alıp içeriğine sitenizin içeriğini yüklemektir. Bunun için kullanabileceğiniz sitelerden ikisi aşağıda:

http://www.freecsstemplates.org

http://www.opendesigns.org


Bu sitelerden sitenizin şablonuna uygun renk ve özelliklerde seçeceğiniz şablonu bilgisayarınıza indirin. Sıkıştırılmış dosyayı bir klasöre attıktan sonra. Resimler klösürünü (images) bulun ve içindeki resimlerden site tasarımına uygun olması için değiştirmeniz gerekenleri değiştirin. Resimleri hotlinkfiles'a yükleyerek adreslerini bir kenara not edin. hotlinkfiles'a üye olarak yüklerseniz giriş yaptıktan sonra files alanından dosya ve klasörlerinizi görebilir, dilediğiniz zaman linkini alabilirsiniz.
Şimdi değiştirmeniz gereken iki önemli dosya var. Değişiklik için wordpad veya notepad kullanabilirsiniz.
Birincisi default.css dosyası. hotlinkfiles'a attığınız resimlerin adreslerini bu dosya içindeki resimlerin adresleri ile değiştirmelisiniz. Dosyaların isimleriyle oynamadan hotlinkfiles'a yüklerseniz. Resimleri bulup yerine hotlinkfiles linkini koymanız kolay olur. Dosyanın içinde site içinde kullanılan renkler de var. Dilerseniz bunları bulup değiştirebilirsiniz ama tavsiye etmem. Tüm değişiklikleri yaptıktan sonra bu dosyayı da hotlinkfiles'a yükleyin.
İkinci dosya index.hml yani anasayfanız. Bu dosyayı açarak öncelikle hotlinkfiles'a yüklediğiniz default.css dosyasının yeni linkini bu dosyanın içindeki eski haliyle değiştirin. Sonra site içeriğin de kullandığınız yazı, chat, sunum, resim ne varsa index.html içinde uygun yerlere yerleştirin. Yerleşimi yaparken koyacağınız içeriğin kullanacağınız css'in içine sığmasına dikkat edin sayfa düzen bozulmasın. Örneğin, anasayfadaki bölümun boyutu 400 pixel genişliğinde koyacağınız resim 600'se kaymalara yol açabilir. Resim boyutunu küçültün koyun. Kodlarla başlangıçta fazla oynamayın. Hatta ilk başta sadece yazılı olan kısımları değiştirerek nereyi değişitirince ne oluyor gözlemleyin. Resim koyma işine filan sonra bakın. Bu dosyada gerekli değişiklikleri yaptıktan sonra tüm kodu seçip azbuz'da anasayfa kodunu yazdığınız yere kopyalayın.
Temel işleyişi anlattım ama bu zahmetli bir iştir o yüzden şu uyarılarımı da bir kenara yazın:
  • Dikkatli olun! Kodları değiştirirken yanlış şeyleri değiştirirseniz. Yanlışı bulup düzeltmeniz zor olur. Ben http://catalkopru.azbuz.com için 4 saat uğraştım.
  • Renk uyumuna özen gösterin. Sitedeki renklerin sayısı 5-6'yı geçmesin. Mümkünse resimlerinizin renklerini de azaltın. Örneğin, siteniz siyah beyaz tonları ise renkli resim kullanmayın siyah beyaz kullanın.
  • Her şeye baştan karar verin. Yap boz yap boz uğraşmayın. azbuz'da şablon az olduğu için önce şablona karar verin. Ona uygun bir css bulun.
  • Bir çok sitede kullanılan dökülen yapraklar, parlayan yıldızlar vs. den uzak durun. Çok gereksiz kalabalık.
  • forum.azbuz.com'u okuyun hatmedin. Epey yardımı olur.
Şimdilik bu kadar. Kolay gelsin.
Siteye chat, radyo, sunum vs. eklemeyi bana sormayın. forum.azbuz.com'a bakın orada yazıyor. Yukarıda anlattıklarım ile ilgili sorularınızı bu yazı altına yorum olarak bırakın.

Yakında DHTML'den bahsedeceğim. Bu siteyi izlemeye devam edin.


Kategori: İnternet > HTML
              İnternet > Web Tasarım
Yaşar Tekeli tarafından gönderilen tüm yazılar
Bu yazı 21/07/2007 tarihinde yayınlandı. Yaşar Tekeli tarafından 21/07/2007 tarihinde güncellendi. 1857 defa görüntülendi.
YORUM BIRAKIN
Yazının puanı: 5.0 (7 kişi)
ETİKETLER
azbuz css hotlinkfiles html tasarım web
WEB | KoftiWEB Ana Sayfa | Forumlar | RSS
© 2006 Azbuz.com. Her hakkı saklıdır. Blog tutmak ve site yapmak için Türkiye'de bir numara.