Bir Web Sitesi Oluşturmanın Temelleri

➪İLK DERS!!

 Web Programlama Dersi ve Sultan Hoca ile okulun ilk günü  tanışmanın ardından bugün, ilk dersimizi işledik.
 Web sitesi tasarımını olabildiğince temel taşları ile bir örnek üzerinde öğrendik: Okulumuzun internet sitesi olan gsu.edu.tr yi örnek alarak okulumuzun fakültelerini listeleyen bir sayfa yaratmak üzerine çalıştık.

 Dersteki çalışmalarımız sonucunda ortaya şöyle bir şey çıktı:

<html>

<head> <title> galatasaray üniversitesi </title> </head>

<body>
<center>

<h1> GALATASARAY ÜNİVERSİTESİ </h1>

<h2> <a href= "http://iibf.gsu.edu.tr/"> İKTİSADİ VE İDARİ BİLİMLER FAKÜLTESİ </h2>
<h3> Uluslararası İlişkiler Bölümü </h3>
<h3> İşletme Bölümü </h3>
<h3> İktisat Bölümü </h3> 
<h3> Siyaset Bilimi Bölümü </h3>

<h2> <a href= "http://hukuk.gsu.edu.tr/"> HUKUK FAKÜLTESİ </h2>

<h2> <a href= "http://iletisim.gsu.edu.tr/"> İLETİŞİM FAKÜLTESİ </h2>

<h2> <a href= "http://mtf.gsu.edu.tr/"> MÜHENDİSLİK VE TEKNOLOJİ FAKÜLTESİ</h2>
<h3> Bilgisayar Mühendisliği bölümü </h3>
<h3> Endüstri Mühendisliği Bölümü</h3>
 
<h2> <a href= "http://fef.gsu.edu.tr/"> FEN EDEBİYAT FAKÜLTESİ </h2>
<h3> Felsefe Bölümü </h3>
<h3> Sosyoloji Bölümü  </h3>
<h3> Karşılaştırmalı Dilbilim ve Uygulamalı Yabancı Diller Bölümü </h3>
<h3> Matematik Bölümü </h3>

</center>
</body>

</html>

✨  Sultan Hoca ilk olarak bize web programını kodlarken daima  "< >" arasında yer alan komutları kapatmamız gerektiğini söyledi. 
        Kodlamamızın başına bir web sitesi olduğunu belirten <html>  yi yerleştirdik.
        Aynı zamanda "Galatasaray Üniversitesin" ne başlık özelliği veren <head> ve <title> ı yerleştirdik. Başlığımızın ortalanmış olmasını istediğimizden <center> ı kullandık.
       Fakülte isimleri, Galatasaray Üniversitesi başlığımızın alt başlığı olduğundan gsü ye h1 derken fakültelere h2, onların da altında olan bölümlere h3 dedik.
      GSÜ internet sitesinden fakültelerin internet adresıni  "<a href=" diyerek tırnak işareti içerisinde belirttik. Böylece üstüne tıkladığımızda bizi o sayfaya yönlendirebilir hale geldi.   


Yorumlar

Bu blogdaki popüler yayınlar