Birim Web Sayfaları için Yeni Tasarım

Güncelleme 26.07.21

30.04.21 tarihinde Üniversitemiz görsel iletişim ve kurumsal kimlik tanımları esas alınarak hazırlanan üniversitemiz resmi web sayfası yayına alınmıştır.

Web sayfası HU-İYS üzerinde olan web sayfalarının şablonları 30.06.2021 tarihinde değiştirilmiştir.

İçeriği HU-İYS üzerinde olmayan HTML, php... vb diğer tabanlı web sayfalarının yeni web sayfası tasarımına ve menüye 30.08.2021 tarihine kadar uygun hale getirilmesi gerekmektedir.

Örnek tasarımı görüntülemek için tıklayınız.

Yeni Uyumlu Tasarım için yapılması gerekenler ve öneriler
1- Menü düzenlemesi
Yeni uyumlu web sayfası tasarımında birimlerin menü yapıları yeniden düzenlenmiştir.
Menü örnekleri için indirmek tıklayınız.

2- Tasarım Düzenlemesi
2.1.HÜ-İYS üzerinde çalışan web siteleri için
HÜ-İYS kullanan bölüm/birimler yeni şablon aktif olduğunda otomatik olarak yeni şablon görünümüne geçeceklerdir.
Bu geçiş sırasında sayfa görünümünün kontrol edilmesi ve gerekli içeriklerin güncellenmesi gerekmektedir.
Bu geçiş verilerinizde bir kayba neden olmayacaktır.
Ana sayfa slider boyutu değiştiği için ana sayfada kullanılan resimlerinizin güncellenmesi gerekebilir. Yeni şablon responsive olarak tasarlandığından resim kullanımında dikkat etmeniz gereken bazı noktalar vardır.  Bu güncellemede üzerinde yazı olan resim kullanmanızı önermiyoruz. Yazı kullanmak istiyorsanız lütfen HÜ-İYS üzerinden başlık ve özet girişi yaparak kullanınız. Girilen resimler ekran boyutuna göre mevcut resim alanına sığdırılarak görüntülenmektedir. Bunu dikkate alarak resimlerinizi seçmenizi öneriyoruz.
Yeni şablon örnek görünüm için:
www.food.hacettepe.edu.tr incelenebilir.
2.2.Diğer web siteleri için
1. Birimlerin web sayfalarının tasarımlarının uyumlu hale getirilmesi için gerekli dosyaları aşağıdaki adresten ulaşabilirsiniz.
Yeni tasarımda kullanılacak dosyaları indirmek için tıklayınız.
2. Yeni tasarımı web sayfanıza aktarmadan önce yedek almanızı öneririz.
3. Web sayfanızın bilgilerinin güncelliğini kontrol ediniz.
4. Yeni tasarımda kullanılacak dosyaları indiriniz.
5. index.html dosyasını aşağıdaki uyarıları dikkatte alarak düzenleyiniz.

  • title, description ve keyword alanlarını tanımlayınız.
  • css/js lerinizin doğru adresten çağrılıp çağrılmadığını kontrol ediniz.
  • banner_uni_bolum isimli class a biriminizin adını yazınız.
  • Biriminize ait instagram, facebook ve twitter adreslerini yazınız.
    Biriminize ait sosyal medya yok ise Hacettepe Üniversitesinin resmi sosyal medya adreslerini kullanabilirsiniz.
    <a href="https://www.instagram.com/hacettepe_university/" target="_blank"><i class="fab fa-instagram"></i></a>
    <a href="https://www.facebook.com/HacettepeUniversitesiKurumsal" target="_blank"><i class="fab fa-facebook"></i></a>
    <a href="https://twitter.com/hacettepe1967" target="_blank"><i class="fab fa-twitter"></i></a>
  • İngilizce web sayfanızın adresini tanımlayınız.
    <span class="but_lang"><a href="/en">EN</a></span>
  • Web sayfanızı hazırladığınız dil ingilizce ise aşağıdaki değişikliği yapınız.
    <span class="but_lang">TR</span>
    <span class="but_lang_secili"><a href="/en">EN</a></span>
  • Biriminize uygun olan yeni menüyü hazırlayınız.
    <!--menusol--> altına yeniden düzenlenmiş menüzü yerleştiriniz.
  • Web sayfanızda  slider da (kayan) fotoğrafları yeni tasarıma uygunluğunu kontrol ediniz.
    Yeni tasarımda slider fotoğraflar için uygun boyut 1600*1068 pixeldir ve images klasörü altında yer almadır.
    Slider da yeni tasarım öncesi fotoğraflarınızı kullanmak isterseniz bunlar slider alanına yayılacaktır.
    Slider da kayan fotoğraflar üzerinde yazı var ise bu yazıların da uygun hale getirilmesi gerektiğini unutmayınız.
  • Başlık, içerik ve FOOTER alanlarındaki bilgilerinizi web sayfanızın içeriğine uygun olarak doldurunuz.
6. Web sayfalarınızda favicon olarak Hacettepe Üniversitesi logosunun görünmesi için hu_logo_icon.ico dosyasının ana dizinizde olmasına dikkat ediniz.