Sunum yükleniyor. Lütfen bekleyiniz

Sunum yükleniyor. Lütfen bekleyiniz

WEB TASARIMI Web sitenin; size ve müşterinize ve ziyaretçilerinize nasıl hizmet vereceğini bilmemiz gerekir. Web Sitesi nedir? Bir hedefi ve amacı olan.

Benzer bir sunumlar


... konulu sunumlar: "WEB TASARIMI Web sitenin; size ve müşterinize ve ziyaretçilerinize nasıl hizmet vereceğini bilmemiz gerekir. Web Sitesi nedir? Bir hedefi ve amacı olan."— Sunum transkripti:

1 WEB TASARIMI Web sitenin; size ve müşterinize ve ziyaretçilerinize nasıl hizmet vereceğini bilmemiz gerekir. Web Sitesi nedir? Bir hedefi ve amacı olan bir bilgi sunumudur. 1.Kişisel fikirleri paylaşmak 2.Ürün satmak 3.Müşteri hizmetleri sunmak, 4.Haber sunumu yapmak,bilgi servisi olmak 5.Eğlence ve Oyunlar sunmak

2 Web sayfası türleri •Durağan (Pasif) Sunu: Nadiren güncellenen sabit ve basit seçenekler sunan bir broşür yada Katalog türü sayfalardan oluşur. •Etkileşimli (Dinamik) İçerik: Günlük saatlik bilgi girişi olan ve sürekli değişen sayfalar Haber grupları, konuk defterleri,posta programları ve sohbet odaları ile dünyadan gerçek insanlarla etkileşim sunulabilir.

3 HTTP (Hybertext Transfer Protocol •hiper metin: •hiper medya:Grafiksel arabirimler yaygınlaşarak fotoğraflar ve sanatsal çalışmalar ile video, kameralar gibi multimedya olayları ile gerçek zamanlı sohbet odaları ile web sitenizde html ve http den faydalanabilirsiniz.

4 Web tasarımı •Açıklık: Ziyaretçinin daha çok kalması için,soyut ve anlaşılması zor şeyler bulunmamalıdır. Temel bölümlere geri dönme linkleri olmalı •Tutarlılık: Sayfalarda tutarlılık, arka plan rengi, yazının rengi, font stilleri tutarsız olmamalı. Tutarlı olmak;akıcı olmanız, ziyaretçinin gerginleşmesini, kafasının karışması, sitenizden çekip gitmesi yerine sakin kalması sağlanır.

5 YÖNELİM VE NAVİGASYON •Ziyaretçi gezinirken bir anda nerede (Navigasyon) bulunduğunu bilmesi ve diğer alanlara geri hızla dönebilmeli •Yönelim:Sitede her sayfanın amacını tanımlayan bir başlığın yer alması, ana hatların açıklandığı kullanıcı arabirimleri olmalı Uyarı: Ziyaretçi aradığı bilgiye ulaşmak için en fazla 3 defadan daha çok tıklaması gerekirse yönünü şaşırmaya neden olursunuz.

6 SİTE HEDEF ANALİZİ •Bu web siteye sahip olmanızın nedeni nedir? •Sitede yer alması gerekli bilgi ve içerik; •Sitenin kısa ve uzun vadeli hedefleri nelerdir • Amaç: bir satış noktası mı olmak, • Firma broşürleri, fotoğrafları yayınlamak, • Müşteri hizmetleri, Servis ve online destek • Sitenin vizyonu ne? • Planlar yaparak gelecekte ortaya çıkabilecek eksiklikleri görebilirsinz.

7 HEDEF KİTLE BELİRLEYİNİZ •Kitlenizi tanıyor musunuz, hangi hedef kitleye hitap ediyorsunuz •Ziyaretçilerinizin bilgi ve deneyim düzeyi nedir? •Ziyaretçilerinize özel bir deneyim, etkinlik, kaynak sağlamayı başaramazsanız ziyaretçileri tutamazsınız.

8 Web sitesinde sayfalar •Hoş geldiniz sayfası: Ön Kapı: Grafiksel giriş sayfası, resimler, animasyon (flash) sayfasını tercih edebilirsiniz •İçerik sayfaları;her sayfayı ilginç kılmak, tutarlı ve yeni konuların bir bileşenini sunmak gerekir. Renklerde, renk paletleri ve fontlarda tutarlılık sağlanabilir. Grafik ve multimedya seçenekleri kullanılabilir. •Geri bildirim sayfaları: Sayfalarda formlar, renkler, fontlar ve sayfa düzenleri değişmemelidir.Ziyaretçi sayfaları kullanırken her sayfada aynı iş için aynı yeri tıklamalı.

9 WEB TASARIMI •PHOTO SHOP kullanarak resimler hazırlanır •Siteye konmak için gerekli varsa müzik, video dosyaları hazırlanır •HTML KODLARI İLE YAPIM •HAZIR PROGRAMLAR İLE YAPIM 1.PHOTO SHOP İLE ARKA PLAN TASARIMI –FLASH 2.FRONT PAGE 3.DİĞER..

10 HTML KODLARI İLE WEB SAYFASI YAPMA • • Alaaadin lambası SAYFASI • •…… • İnternetten sayfanızı ziyaret edenler body komutu arasındakini görürler bu araya ne yazarsanız o görünür.

11 TİTLE alaaddin … web sayfasından görebilirsiniz

12 HTML e Giriş •Bir HTML dosyası nedir? •HTML Hyper Text Markup Language in (Zengin Metin İşaret Dili) kısaltmasıdır. •Bir HTML dosyası içinde komutlar barındıran bir metin dosyasıdır. •Bu komutlar internet tarayıcısına internet sayfasını nasıl göstermesi gerektiğini söyler. •Bir HTML dosyasının uzantısı htm ya da html olmalıdır. •Bir HTML dosyası sıradan bir metin editörü tarafından hazırlanabilir. Wordpad, notpad ve özel programlar.

13 HTML Elementleri HTML dosyaları HTML elementlerinden oluşur. •HTML elementleri HTML komutlarından oluşur. •HTML Komutları •HTML komutları ile HTML elementleri hazırlanır. •HTML komutları işaretlerinin arasında yazılır. •HTML komutları ve şeklinde yazılır. •Birinci komut başlangıç komutu iken ikinci komut bitiş komutudur. •Bu iki komut arasında element içeriği bulunur. •HTML komutları büyük/küçük harf ayrımına duyarlı değildir. ile aynı şeydir

14 Başlıklar (Headings) HTML öğrenmenin en kolay yolu örnekler ile çalışmaktır. Burada gördüğünüz komutları ve örnekleri kendi başınıza denemeyi unutmayın. •Başlık komutları den başlayıp a kadan giden komutlardan oluşuyor. en büyük başlığı temsil ederken en küçüğü temsil etmekte. • Bu bir baslik •

15 HTML Nitelikleri •HTML nitelikleri HTML elementlerine ekstra bilgiler sağlar. • HTML nitelikleri HTML elementlerine ekstra bilgiler saplar. •Nitelikler hep isim/değer şeklinde olurlar; isim="değer" • Bir HTML elementinde, nitelikler her zaman başlangıç komutunun içinde tanımlanırlar. •Nitelik Örneği 1 ile bir baslık başlatabiliriz. ile başlattığımız başlığı sayfanın ortasına hizalayabiliriz. Bu bir basliktir. Yukaridaki baslik align niteligi ile sayfanin ortasina tasindi

16 Html örnek web sayfası • • Benim Sayfam • •Bu benim ilk anasayfam. • Kalin Harfli Metin •

17 HTML UYGULAMA • Bu metin kalin harfler ile yazildi. • Bu metin vurgulu harfler ile yazildi. Bu metin iri harfler ile yazildi. Bu metin egik harfler ile yazildi. Bu metin italik harfler ile yazildi. Bu metin ufak harfler ile yazildi. Bu metinde altta kucuk harfler var. Bu metinde ustte buyuk harfler var. •

18 •http://html.uzerine.com


"WEB TASARIMI Web sitenin; size ve müşterinize ve ziyaretçilerinize nasıl hizmet vereceğini bilmemiz gerekir. Web Sitesi nedir? Bir hedefi ve amacı olan." indir ppt

Benzer bir sunumlar


Google Reklamları