Sisimores
Üye
-
- Katılım
- Temmuz 7, 2012
-
- Mesajlar
- 857
-
- Tepkime puanı
- 0
-
- Puanları
- 266
-
- Yaş
- 30
-
- Web sitesi
- grafikerleriz.com
ARKAPLAN
Sayfa tasarımında en az metinler kadar önemli bir unsur olan arkaplan üzerinde ne gibi değişiklikler yapabileceğimizi bu bölümde öğreneceğiz. Ayrıca <body> etiketinin parametrelerini göreceğiz.
ARKAPLAN VE <body> ETİKETİ
HTML belgesinin ekranda görüntülenen bölümü olan body bölümünün başladığını browser'a <body> etiketiyle bildirdiğimizi biliyoruz. Bir etiketin herhangi bir parametresine atadığımız değer, o etiketin oluşturduğu alan içerisinde geçerlidir.Mesela:
<font color="blue">...</font>
ifadesi, sadece '...' ile gösterilen alan içerisine yazılanları 'mavi' yapar. Bu durumda tahmin edebileceğiniz gibi <body> etiketinin parametrelerine verilen değerler, bütün sayfa için geçerlidir.Aşağıda bu parametreleri ve kullanılışlarını görüyorsunuz.
bgcolor Sayfanımın arkaplanının rengini belirler <body bgcolor="blue">
background Arkaplana .gif,.jpg gibi HTML'in yorumlayabildiği bir resim dosyası koymanızı sağlar <body background="c:\sayfam\resim.gif">
text Sayfanızdaki metinlerin rengini belirler <body text="#2354FF">
link Sayfanızdaki bağlantıların tıklanmamış durumdaki rengini belirler. <body link="yellow">
alink Sayfanızdaki bağlantıların tıklama işlemi süresince alacağı rengi belirler <body >
vlink Sayfanızdaki bağlantıların tıklama işleminden sonra alacağı rengi belirler <body >
Burada tabloda bütünlüğü bozmamak amacıyla verilen son üç parametre, ileride deyineceğimiz link(bağlantı)larla ilgilidir, bu yüzden şimdilik bunları unutabiliriz.
NOT: 'Background' parametresini kullanırken, resminizin yerini tam olarak yazmayı ve sonuna uzantısını(.gif; .jpg vs.) koymayı ihmal etmeyin!
YATAY ÇİZGİ
Başlığın hemen üzerinde bir örneğini gördüğünüz yatay çizgileri kullanarak sayfalarınızın okunmasını kolaylaştırabilirsiniz.İşte buna olanak sağlayan <hr> etiketive parametreleri:
align Konum belirler;left,center,right değerlerini alabilir. <hr align="right">
size Çizginin piksel cinsinden kalınlığı <hr size="20" >
width Piksel cinsinden uzunluk <hr width="400">
color Çizginin rengini belirler <hr color="blue">
Üç bölümün sonunda artık metinlere ve arkaplanlara iyice hakim olduk.Aşağıdaki örnek ile bilgilerimizi tekrar edelim:
<html>
<head>
<title>Metin ve arkaplan uygulalaması</title>
</head>
<METAcontent=text/html;CHARSET=iso-8859-9 http-equiv=Content-Type>
<body bgcolor="green" link="red" vlink="yellow" alink="black">
<h1>Modern Futbol</h1><br><hr>
<p><font face="Verdana,hevletica" color="#FFFFFF">Günümüz modern futbolunun gereği olan <b>3-5-2</b> sistemi, oynanması bir hayli zor bir sistemdir. Bu sistemde <i>orta alanın iki ucundaki</i> oyunculara büyük iş düşer.</p>
<p>Modern futbolun başka bir gereği de alan savunması yapmaktır. Ancak tehlikeli santraforlar için
önlem alma gereği, savunmaları bazen güç duruma düşürebilir.</p>
<a href="http://www.uefa.com">İşte size faydalı bir link!</a>
</font>
</body>
</html>
Sayfa tasarımında en az metinler kadar önemli bir unsur olan arkaplan üzerinde ne gibi değişiklikler yapabileceğimizi bu bölümde öğreneceğiz. Ayrıca <body> etiketinin parametrelerini göreceğiz.
ARKAPLAN VE <body> ETİKETİ
HTML belgesinin ekranda görüntülenen bölümü olan body bölümünün başladığını browser'a <body> etiketiyle bildirdiğimizi biliyoruz. Bir etiketin herhangi bir parametresine atadığımız değer, o etiketin oluşturduğu alan içerisinde geçerlidir.Mesela:
<font color="blue">...</font>
ifadesi, sadece '...' ile gösterilen alan içerisine yazılanları 'mavi' yapar. Bu durumda tahmin edebileceğiniz gibi <body> etiketinin parametrelerine verilen değerler, bütün sayfa için geçerlidir.Aşağıda bu parametreleri ve kullanılışlarını görüyorsunuz.
bgcolor Sayfanımın arkaplanının rengini belirler <body bgcolor="blue">
background Arkaplana .gif,.jpg gibi HTML'in yorumlayabildiği bir resim dosyası koymanızı sağlar <body background="c:\sayfam\resim.gif">
text Sayfanızdaki metinlerin rengini belirler <body text="#2354FF">
link Sayfanızdaki bağlantıların tıklanmamış durumdaki rengini belirler. <body link="yellow">
alink Sayfanızdaki bağlantıların tıklama işlemi süresince alacağı rengi belirler <body >
vlink Sayfanızdaki bağlantıların tıklama işleminden sonra alacağı rengi belirler <body >
Burada tabloda bütünlüğü bozmamak amacıyla verilen son üç parametre, ileride deyineceğimiz link(bağlantı)larla ilgilidir, bu yüzden şimdilik bunları unutabiliriz.
NOT: 'Background' parametresini kullanırken, resminizin yerini tam olarak yazmayı ve sonuna uzantısını(.gif; .jpg vs.) koymayı ihmal etmeyin!
YATAY ÇİZGİ
Başlığın hemen üzerinde bir örneğini gördüğünüz yatay çizgileri kullanarak sayfalarınızın okunmasını kolaylaştırabilirsiniz.İşte buna olanak sağlayan <hr> etiketive parametreleri:
align Konum belirler;left,center,right değerlerini alabilir. <hr align="right">
size Çizginin piksel cinsinden kalınlığı <hr size="20" >
width Piksel cinsinden uzunluk <hr width="400">
color Çizginin rengini belirler <hr color="blue">
Üç bölümün sonunda artık metinlere ve arkaplanlara iyice hakim olduk.Aşağıdaki örnek ile bilgilerimizi tekrar edelim:
<html>
<head>
<title>Metin ve arkaplan uygulalaması</title>
</head>
<METAcontent=text/html;CHARSET=iso-8859-9 http-equiv=Content-Type>
<body bgcolor="green" link="red" vlink="yellow" alink="black">
<h1>Modern Futbol</h1><br><hr>
<p><font face="Verdana,hevletica" color="#FFFFFF">Günümüz modern futbolunun gereği olan <b>3-5-2</b> sistemi, oynanması bir hayli zor bir sistemdir. Bu sistemde <i>orta alanın iki ucundaki</i> oyunculara büyük iş düşer.</p>
<p>Modern futbolun başka bir gereği de alan savunması yapmaktır. Ancak tehlikeli santraforlar için
önlem alma gereği, savunmaları bazen güç duruma düşürebilir.</p>
<a href="http://www.uefa.com">İşte size faydalı bir link!</a>
</font>
</body>
</html>