WTP UZME01- Java Script ile Renk Değiştirme – Hizalama

Bu dersimizde Web Tasarım ve Programlama dersinde kaldığımız yerden devam ediyoruz. Java Script’de daha önce fonksiyon yazmayı, uyarı mesajı vermeyi, harici js dosyası eklemeyi görmüştük. Bir seri eğitim şeklinde web sitesi yapıp her derste eklemeler yapacağız.

İlk olarak fonksiyon neydi ondan bahsedelim.

Foksiyonlar :

Tekrarlanan işin yapılması için gerekli işlem ve komut gruplarına “fonksiyon” adı verilir. Uygulama içerisinde bir komut ya da komut grubunu tekrar tekrar kullanmak isteyebiliriz. Kısaca fonksiyonlar tekrar eden kod bloklarını alıp paketlememize yarar. Uygulama içerisinde artık bu paketin ismini kullanarak istediğimiz yerde bu kodları çalıştırabiliriz. Bu
sayede daha sonra üstüne yapılacak değşiklikleri ve hata kontrolünü hızlı bir biçimde yapmamıza imkân sağlar.

Şimdi sizlerden aşağıdaki fotoğrafı verilen web sitesini tasarlamanızı istiyorum. Kaynaklar bölümünden üst resmi indirebilirsiniz.

WTP Uzaktan Mesleki Eğitim Etkinlik 01

Site Özellikleri :

  • CSS, JS ve Resimler adında 3 klasörünüz olacak.
  • CSS ve JS dosyaları harici olarak eklenecek
  • CSS özellikleri :
    • Arkaplan rengi : 2B7CB5, Font: Verdana, Font Boyutu: 20px
    • Başlıklar ortalı olacak,
    • Düğmelerin Genişliği: 150px, Yüksekliği: 40px; Köşe Yuvarlaklığı : 10px,
    • #tasiyici {Genişliği : 1000px} ,
      #ustResim { Yükseklik : 200px},
      #menu { Yükseklik: 40px; Hücre içi Boşluk : 10px}
      #icerik { Hücre içi Boşluk : 50px}
      #footer { Arkaplan Rengi : 363535, Hücre içi Boşluk : 50px 20px, Yükseklik: 80px}
  • JS Özellikleri :
    • Girişte kullanıcıya adı sorulacak ve Hoşgeldin mesajı verilecek.
    • Tüm düğmelere fonksiyon tanımlanacak.

Kaynaklar:

Üst Resim

CSS Kodları :

Java Script Kodları :

HTML Kodları :

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.