Spry Nesneleri (WTP – 20. Hafta)

Merhaba bu yazımızda Web Tasarım ve Programlama dersinde gördüğümüz SPRY nesneleri inceleyeceğiz. Daha sonra da bu nesneleri birlikte kullandığımız örnek bir web sitesi projesi gerçekleştireceğiz.

Spry Framework (Spry Çerçevesi)

Spry çerçevesi, ziyaretçilere görsel olarak daha gelişmiş, daha etkili web sayfaları hazırlayıp sunmak amacıyla kullanılan bir JavaScript kütüphanesidir. Spry kullanarak hazırlamakta olduğunuz belgelerinize basit Java Script kodlarıyla çeşitli türlerde efektler ekleyebilir ve sitenizin daha zengin bir görünüme sahip olmasını sağlayabilirsiniz.

SPRY Nesneleri Ekleme ve Düzenleme :

  • Ekle menüsünden Spry seçeneğiyle
  • Ekle Panelinden Spry seçeneğiyle

SPRY Nesneleri :

  • Spry Menü Çubuğu
  • Spry Sekmeli Panel
  • Spry Akordeon

Daha önce öğrendiğimiz bilgiler ve yeni öğrendiğimiz Spry Nesneleri ile “Bilişim Spor” web sitesi yapacağız. Bunun için ilk önce tasarımı el ile çizelim.

Web Taslağı

Şimdi de site haritasını oluşturalım.

  • Ana Sayfa (index.html)
  • Hakkımızda (hakkimizda.html)
  • Aktiviteler (aktiviteler.html)
  • Spor Dalları
    • Futbol (futbol.html)
    • Voleybol (voleybol.html)
    • Basketbol (basketbol.html)
    • Atletizm (atletizm.html)
    • Tenis (tenis.html)
  • İletişim (iletisim.html)
Bilişim Sport Web Sitesi

Dosyalar:

HTML Kodlar :

index.html içeriği :

CSS içeriği :

İlginizi çekebilecek diğer Web Tasarımı ve Programlama konuları :

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.