Web Tasarım CSS Stil Şablonları

Web Tasarım CSS Stil Şablonları

Web tasarım da CSS kodlarımız her zamantagları arasında,tagı ile biter. Bu ikisi arasında kodlar yer alır, en son tag kodlamayı burada bitir, / karakteri ise yine sonlandır anlamına gelir. CSS 3 farklı kullanımda karşımıza çıkar. Bunların ilki yerel kullanımlar. Yerel kullanımda yalnız bir defaya mahsus yerel taglar kullanmak içindir. Örnek verelim;

<html>
<head>
<title>Yazınız</title>
</head>
</body >
<h3>Yazınız</h3><br>
<h3 style=font-size:12pt; > Yazınız
<body>
</html>

Yukarıdaki kodu metin sayfasına kaydedip uzantıyıda .html olarak ayarladığınızda web tarayıcısından açıp html modundaki tagları görürüz ancak iki yazıda da h3 tagı kullandığımız halde; ikisi farklıdır, bunun nedeni ikinci yazıda yerel kullanım şablonu eklediğimiz içindir. web tasarım yaparken ikinci css kullanım ise; Global kullanımdır. Kısaca tüm sayfa için ve sayfadaki tagların belirtilen özellikte olması için kullanılır. Bu şu demek oluyor; eğer sayfamızda h1 tagı kullanmışsa bu tüm yazıların h1 tagında görüntüleneceği anlamına gelir.

 

<html>

<head>

<title>Örnek</title>

<style [FONT]type=”text/css”[FONT]>

<!– h2 {font-size:20pt; color:blue} –>

</style>

</head>

<bOdy>

<h2>Yazınız</h2>

<h2>Yazınız</h2>

</bOdy>

</html>

yukarıdaki örnekte bir birlerinden bağımsız iki tane h2 tagı kullandığımız halde, “Yazınız” metin karakteri, kodu bir not defterine alıp uzantıyı .html olarak kaydettiğinizde, ikisininde aynı olduğunu görürsünüz. h2 tagını sayfamızda nerede kullanırsak kullanalım puntomuz değişmeyecektir.

Üçüncüsü ise bağlantılı kullanım css’dir. Bu kullanım birden çok sayfalarda , bir çok sayfanın aynı olması istenilen yerlerinde kullanılır.  Bu tür diğerlerinden daha farklı olarak; html sayfa içerisinde değil, farklı uzantılı css sayfalarında yapılır. Yani, web tasarım için  <head></head> etiketleri içine yazılan,<link rel=”stylesheet”type=”text/css” href=”dosyaismi.css”> koduyla bağımsız css dosyasında yaptığımız işlemlerle sayfamızda düzenleme yapabiliriz.

Alper Acarlı

Share
Published by
Alper Acarlı

Recent Posts

  • Web Tasarım Haberleri

Beylikdüzü Web Tasarım

Girdiğimiz internet siteleri her zaman bize kolayca tasarlanmış gibi gelir. Fakat web sitesi tasarım işi uzaktan gözüktüğü kadar kolay değildir.…

5 sene ago
  • Web Tasarım Haberleri

Web Sitesi Tasarımı Unsurları

Bir web sitesi tasarlanmadan önce tasarımcı ile müşteri arasında iyi iletişim sağlanmalıdır. Müşteri tam olarak ne istediğini tasarımcıya belirtmelidir. Tasarımcı…

5 sene ago
  • Web Tasarım Haberleri

Mecidiyeköy Kurumsal Web Tasarım

Mecidiyeköy kurumsal web tasarım hizmetini daha çok sektörde adından bahsettirmiş firmalar vermektedir. Bu firmalar verdiği web tasarım hizmeti ile birçok…

5 sene ago
  • Web Tasarım Hakkında

Mecidiyeköy Web Tasarım Hizmeti

Mecidiyeköy web tasarım günümüzde yaygın bir şekilde kullanılan ve tercih edilen dijital pazarlama ağlarından biridir. Bu ağ vasıtasıyla internette bir…

5 sene ago
  • Web Tasarım Haberleri

Ziyaretçiler Sitenizden Neden Ayrılır?

Günümüzde kurulan e-ticaret siteleri veya normal sitelerin kuşkusuz ki asıl amacı geri dönüşüm almaktır. Bunun için sitenize gelen kişileri sitenizde…

5 sene ago
  • Web Yazılım

Özel Yazılım Çözümleri

Markanız özeldir. Firmamız, özel yazılım çözümleriyle tamamen markanıza özel çalışmalar sunar. Analiz ve raporlama çalışmaları, proje ve logo tasarımlarının yanı…

5 sene ago