Siteye Slider Ekleme

Siteye Slider eklemek için bir div’e ihtiyacımız var. İhtiyacımız olan div tasarladığımız projede mevcut. Siz de başka projelerinizde bir div i slider bölümü için kullanabilirsiniz. Bunun için gerekli olan şey slider yapacağınız görsel boyutları ile div inizin genişlik ve yüksekliğinin eşit olması. Bunu nasıl yapacağınız indireceğiniz videoda mevcut. Gerekli olan dosyalar da indireceğiniz ikinci linkte. Yapamaz iseniz irtibata geçebilirsiniz.

Gerekli olan dosyaları indirin

Yapılma videosunu indirin




Dreamweaver ile şablon sayfası yapımı

Dreamweaver ile Spry Menü ekleme ve Şablon Sayfası yapma videosunu aşağıdaki linklerden indirebilirsiniz.

Menü elemanı düzenlerken (isim yazarken) Delete veya BackSpace kullanmayınız…

İNDİR 1 Video 1 Spry Menü ekleme ve Şablon Sayfası Yapma

İNDİR 2 Video 2 Spry Menü ye yeni eleman ekleme ve yeni sayfa yapma




Dreamweaver ile Tasarım

https://wenthemes.com/theme-demos/?demo=photomania  daki tasarımım şablonunu oluşturma çalışması klasörünü indirip inceleyebilirsiniz.

İndirmek için tıklayınız…




CSS Yatay Açılır Menü


[crayon-5dd0db6ef150b660264326/]




CSS Dikey Açılır Menu

CSS ile Dikey Açılır Menü


[crayon-5dd0db6f04a84012586268/]




Kutu Gölgelendirme

Kutu gölgelendirme için “box-shadow” kullanılır. 4 parametre alır.

  1.  değer x yönünde gölge mesafesi (normalde sağda “-” olursa solda) 
  2.  değer y yönünde gölge mesafesi (normalde altta “-” olursa üstte) 
  3.  değer gölge mesafesi
  4. renk

Aşağıdaki kodları inceleyiniz.


[crayon-5dd0db6f06414920905313/]




Kutu Yuvarlama CSS

Kutu yuvarlama “border-radius”  ile yapılır istenilen kenara özellik verilebilir. % veya piksel cinsinden kenarların ne kadarını yuvarlatılacağı belirtilir. Örnekleri inceleyiniz


[crayon-5dd0db6f074df697080182/]




Serbest Çalışma Uygulaması

Bilgisayar Programcılığı kursiyerleri excelde ;

Web Tasarım Kursiyerleri de kodlayarak oluşturabilirler..

Göndermeniz gerekmiyor.

 

 




Site Çalışması

[crayon-5dd0db6f0877d927886220/]




Örnek Ölçülü Site Kodları

[crayon-5dd0db6f099bf917838602/]