Sayfa 76

Web Konsepti ve Dizaynı (2. Bölüm): Aramıza bu ay katılanlara ufak bir açıklama yaparak geçen ay kaldığımız yerden devam edelim. Efendim konumuz, başlığımızdan da anlayacağınız gibi Web Konsepti ve dizaynı. Bu konuda insanlar genelde körlemesine hareket ediyorlar, bunun sebebi ise bu konseptin henüz daha çok yeni olması. Yazı dizimiz de bu konuda uzmanlaşmaya çalışan insanların ortak metodları ile ilgili. EN ÖNEMLİ KISIM: SİTENİZİN AMACINI BELİRLEMEK Geçen ayki anlattıklarımızı hayata geçirmeye çalıştıysanız şu an elinizde üzerinde 2 saat harcanmış bir liste bulunmalı. Olayın devamı ise beyin fırtınası dediğimiz yöntem ile gelecek. Sitenizde yayınlamak istedikleriniz hakkında biraz kafa patlatma ve daha sonradan da elinizdekileri organize etme. Bu temel maddeleri gözden geçireceğiz. Beyin fırtınasını yaparken unutmamanız gereken nokta: Aklınıza gelen fikir ne kadar komik, mantıklı, saçma, salak olursa olsun hepsini bir yere not edin... Bu yöntem ile yaratabileceğiniz şeylerin ne kadar başarılı olduklarına siz bile inanamayabilirsiniz. Size bütün bunları daha iyi anlatabilmek için bir örnek üzerinde çalışmak istiyorum. Örnek yani denek konumuz bir Otel, Erzurum'da yaylaya yakın turistik bir otel düşünün. Adı da Gezgin Otel. Neyse şimdi bu otel tutturmuş web ortamına gireceğim diye. Ve başlamış sitesi hakkında beyin fırtınası yapmaya, çıkan sonuçları ise oturmuş tek tek ve ayrı ayrı kağıtlara yazmış, sonuçlar ise şöyle: Adresimiz, oda fiyatları, her odanın resmi, binanın resmi, binanın tarihi geçmişi, satın alındıktan sonraki tamiratlar, şehrin tarihi, şehrin haritası, Gezgin Otel'e araba ile nasıl gelinir; Gezgin Otel'e otobüs ile nasıl gelinir, araba kiralama servisleri, tel numaraları, açık olduğumuz zamanlar, yemek menülerimiz, hediyelik eşyalarımız, grup fiyatlarımız, otelimizde yaşanan cinayetler, otelimiz ile ilgili cin hikayeleri, özel mevsim indirimleri, otelimiz ile ilgili sıkça sorulan sorular, otel etrafındaki doğal güzellikler, koşu-kayak rehberi, rezervasyon, oda fiyatları, falan filan!!!!

Yukarıdaki listeyi alabildiğine uzatabilirsiniz, bu tamamen ne kadar büyük ve içerikli bir site istediğinize bağlı. İşin bundan sonraki kısmı ise biraz daha eğlenceli. Elinizdeki kartları koyun bir masaya ve başlayın kendi

Bütün bunlardan sonra yapmanız gereken elinizdeki grupları ve illa ki alt grupları bir şekle şemale sokmak. Bunun için en iyi yöntem organizasyon şeması mantığıdır. Aynı iş yerlerindeki gibi. Genel Müdür'den en aşağıdaki insana kadar uzanan bir şema. Bu şemayı eğer siteniz kompleks ise Site Haritası (Site Map) olarak da kullanabilirsiniz. Bu işleme örnek ise: http://www.adobe.com/misc/sitemap.html ve http://www.microsoft.com/misc/sitemap.html. Bu iki site, Site Haritasına güzel bir örnek. Bu noktada size benim bulduğum -bulduğum diyorum çünkü aynısını yapan bir yer görmedim daha- bir sistemden bahsetmek istiyorum. Heyecanlanmayın canım abartı bir şey değil. Ben site haritası yaparken her sayfayı tek tek ait oldukları gruplara göre yazıyorum ve site içerisinde geçen bütün e-mail'leri ve formları da ekliyorum. Yani yaptığım şu ana kadar süregelen haritayı bir basamak daha ileri götürmek. Size de tavsiye ederim. Bu işin örneğini de bu adreslerden görebilirsiniz, hepsi tamamen benim eserimdir. http://www.superonline.net/harita.htm, http://www.sfhonda.com/map.htm. Evet artık elimizde Gezgin Otel ile ilgili şema da var. Bundan sonra yapmanız gereken şemayı alıp kesinliğine karar vermek. Daha hiçbir şeye başlamadığınız için problem yok ortada, istediğiniz grubu kesip istediğinize ekleyebilirsiniz... Zaten şemanın esas amacı da bu, boşu boşuna iş yapmaktan ve zaman kaybetmekten kurtulmak. Şu ana kadar ki yapılan işler tamamen web sitesini yapmak veya yaptırtmak isteyenlerin görevi idi. Bundan sonra yapılacaklar ise daha çok siteyi dizayn edeceklerin görevi gibi fakat şunu belirtmeliyim ki siteyi siz dizayn etmeseniz bile gerekli olan bütün yazıları ve fotoğrafları sizler hazırlayacaksınız. Yani işiniz tamamen bitmiş demek değil. Organizasyon şemanızı nihayete erdirdikten sonra, alın önünüze ve her biri için gerekli olan görsel ve güncelleme olarak bir ihtiyaç listesi yapın.

http://www.javaScripts.com aralarında gruplamaya ve her gruba da bir isim verin. Gruplara verilen isimler sizin web sitenizin nasıl desem sayfa isimlerini oluşturur. Bakın ben Gezgin Otel ile ilgili nasıl bir gruplama yaptım.

Gezgin Otel Hakkında Menüler: Oda resimleri, binanın resimleri, açık olduğumuz zamanlar, hediyelik eşyalarımız, otelimiz ile ilgili sıkça sorulan sorular, tel numaraları Tarihçesi: Binanın tarihi geçmişi, satın alındıktan sonraki tamiratlar, şehrin tarihi, şehrin haritası, otelimizde yaşanan cinayetler, otelimiz ile ilgili cin hikayeleri Bölge Hakkında: Şehrin haritası, otel etrafındaki doğal güzellikler, koşu-kayak rehberi Yolculuk Öncesi: Gezgin Otel'e araba ile nasıl gelinir, Gezgin Otel'e otobüs ile nasıl gelinir, araba kiralama servisleri, tel numaraları, açık olduğumuz zamanlar, şehrin haritası. Fiyatlarımız ve politikalarımız: Özel mevsim indirimleri, grup fiyatlarımız, rezervasyon, oda fiyatları, imleri. Gördüğünüz gibi ortaya Gezgin Otel'in web sitesinin en önemli kısmı olan altyapısı çıktı bile, Web sitenizin içeriği veya amacı ne olursa olsun bu yöntemin sizin için de çalışacağına inanın fakat tek yöntemin bu olmadığını da bilin. Kendiniz bile başka değişik yöntemler yaratabilirsiniz. Sonuç olarak yukarıda ana gruplar ve onlara ait alt gruplar yarattık. Bazı alt grup içeriklerinin ortak olduğuna dikkat etmişsinizdir sanırım. Bu da o içeriğin 2 veya daha fazla yerde kullanılacağı yani linkleneceği anlamına geliyor. Tamam siz oda resimleri diye bir yer yapmış olabilirsiniz ama oda fiyatlarına giren bir insan oradan da oda resimlerine gitmek ister değil mi? ORGANİZASYON ŞEMASI Bir web sitesini hazırlamaktan çok en zor olan onun güncellemesini yapmaktır. Gezgin Otel örneğine göre gerekli olanlar: Bina resimleri, tel numaraları, çevrenin resimleri ki bunlar mevsimlik fotoğrafların bir büyük bir de küçük boyları. Küçüklerin üzerine tıklanıldığında büyük gelsin diye, GİF formatında bir harita, hatta image map olursa daha iyi, boş odaların günlük güncellenmesi, bağlı bulunulan organizasyonların web adresleri, belki etraftaki firmalardan link veya sponsorluk almak ve geriye kalan bütün maddeler için gerekli text. Bunların ne kadar çoğunu siz hazırlarsanız o kadar etkili bir siteniz olur, siz de katılırsınız ki hiç kimse sizin verdiğiniz önemi vermez sitenize... Eğer işleri tek başınıza yapacaksanız yani dizaynı ve kodu yazmayı siz yapacaksanız işte o zaman izlemeniz gereken yol şudur: 1. Hikayenizin içeriğini belirlemek 2. Hikayeyi yazmak 3. Yardımcı olacak görsel malzemeleri belirlemek 4. O görsel malzemeleri (clipart, fotoğraf gibi) almak, bulmak veya yaratmak 5. İlk temel dizaynı (layout) yaratmak 6. İlk layout'u gözden geçirmek 7. Layout formuna koyduğunuz hikayeyi tekrar okumak. 8. Anlatım, yazım ve gramer hatalarını gidermek 9. Yeni hali ile layout'un yeni versiyonunu yaratmak 10. Bunları tekrar gözden geçirmek 11. Son değişiklikleri yapmak 12. Server'a dosyaları koymak 13. Offline olarak test etmek Vee PERDE SUPERONLİNE SUPERSİTE'İNİ SUPERWORLD ADI ALTINDA TAMAMEN YENİ BİR ANLAYIŞ İLE TEKRAR AÇTI... HOŞ OLMUŞ. TO: