ANA SAYFA -
HTML DERSİ -
JAVASCRİPT DERSİ -
JAVASCRİPT KODLARI -
CSS DERSİ -
ÖNERİLER
5. BAĞLANTILAR VE CSS
CSS ile cansıkıcı 'mavi ve altı çizili' linkler yerine, oldukça estetik görünümlü linkler
oluşturabiliriz.<A>
etiketinin stilini
belirlerken olası üç durumu bildiren üç ifade kullanırız. Bunlar:
- active: Mouse'un link'in uzerine tıkladığı anki stili,
- visited: Link en az bir kere tıklandıktan sonraki stili ,
- hover: Mouse'un imleci
link'in üzerindeyken
(bir nevi onMouseOver) nasıl bir stil alacağını belirler.
Şimdi bunların kullanımını bir örnekle görelim:
<html>
<head>
<title>Linkler
ve CSS</title>
<METAcontent=text/html;CHARSET=iso-8859-9
http-equiv=Content-Type>
<style
type="text/css">
<!--
a:link{text-decoration:none;
color:teal}
a:active{text-decoration:none;
color:red}
a:visited{text-decoration:none; font-family:Times New Roman;
color:green}
a:hover{background-color:teal; color:white;
font-family:arial}
-->
</style>
</head>
<body>
<a
href="Anasayfa.html">Anasayfa</a>
</html> |
Bu örnekle CSS bölümünün sonuna geldik. Gördüğünüz gibi
bu teknik stiller konusunda HTML'in eksik yönlerini tamamlıyor,ayrıca büyük
sayfalar hazırlarken zamandan tasarruf etmemizi sağlıyor. Daha çok pratik
yaparak CSS tekniğine iyice hakim olabilirsiniz. Fakat her zaman aklınızın bir köşesinde olsun: Stil şablonlarının
Netscape tarafından desteklenmeyen özelliklerinin sayısı bir hayli fazladır.
Bu noktaya yazıları sırası ile takip edip JavaScript ve
HTML bölümlerini de okuyup öğrenerek geldiyseniz veya bu uygulamaları zaten
biliyor idiyseniz, kısacası bir sayfa yapmak için gerekli bilginiz olduğuna
inanıyorsanız aşağıdaki linke tıklayıp tasarım konusunda öneriler
bölümüne gidin. Bu bölümü okuduktan sonra webmaster
kaynakları
bölümünden
ihtiyacınız olan programları, grafikleri ve fontları kaydedip sayfanızı yapmaya
başlayabilirsiniz.
|
