2011 aktif konular listesi

Üniversiteliye çifte müjde

  • kyk

20 bin öğrenciye okulda part-time çalışma imkanı ve ücretsiz kitap müjdesi...

Yeni düzenlemeye göre, gelir düzeyi düşük üniversitelilere ücretsiz kitap verilecek. Ayrıca 20 bin öğrenciye okulda part-time çalışma imkanı doğuyor.

BaşbakanT ayyip Erdoğan tarafından açıklanan öğrenim kredisinin yüzde 20 oranında arttırılması müjdesinin ardından, hükümet üniversite öğrencileri için yıllardır beklenen iki önemli projeyi de hayata geçirmek için düğmeye bastı. Vergi ve prim alacaklarına af getiren torba yasaya eklenen madde ile, ilk ve orta öğrenimden sonra üniversite öğrencilerine de “bedava kitap” verilmesi öngörüldü. Yine bir başka madde ile de, ABD ve Avrupa'da uygulanan öğrencilerin üniversite kampusü içinde ücret karşılığında çalışmasına imkan tanındı. Üniversiteöğrencileri için hazırlanan iki önemli düzenlemenin ayrıntıları şöyle:

20 BİN KİŞİ YARARLANACAK

CSS Nedir ?

  • Hakan

HTML bize metin biçimlendirme alanında çok geniş olanaklar sunar. CSS, uzun yazılışıyla Cascading Style Sheets, veya Türkçesiyle Stil şablonları ise bunu bir adım daha öteye götürür, bize sayfalarımız için global şablonlar hazırlama olanağı verdiği gibi, tek bir harfin stilini; yani renk, font, büyüklük gibi özelliklerini değiştirmek için de kullanılabilir. Bu tekniğin en önemli özelliği kullanımındaki bu esnekliğidir.

Bir web sayfası içerisinde zaten estetik kuralları gereği yüzlerce renk ve font kullanmayız. Genelde birbiriyle uyumlu birkaç renk ve birkaç font kullanırız ki, bunları her sayfada ayrı ayrı tekrar belirtmek yerine CSS yardımıyla bir sefer tanımlayıp bütün web sayfamızda kullanabiliriz.Bu şekilde güncelleme yaparken de onlarca sayfayı değiştirmekten kurtuluruz.

CSS Giriş

  • Hakan

CSS (Cascading Style
Sheets ) web tasarımcılarının işini oldukça kolaylaştırmaktadır. CSS
HTMLden ayrı yeni bir dil değil, HTMLin önemli bir parçasıdır. CSS ile
web sayfasındaki araçların görünümleri genelleştirilir.





HTML derslerinde style="..." parametresini görmüştük. Bu parametre
ile tanımlanan kodun özelliklerini değiştirmiştik. CSS style
özelliklerinin tüm sayfa için tanımlanmasıdır. Hem Navigator 4.0 hem de
Internet Explorer 4.0 browserlar ve daha gelişmiş olanları CSSyi
destekliyor. Fazla uzatmadan konuya girmek daha iyi olur sanırım.



HTML derslerinde geçen ama üzerinde pek durmadığımız style
parametresi üzerinde açıklama yapmam gerekiyor. style parametresi

CSS de Metin Biçimi

  • Hakan

HTML kodlarına atanan
parametreler, metin formatı konusunda çok yetersiz kalmaktadır. En
basiti metni iki yana yaslayamıyorduk. HTML derslerinden hatırlanacağı
üzere, align="..." parametresi ile metni sağa (right ), sola (left ) ve
merkeze (center ) yaslamak mümkün. Ancak göze hoş gelen iki yana yaslama
biçimini bu parametreyle gerçekleştiremiyorduk.



Metin Hizalama

CSSde metni yaslamak için text-align özelliğinden yararlanıyoruz. Bu
özelliğe verebileceğimiz değerler:left (sol ), right (sağ ), center
(orta ) ve justify (iki yana yasla ). Aşağıdaki uygulamamıza bakalım:

CSS ile Font Biçimi

  • Hakan

Font Türü

Önce font seçmeyi öğrenelim. HTML derslerinde <font> kodu ve
face="..." parametresi ile yazı fontunu belirliyorduk. CSSde ise bu işi
font-family özelliği ile yaparız:



Kod Alanı:

CSS ile Arkaplan Biçimi

  • Hakan

HTML derslerinde sayfanın
arkaplanını değiştirmek için <body> komutuna bgcolor="..."
parametresini atıyorduk. Bu parametre tablolar veya diğer kodlar (h1-h6,
marquee,vb... )için de geçerliydi.



Arkaplan Rengi


CSSde ise bu kodların background-color özelliğine renk değerleri veriyoruz.



Kod Alanı:

CSS de Sınır Çizgisi

  • Hakan

Sınır Çizgi Şekilleri


CSSde sınır çizgilerinin şeklini belirlemek için border-style
özelliğinden yararlanırız. Bu özelliğin değerleri şunlardır: none,
dotted, dashed, solid, double, groove, ridge, inset, ve outset.
Aşağıdaki uygulama bu değerlerin nasıl sonuç verdiğini gösteriyor. NOT:
Bu özelliği Netscape desteklemiyor.



Kod Alanı:

CSS ile Dış Kenar Boşluğu

  • Hakan

HTMLde nesnelerin diğer
nesnelere olan konumunu, dışkenar boşlukları ile belirleyebiliriz. Her
nesnenin bir sınır çizgisi olduğu gibi, sınır çizgisinin dışında bir
boşluk da vardır; ancak bu boşluğun varsayılan değeri sıfırdır. Bu
dersimizde bu boşluğu margin özelliği ile ifade edeceğiz.



Dışkenar Boşluk Değeri


margin özelliğine vereceğimiz değerler şu şekillerde olabilir:



auto Dışkenar boşluğunu gözatıcı (browser ) otomatik olarak belirler.

margin: auto

birim Dışkenar boşluğunun CSS birimleriyle ifade edilmesidir.

margin: 12px, margin:1cm, vb.

yüzde oranı Dışkenar boşluğunun, sayfa büyüklüğüne olan yüzde oranıyla belirlenmesidir.

margin: 20%



CSS de İç Kenar Boşluğu

  • Hakan

İçkenar Boşluk Değeri

Özellikle tablolarda içkenar boşluklarının ayarlanması, tablo düzeni
için önemli bir işlemdir. CSSde dışkenar boşluklarını ifade etmek için
padding özelliğinden yararlanırız.



padding özelliğine vereceğimiz değerler şu şekillerde olabilir:



birim İçkenar boşluğunun CSS birimleriyle ifade edilmesidir.

padding: 12px, margin:1cm, vb.

yüzde oranı İçkenar boşluğunun, sayfa büyüklüğüne olan yüzde oranıyla belirlenmesidir.

padding: 20%





Eğer padding özelliğine tek değer verirsek, tüm içkenar boşlukları
bu değeri alır. Eğer iki değer verirsek, üst ve alt içkenar boşlukları
ilk değeri, sol ve sağ içkenar boşlukları ikinci değeri alır. Eğer üç

CSS de Listeleme

  • Hakan

Bu sayfayı okumadan önce,
HTMLde öğrendiğimiz listeleme kodlarını birkez gözden geçirmenizi
tavsiye ederim. Bu sayfanın konusu listeleme kodlarını CSS ile
şekillendirmektir.



Maddeleme İşaretleri


HTMLde anlatıldığı üzere, iki tür listeleme vardır: sıralı
listeleme, sırasız listeleme. Sıralı listelemeyi type="..."
parametresine "1", "a", "A", "I", "i" gibi değerler vererek
şekillendiriyorduk. Aynı şekilde sırasız listelemeyi type="..."
parametresine "disc", "circle", "square" gibi değerlerle
şekillendiriyorduk. CSSde type="..." parametresinin işlevini
list-style-type özelliği üstlenmiştir. Bu özelliğin aldığı özellikler de
aşağı yukarı aynı:



none Maddelerin önüne işaret koymaz.

CSS ile Konumlandırma

  • Hakan

Bu sayfada HTML nesnelerinin CSS ile sayfa içinde nasıl konumlandırılacağını göreceğiz.



Nesne Yüzdürme

İlk özelliğimiz: float. Bu özellik ile HTML nesnelerinin sayfada
veya herhangi bir HTML elemanının içinde konumlandırmaya yarar. Bu
işleme yüzdürme diyoruz. Örneğin bir resim nesnesinin metin içindeki
konumunu düşünün, bu resim nesnesini hizalayarak bu nesneyi metin denizi
içinde yüzdürmüş oluyoruz. Eğer float özelliğine right özelliği
verirsek nesne sağda, left özelliği verirsek solda, none özelliğini
verirsek yazıldığı yerde konumlandırılır.

CSS de Fare İmleci

  • Hakan

Fare İmlecini Seçmek


Fare imlecinin sembolünü değiştirmek de sizin elinizde. Bunun için
cursor özelliğini kullanıyoruz. cursor özelliği aşağıdaki değerleri
alabilir:



url Bu değer ile kendi tasarladığımız .cur uzantılı imleci tanımlayabiliyoruz. --

default Varsayılan değer bildiğimiz ok şekli imleç. Değiştirdiğimiz imleçten varsayılan değere dönmek için sıkça kullanılır.

hand Genellikle link izlenimi veren el şekilli bu imleç, ziyaretçiyi sol tıklamaya güdüler.

crosshair Ziyaretçiyi bir noktayı belirlemesi (nişan alması ) yönünde güdüler.

pointer Ziyaretçiyi bir noktayı göstermeye güdüler.

move Ziyaretçiyi bir şeyi tutup hareket ettirmeye güdüler.

CSS Çeşitleri nelerdir

  • Hakan

Cssin (Stil Şablonu ) 3 farklı kullanım alanı vardır. Bunlar ;



Yerel, yani sayfada sadece bir kez: Yerel stil şablonlar bir html etiketi için özel olarak kullanılırlar.



Global, yani tüm sayfa için: Global stil şablonlar sayfadaki tüm html etiketlerinin belirlenen özellikte olması istendiğinde kullanılırlar.



Bağlantılı, yani birden çok sayfa için: Ba?lantılı stil şablonlar birçok sayfada aynı biçimde olması istendiğinde kullanılırlar.



Yerel Stil Şablonu

Yerel Stil Şablonlar, uygulanacak etiketi sadece bir kez bulunduğu yerde (yerel ) etkiler. Şimdi bir örnek verelim.

CSS İle Scrollbar'a Yeni Görünüm

  • Hakan

Scrollbarınızı renklendirmek istiyorsanız bu ders size çok yardımcı olacaktır.



Kod Alanı:

body {

scrollbar-arrow-color: #547741;

scrollbar-face-color: #FFFFFF;

scrollbar-3dlight-color: #FFFFFF;

scrollbar-darkshadow-color: #FFFFFF;

CSS İle Link Kontrolü

  • Hakan

Kod Alanı:

<html xmlns="https://www.hanci.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>



</head>



<body>

<div id="menu">

<a href="">hanci</a>

Hanci.org sizlere daha iyi hizmet sunmak için çerezleri kullanıyor.
Hanci.org sitesini kullanarak çerez politikamızı kabul etmiş olacaksınız.
Detaylı bilgi almak için Gizlilik ve Çerez Politikası metnimizi inceleyebilirsiniz.