|
Bağlantılar,arkaplan renkleri ve resimler |
|
|
Merhaba sayın Teknoinfo.net ziyaretçileri.Bu dersimizde bağlantılar,arkaplan renkleri ve resimler üzerinde duracağız. İlk dersimizde hazırladığımız sayfayı geliştirerek derslerimize devam edeceğiz.
İlk olarak bağlantılar.
Bağlantılar(Linkler)
Eğer bir site yapacaksanız mutlaka birden sayfa kullanırsınız.Ancak bu sayfalara gitmek için bağlantılar eklemelisiniz.Bir internet sitesi anasayfa üzerine kurulur.Sitenizin içeriğine göre anasayfanıza ve alt sayfalarınıza 100lerce bağlantı koyarsınız.İlk sayfamızın kodları bu şekildeydi:
Merhaba.Teknoinfo.net dersler bölümüne hoş geldiniz!
Bu sayfaya bir bağlantı eklersek kodlar:
<html>
<head>
<body>
Merhaba.Teknoinfo.net dersler bölümüne hoş geldiniz!
<a href="/">Teknoloji Portalı</a>
</body>
</head>
</html>
şeklinde olacaktır.Yani bir bağlantı <a href="/">Teknoloji Portalı</a> şeklinde yazılır.<a href="/"></a> kodunda tırnak işaretleri arasına bağlantıya tıklanınca gidilecek sayfanın adresi yazılır.> ile < arasına ise bağlantının sayfada gözükecek ismi yazılır.Bizim bağlantımızda bu yazı Teknoloji Portalı olarak belirtilmiş.Umarım bu konu anlaşılmıştır.Şimdi sayfamızı biraz renklendirelim.
Arkaplan rengi belirleme
İlk dersimizde hazırladığımız sayfanın arkaplan rengini belirmediğimiz için beyazdı.Şimdi o sayfayı mavi renge büründüreceğiz.Html'de renkler 6 haneli kodlarla belirtilmiştir.Örnek olarak 000000 kodu siyahı,FFFFFF kodu ise beyazı temsil eder.Biz açık maviyi belirtmek için 87ceeb kodunu kullanacağız.Renk kodları ile ilgili geniş bir kataloğu sitemizde bulabilirsiniz. Arkaplanı renklendirmek için body tagına ekleme yaparız.Ekleme yaptığımızda kod <body bgcolor=""> şeklinde olur.Tırnak işaretleri arasına istediğimiz rengin kodunu yazarız.Biz mavi rengi kullanacağımız için kod <body bgcolor="87ceeb"> şeklinde olacak.Sayfamızın yeni kodları ise:
<html>
<head>
<body bgcolor="87ceeb">
Merhaba.Teknoinfo.net dersler bölümüne hoş geldiniz! <a href="/">Teknoloji Portalı</a>
</body>
</head>
</html>
Bu konuyuda anladıysanız bu makalenin son konusuna geçelim.
Resimler
Sayfanızı çekici hale getirmek istiyorsanız mutlaka konuyla alakalı resimler eklemelisiniz.Sayfanıza resim eklemek için <img src="/"> kodunu kullanırız.Herzamanki gibi tırnak işaretleri arasına sayfanıza ekleyeceğiniz resimin adresini yazıyorsunuz.Örnek olarak: <img src="/banner.png" > kodu. Yeni sayfamızı ise şu şekilde oluşturacağız:
<html>
<head>
<body bgcolor="87ceeb">
Merhaba.Teknoinfo.net dersler bölümüne hoş geldiniz!
<a href="/">Teknoloji Portalı</a>
<img src="/banner.png">
</body>
</head>
</html>
Evet arkadaşlar bir dersin daha sonuna geldik.Anlamadığınız konularda iletişim bölümünden bizimle iletişime geçebilir sorularınızı yöneltebilirsiniz.İyi Çalışmalar! Kaynak gösterilmeden alıntı yapılması kesinlikle yasaktır. Hazırlayan: Teknoinfo
|
