https://g191210003.000webhostapp.com/ : Bu linkte projenin görsel sunumuna ulaşabilirssiniz. Kişisel web sitesi Projemizde html css bootstrap js ve kullanılacaktır. Sitemde kendimi tanıtacağım yaptığım işleri göstereceğim . Yaşadığım memleketi tanıtacağım. Memleketimin doğal güzelliklerini tanıtacağım . Tanıtırken bunu sliderla yapacağım. Derste öğrenilen bilgiler (HTML, CSS, Javascript vb.) kullanılarak bir web sitesi geliştireceğm.
Site tasarımı olarak Bootstrap içeren responsive (çözünürlüğe göre değişen tasarım) (hazır tema kullanılamaz) bir yapı kullanılmalıdır. Hakkında sayfası giriş sayfası niteliğinde olmalı, sayfa sahibinin kendini tanıtan bilgiler (Hobiler, Etkinlikler vb ) , sevdiği spor,etkinlik vb ait resimler, linkler vb. içermelidir.Eğitim bilgilerini içeren CV niteliğinde table , div’lerin kullanıldığı özgeçmiş sayfası olmalıdır.Şehrim şeklinde bir sayfa olmalı, bu sayfada memletinize ya da sevdiğiniz şehre ait bilgiler yer almalıdır. (Şehrin nufusu, gezilecek yerler vb) Sayfanın başında ya da sonunda en az 4 resimden oluşan bir slider yer almalıdır. Slider’da yer alan resimlere tıklandığında ilgili resimlere ait içeriklere link olmalıdır.(İçerikler ayrıntılı olmadan site içersinde yer almalı) Mirasımız linkli bir sayfa ile, şehre ait kültürel miras niteliğindeki önemli bir eser; ya da Takımımız linkli bir sayfada şehrin takımı (Futbol,Basketbol vb branş farketmez) html elamanları kullanılarak tanıtılmalıdır. Sitede bir login sayfası yer almalıdır. Login sayfasında öğrenci numaranıza ait kullanıcı adı (örneğin [email protected]) ve şifre (şifre “123” gibi bişey olabilir) bir php sayafasına post edilip burada kullanıcı bilgileri gönderilen sayfada tanımlanan değişkenler ile kontrol edilmelidir. Eğer kontrol işlemi başarılı ise post edilen sayfada Hoşgeldiniz “b1812100001” gibi bir mesajla login işleminin başarılı olduğu bildirilmeli, login işlemi başarısız ise kullanıcı login sayfasına geri yönlendirilmelidir. Aynı zamanda login sayfasında kullanıcı adı ve şifre alanının boş geçilmemesi ve kullanıcı adının mail adresi olup olmadığı kontrol edilmelidir. Sitede form elamanları içeren bir iletişim sayfası olmalıdır. İletişim sayfası tüm form elemanlarını içermeli, formun tüm elamanlarının elemanın özelliğine göre seçim yada veri girişi yapılacak şekilde gönderilmesi sağlanmalıdır. İletişim formundaki gerekli kontrol işlemleri (boş mu, e-mail formatında mı vb.) javascript kullanılarak denetlenmelidir. Form, temizle ve gönder butonları içermelidir. Gönderilen form bilgileri başka bir sayfada görüntülenmelidir. Projenin içindeki stiller (renk, yazı tipi, vs.) ayrı bir stil dosyasında tutulmalıdır. GitHub üzerinde bir proje oluşturulup (proje herkese açık olmalı) ilk etapta proje hakkında kısa bir bilgi dökümanı GitHub’a yüklenmelidir. Proje ilerledikçe, gelişmeler GitHub’a yüklenmeye devam edilmelidir. (Proje teslim edilmeden GitHub’da farklı tarihlerde minimum 3 commit olmalıdır.)