HAZIRLAYANLAR 4D SINIFINDAN DENİZ ARIKAN SELİN YAĞMUR ÇAKMAK DOĞA SU TOPRAK ASU LAL ÖCALAN ŞİMAL ÖZER Danışman Öğretmen Aslı Çakır 2010
İÇİNDEKİLER 1. Giriş... 1 2. Front Page İle Web Tasarımı... 1 3. Sloganlarımız... 2 4. Kaynaklarımız... 2 5. Kermes Düzenledik... 2 6. Harçlıklarımız Biriktirdik... 3 7. Hafta Sonu etkinliği düzenledik... 3 8. Kredi Aldık... 4 9. Başardık... 4 10. Hakkımızda... 4 11. Sonuç... 5 12. Kaynakça... 6 13. Resimler... 7-11
GİRİŞ Projemizi, matematik proje grubundaki arkadaşlarımızla birlikte yapmaya karar verdik. Hayat Engel Tanımaz sloganıyla yola çıkarak konumuzu bir engelliye tekerlekli sandalye almak olarak karar verdik. Projemizi iki aşamada tasarladık. Matematik proje grubu, tekerlekli sandalye almak için gerekli para miktarını ve kaynaklarını belirledi. Bu kaynaklarını tek tek yerine getirmek için çalışmalara başladı. Bizde sahip olduğumuz bilgisayar bilgimizi geliştirerek, bu önemli ve örnek olacak çalışmayı daha büyük kitlelere duyurmak için web sayfası olarak tasarladık. Web sayfamızı tasarlarken matematik proje grubu arkadaşlarımızla devamlı iletişim halinde olduk. Onlar yaptıkları çalışmalarını, bizlerle paylaştılar. Bilgisayar grubu olarak bizlerde web sayfamızı tasarladık. FRONTPAGE PROGRAMI İLE WEB TASARIMI Web tasarımı, günümüzün gelişmiş elektronik iletişim kaynaklarının kullanılarak, tüm dünyada aynı anda online görüntülenmesini sağlayan ve paylaşmak istediğiniz bilgilerin daha büyük kitlelere ulaşmasına yardımcı olan html dosyalarıdır. Web sayfamızı tasarlarken Microsoft FrontPage 2003 programını kullandık. Web sayfamızın görsel açıdan zengin, içersinde yer alan bilgilerin anlaşılır ve doğru olmasına dikkat ettik. Web tasarımında ana sayfalar çok önemlidir. Ziyaretçileri ana sayfaların tasarımına ve içeriğine göre sitenize çekersiniz. Ana sayfamızın sade ve dikkat çekici olmasına özen gösterdik. Tasarımda öncelikli olarak; Hız Sadelik Kullanılabilirlik İçerik Uyumluluk ilkeleri üzerinde durduk. Ana sayfamızdaki kullandığımız renklerin içerikle uyumlu olmasına oldukça önemlidir. Hayat Engel Tanımaz başlığımızı etkili şekilde yazmak için otomatik şekillerden ok işaretini kullandık. Kenar çizgilerini kesik çizgi şekilde yaptık. Başlığımızı içine yazdık. Sayfamızı zenginleştirmek için gif lere yer verdik. Bilgisayarda hareketli resimlere gif denir. Gifler, web sayfalarını dikkat çekici ve canlı hale getirmek için tercih edilen önemli unsurlardandır. Bizde başlığımızın iki yanına ünlem gifi yerleştirdik. Web sayfalarında linkler sayfalar arası bağlantıların ve geçişin kolay olması için kullanılır. Bizde ana sayfamızda sadeliğe önem verdik. Tüm bilgilerin tek bir sayfada toplanması yerine, her konu için ayrı sayfalar tasarladık ve ana sayfadan bu sayfalara linkler kullanarak geçiş yaptık. Ana sayfamızda bulunan linklerimizi, ekle menüsünden İnteractive Buttons seçeneğini kullanarak düğmeler oluşturarak verdik. Ana sayfamızda estetiğe önem verdik. Bunun için oluşturduğumuz düğmeleri (linkleri) mavi arka planlı iki tablo oluşturarak içine yerleştirdik. İki tablonun arasına engelleri kaldırmak için hayatı paylaşalım sloganını yazdık. Ve bir tekerlekli sandalye resmi yerleştirdik. Sayfamızda menülerin altına email gifi kullanarak, ziyaretçilerin bize ulaşabilmesi için ortak adlımız mail adresimize link verdik. Diğer menülerin altına Türk Bayrağı gifi yerleştirdik. 1
SLOGANLARIMIZ Ana sayfamızdaki Sloganlarımız isimli linkimizi tıkladığımız zaman, sarı arkaplan renkli sayfamız açılıyor. Sloganlarımız başlığımızı mavi metin kutusunun içine hareketli harfleri kullanarak yazdık. Başlığımızın hemen altına otomatik şekilleri kullanarak gülen yüz ve ok işaretleri yerleştirdik. Hep birlikte oluşturduğumuz sloganlarımızı, etrafındaki çizgileri, kesik kesik yaptığımız, yeşil renkli tabloların içine yerleştirdik. Sloganları, gif şeklinde madde imlerini kullanarak yazdık. Sloganlarımızdan örnek vermek istiyorum. Dünya el ele güzel, hayat engel tanımaz. Hep birlikte engelleri aşalım, gibi. Tekrar ana sayfamıza geçiş yapabilmek için Ana Sayfa linkini verdik. KAYNAKLARIMIZ Ana sayfamızdaki kaynaklarımız isimli linkimizi tıkladığımız zaman, renkli kaynaklar sayfamız açılıyor. Başlığımızı iç içe oluşturduğumuz yeşil renkli metin kutularının içine yazdık. Başlığımızın yanına bir küçük resim yerleştirdik. Hemen altına amacımıza ulaşmak için işte kaynaklarımız cümlesini kayan yazı (marquee) şeklinde yazık. Kaynaklarımızın listesini sarı renkte oluşturduğuz metin kutusunun içine yazdık. Hepsini daha ayrıntılı anlatmak için link vererek diğer sayfayla bağlantısını yaptık. Altına tekrar ana sayfaya dönüş için bağlantı yaptık. Sayfamızın en altına renkli çizgi yerleştirerek tamamladık. KERMES DÜZENLEDİK Kaynaklar sayfamızdaki kermes düzenledik linkine tıkladığımız zaman, matematik bölümündeki arkadaşlarımızın, planladıkları gibi yaptıkları kermes hakkında bilgi veriyoruz. Sayfamıza lila renginde arkaplan verdik. Başlığımızı otomatik şekillerden oluşturduğumuz, arkaplanla uyumlu şeklin içine yazdık. Kermes sırasında çektiğimiz resimleri de, sarı renkte hazırladığımız tabloların içinde yerleştirdik. Tekrar kaynaklar sayfamıza dönüş yapmak için geri düğmesini hazırladık. Matematik grubu arkadaşlarımız kermesten, (34/100---% 34 ) 350 : 100 = 3,5 3,5 x 34 = 119 TL elde etmişlerdir. Kullanılmış Oyuncakların satışından, (10/100--- % 10) 350 : 100 = 3,5 3,5 x 10 = 35 TL elde etmişlerdir. Yaptırılan giysilerden, (8/100---%8 ) 350 : 100 = 3,5 3,5 x 8 = 28 TL elde etmiştir. 2
HARÇLIKLARIMIZ BİRİKTİRDİK Kaynaklar sayfamızdaki Harçlıklarımız Biriktirdik linkine tıkladığımız zaman, word arttan yazdığımız, sarı renkli başlığımız geliyor. Başlığımız iki yanına ve altına küçük resimlerden aldığımız resimler yerleştirdik. Metnimiz yazmadan önce, harçlıklarımızı biriktirdik yazısını birde kayan yazı şeklinde yazdık. Metnimizi oluşturduğumuz değişik tablo şeklinin içine yazdık. Tekrar kaynaklar sayfamıza dönüş yapmak için geri düğmesini hazırladık. 12/100---%12 350 : 100 = 3,5 3,5 x 12 = 42 TL elde etmiştir. HAFTA SONU ETKİNLİĞİ DÜZENLEDİK Kaynaklar sayfamızdaki hafta sonu etkinliği düzenledik linkine tıkladığımız zaman, değişik arkalplan renkleriyle oluşturduğumuz sayfamız açılıyor. Başlığımızı yine arkaplan renkleriyle uyumlu metin kutusunun içine yazdık. Sayfamızın üst köşesine okul logomuzu yerleştirdik. Matematik proje grubu arkadaşlarımızın bizimle paylaştığı, hafta sonu etkinliğinin amacına ve resimlerine sayfamızda yer verdik. Tekrar kaynaklar sayfamıza dönüş yapmak için geri düğmesini hazırladık. HAFTA SONU ETKİNLİĞİ KAHVALTI 28/10---% 28 350 : 100 = 3,5 3,5 x 28 = 98 TL elde etmiştir. 3
KREDİ ALDIK Kaynaklar sayfamızdaki kredi aldık linkine tıkladığımız zaman, arkalplanı turuncu renkli sayfamız açılıyor. Başlığımızı wordart yazı şeklini kullanarak yazdık. Başlığımızın iki yanına otomatik şekli kullanarak güneş ne ok işaretlerini yerleştirdik. İçine küçük resim koyduk. Matematik proje grubu arkadaşlarımızın bizimle paylaştığı, yazı ve resimleri de sayfamıza yerleştirdik. Tekrar kaynaklar sayfamıza dönüş yapmak için geri düğmesini hazırladık. Müdür Yardımcımızdan kredi aldık. (8/100---% 8 ) 350 : 100 = 3,5 3,5 x 8 = 28 TL elde etmiştir. BAŞARDIK Ana sayfamızdaki başardık isimli linkimizi tıkladığımız zaman,projemizin sonunda yaşadığımız büyük mutluluğu sizinle paylaşıyoruz. Başlığımızı iç içe yerleştirdiğimiz renkli metin kutularını kullanarak yazdık. Başlığımızın altına kesik kesik çizgi yerleştirdik. Hmen altına mutluluğumuzu anlatmak için otomatik şekillerden renkli gülen yüzler koyduk. Metnimizi yeşil renkli çerçeve verdiğimiz tablonun içine yazdık. Altına tekrar ana sayfaya dönüş için bağlantı yaptık. Bu tekerlekli sandalyeleri Çağdaş Özürlüler Yaşam Derneği yetkilisi Sayın Hafize Başer e teslim ettik. HAKKIMIZDA Ana sayfamızdaki hakkımızda isimli linkimizi tıkladığımız zaman, hareketli harflerle yazdığımız Hakkımızda başlıklı sayfamız açılıyor. Başlığımızın iki yanına, otomatik şekillerden oluşturduğumuz ok işaretlerini yerleştirerek, zenginleştirmeye çalıştık. Bu sayfamızda, matematik ve bilgisayar projesinde yer alan arkadaşlarımızı, fotoğraflarına yer vererek tanıttık. Öncelikle sayfamıza değişik bir arka plan vererek renklendirdik. Sayfanın geneline gifler yerleştirerek süsledik. Tekrar ana sayfamıza geçiş yapabilmek için ana sayfa linkini verdik. 4
SONUÇ Bilgisayar ve matematik proje grubu olarak bir kişinin yüzünü güldürmenin, mutlu etmenin çok önemli ve mutluluk verici olduğunu gördük. Yoğun ve yorucu çalışmanın ardından bilgisayar bilgimizi geliştirerek bu önemli konuda üzerimize düşen görevimizi tamamlayarak web sayfamızı tasarladık. Umarız, hedeflediğimiz gibi web sayfamız sayesinde bu önemli projeyi daha büyük kitlelere ulaştırırız. Web sayfamıza, http://www.egelisesi.k12.tr/bilgisayar/engel_proje/ana_sayfa.htm adresinden ulaşabilirsiniz. 5
KAYNAKÇA Web sayfamızda yer alan bilgileri matematik proje grubundaki arkadaşlarımız bizlerle paylaşmıştır. Karahoca, A. (2000) Html İle İnternet Sayfalarını Hazırlama Sanatına Giriş (2.Baskı) İstanbul:Beta www.gifs.net 6
RESİMLER Resim1: Ana Sayfa Resim2: Amacımız Sayfası 7
Resim3: Kaynaklarımız Sayfası Resim4: Kermes Düzenledik Sayfası 8
Resim5: Harçlıklarımız Biriktirdik Sayfası Resim 6: Hafta Sonu Etkinliği Sayfası 9
Resim 7: Kredi Aldık Sayfası Resim 8: Sloganlarımız Sayfası 10
Resim 9: Başarılarımız Sayfası 11