Oval Tabloyu Siteye Taşıma

Photoshop’ta slice tool ile parçalara ayırdığımız oval tabloyu Save For Web seçeneği seçilerek bütün parçalar seçilir ve png 24 olarak html and images seçilerek kaydedilir.Html dosyası dreamweaver’da açıp bütün parçaları background resmi olarak tanımlıyoruz.Sitemiz içinde hangi hücreye kaç tane oval tablo yerleştireceksek hücreyi bölüyoruz.Oval tablonun olduğu html sayfasına gelip tabloyu seçtikten sonra ctrl + c kopyalıyoruz.Sitede istediğiz yere yapıştırıyoruz.Boyutlarını ayarladıktan sonra oval tabloya istediğimiz içeriği verebiliriz.

Dreamweaver oluşturulan Tabloyu Biçimlendirme

Tabloyu sayfaya ekledikten sonra tablo ile ilgili ayarları yapmak için alt taraftaki properties (Properties İnspector) paneline iniyoruz.Burada tablo ile ilgili istediğiniz bütün ayarları (satır sayısı,kolon sayısı,genişlik,yükseklik,kalınlık) yapmak mümkün.

• Table Id: Tablonun adı
• Rows: Satır sayısı.
• Cols: Kolon sayısı
  

Dreamweaver Tablo Oluşturma

Dreamweaver’da yeni bir tablo hazırlamak için İnsert Panelindeki table seçeneği seçilir bu işlemin kısayol tuşu (ctrl + alt + T).Karşımıza tablo ile ilgili özelliklerin olduğu bir pencere gelecek bu pencerede tablonun kaç satır kaç sütun olduğu genişliğinin ne kadar olduğu vb. ile ilgili bilgiler girilir.Ok tıklanır belirlediğimiz özellilerde tablo ekrana gelir.Bu tabloda satırların yüksekliğini ve genişliğini alt taraftaki properties panelinde W - H kısmından ayarlayabiliriz.

HTML ile ASP Arasındaki Farklar

-HTML uzantılı dosyaları çalıştırmak için web sunucusu gerekmez.


-ASP dosyaları için web sunucusu gerekir.

-ASP ile kullanıcı etkileşimli dinamik sayfalar yapmak mümkündür.

-HTML’de sayfaya kullanıcı etki edemez, statik(durağan) sayfalardır.

-Tarayıcı HTML bir dosya istediğinde server hiç işlem yapmadan dosyayı istemciye yollar.

-Tasayıcı ASP bir dosya istediğinde ISS bu isteği ASP derleyiciye gönderir.ASP derleyici bütün dosyayı okur ve ASP kodlarını oluşturur.Sonuçta işlenen bu ASP kodlarını istemciye HTML olarak gönderir.

Web Tasarım Reklam Boyutu Standartları

Reklam standartları; Reklam verenlerin, Reklam Yayıncıların ve Ajanslarının, İnternet’i daha verimli bir araç haline getirmelerine olanak sağlıyan olan kurallardır. Reklam standartları olmadığı zaman, reklam verenler,reklam yayıncıları ve ajanslar arasında bir karışıklık olmaktadır. Bu yüzden Interactive Advertising Bureau yılardır bu konunun üzerine eğilerek, en azından Display reklamlar konusunda belli standartlar getirmeye çalışmışlardır.Dünyanın bir anda reklam devi olan google’da bu stadartlara uyuyor gözüküyor.Reklam vermek isteyen site sahibi mutlaka bu standartlara uyarak reklamını oluşturmalı ve bu standartlar çerçevesinde reklamını yayınlamalıdır.

Arama Motorlarının Çalışması

İnternet ağında iki tür arama motoru vardır.Bunlar Crawlerlar ve Dizinlerdir.Bunların çalışma prensibi birbirinden çok farklıdır.Crawler programlar ile siteler hakkında bilgi toplaken,dizinler insanlar aracılığı ile sitelerdeki bilgi kaydeder.Crawlerlar siteyi düzenli ziyaret ettiği için değişiklerden haberdar olur ve eski bilgiyi yenisi ile değiştirir.Dizinler ise değişikliklerden haberdar olmayabilir.

  -Crawler=Google,Yahoo

  -Dizin    =Dmoz.org

Dreamweaver Sitede H1,H2,H3… Belirleme

Dreamweaver’da CSS sayfasına gelip New CSS Rule tıklanır.Gelen sayfada tag menüsünden istenilen özellik (h1,h2,h3,h4,h5,h6) girilir.Açılan sayfada hangi değerleri vermek istiyorsak,font özellikleri,yazı tipi,background rengi ve resmi vb. özellikler girilerek ok tıklanır.Daha sonra sitenin olduğu sayfaya gelerek hangi yazılara h1,h2,h3… vermek istiyorsak yazı seçilir alt tarafdaki Format menüsünden Heading 1,2,3 seçilir.Kolay gelsin.

Dreamweaver CSS İle Sitenin Üstteki Boşluğunu Silme

Dreamweaver’da sayfanın en üst boşluğunu gidermek için CSS sayfasını açıyoruz.Sitenin olduğu sayfa ile CSS’i bağlıyoruz.CSS sayfasına gelip New CSS Rule ardından tag menüsü işaretlenir alttaki taglardan body seçilir ok tıklanır.Gelen sayfada soldaki kategorilerden box ardından margin/top değeri 0 olarak girilir ok tıklanır.CSS sayfası kaydedilir ve üst tarafdaki boşluk giderilir.Kolay gelsin.

Dreamweaver ASP Sayfaları Açma Görüntüleme

Denetim masasında/programlar/Windows özelliklerini aç veya kapat seçenekleri seçilir.İnternet İnformation Services sekmesinin altındaki bütün kutular işaretlenir tamam tıklandığı zaman bilgisayarımda sistemin kurulu olduğu bölümün içine “ınetpub” adında bir klasör gelir.Bu ınetput klasörünün içindeki wwwroot klasörüne özellikler/güvenlik sekmesinden tam yetki vermeniz gerekir.Buraya kadar olduysa internet tarayıcıya gelip localhost yazınca IIS şablobu geliyorsa oldu demektir.Daha sonra dreamweaver’a gelip tasarladığımız siteyi site/new site diyerek kaydediyoruz.Tarayıcıya gelip localhost/sayfa ismi yazınca asp sayfalarının açıldığını görüceksiniz.Kolay gelsin.

Photoshop’ta Yapılan Oval Tabloyu Dreamweaver’da Açma

Photoshop’ta tasarladığımız oval tabloyu kaydederken “PNG” ve“html and images” olarak kaydediyoruz.Daha sonra dreamweaver’ı çalıştırarak open menüsünden oval tabloyu kaydettiğimiz klasörün içinden html dosyasını seçiyoruz tablo dreamweaver’a geliyor.Bu oval tablonun boyutlarını değiştirmek istiyorsak images parçalarını background olarak ayarlamamız lazım.Bunun için sırasıyla bütün parçaları tek tek silip alt tarafdaki bg menüsünde background ayarlıyoruz.Daha sonra Split ekranına gelip oval tablonun köşedeki parçalarının boşluklarını siliyoruz.Ve istediğimiz boyda ve genişlikte uzayabilen oval tablomuz hazır.Kolay gelsin.