Web sayfaları oluştururken titizlik, iş'in kalitesi, çalışmanın boyutu, gibi konular internet sayfası kodlayanlar tarafından çok önemsenen konulardır. Her grafik 'Photoshop' tarzında görsel programlar aracılığı ile oluşturulur kişisel efektler uygulanır ve sayfaya bu kodlar kodlayıcının bildiği dil doğrultusunda (css, html vb) bilgilerini sayfaya dökerler. Ancak her seferinde eksikler, gözden kaçan hatalar, kodlama hataları tasarımcı/kodlayıcının işini zorlaştırır. Bu yüzden işler aksamakta ve uzun sürmektedir bu sebeple tasarımcı/kodlayıcı'nın daralan zamanına birde buradan darbe gelmektedir. Başlıktanda anlaşılabileceği gibi bu makaledeki amaç tasarımcı/kodlayıcıyı kayıp zamandan kurtarma amaçlıdır. Ancak bilinmesi gerek önemli bir nokta ise Css kodu'nun sadece İnternet Explorer uyumlu olmasıdır. Tasarımcı/kodlayıcının dikkatle okuduğunu varsayarak, kodumuzu iki şekilde paylaşıyoruz;
1.Yöntem : Html ve Css Dosyası Hâli
2.Yöntem : Html dosyasına Css'i Gömerek
1.Yöntem :
index.html' dosyasına yazılacak kodlar;
<html>
<head>
<title> Resmi Css ile Siyah Beyaz Yapma </title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<img src="resminizinadı.uzantısı" id="fotograf"></img>
</body>
</html>
'style.css' dosyasına yazılacak kodlar;
#fotograf {
filter: Gray;
}
2.Yöntem için buraya tıklayınız.
1.Yöntem : Html ve Css Dosyası Hâli
2.Yöntem : Html dosyasına Css'i Gömerek
1.Yöntem :
index.html' dosyasına yazılacak kodlar;
<html>
<head>
<title> Resmi Css ile Siyah Beyaz Yapma </title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<img src="resminizinadı.uzantısı" id="fotograf"></img>
</body>
</html>
'style.css' dosyasına yazılacak kodlar;
#fotograf {
filter: Gray;
}
2.Yöntem için buraya tıklayınız.
