Bilişim Teknolojileri AlanıWeb Tasarım ve Programlama

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ı :

Serhat Demir

Bilişim Teknolojileri Öğretmeni

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.