Bu yazı yana eğik olmalı
Bütün Harfler büyük!
font-variant
Siz küçük yazsanızda bütün harfleri büyük harfe dönüştürecektir. Ama bu etiket Natscape Browser'larda çalışmıyor. Değerleri şunlardır:
font-variant: normal | small-caps Sayfada kullanmak için:
.buyuk-yazi: {font-variant: small-caps}
Bunu sayfaya bağlayalım:
<p class="buyuk-yazi">
bu yazıyı küçük haflerle yazıyorum. ama büyüyecekler :)
</p>
Bu yazının sayfada görünümü tahmin edebileceğiniz gibi yazının büyük harflerle yazılması olacaktır.
Renk düzenlemesi color:
Metnin rengini kontrol eder. Renkleri daha önceki derslerimizde görmüştük. Rengin ingilizce adını yazabileceğimiz gibi Hexadecimal kodunu da yazabiliriz.
(Hexadecimal kodlar ve adları için tıklayın.) Kullanımı:
.renk1 {color: blue}
.renk2 {color: #0000FF}
Bunu sayfaya bağlayalım:
<p class="renk1"> Bu yazı Mavi olsun!<p>
<p class="renk2">Bu yazı da mavi olsun!</p>
Bu yazıların sayfada görünümü tahmin ettiğiniz gibi mavi olacaktır..
Metin Aralığı Düzenleme letter-spacing:
Yazılarımızdaki harflerin aralıklarını belirlememizi sağlar. Ama ne yazık ki Netscape Browser'larda bu özellik görüntülenmez. Kullanımı:
<p style="letter-spacing: normal">Normal aralık</p>
<p style="letter-spacing: 1px">1 piksel aralık</p>
Gördüğünüz gibi Css kodlarını doğrudan etiketlerin içine de yazabiliyoruz. Bu kodların sayfada görünümü:
Gördüğünüz gibi harflerimizin aralarındaki boşlukları belirleyebildik..
SİTE ÖRNEKLERİ ÖRNEK 1:
KEDİLER DÜNYASI SİTESİ(Çok Basit Bir Örnek)
•Kediler dünyası sitesinin içerik planı
•Sitenin html dilinde kodlanmış hali
•Sitenin browserden görünümü
•Sitenin internette aktif hale getirilmesi Kediler dünyası sitesinin içerik planı
1.ADIM: ÖNCE BİLGİSAYARINIZIN BELGELERİM KLASÖRÜNE KEDİLER ADLI BİR KLASÖR AÇIN.
2.ADIM: KEDİLER KLASÖRÜNE SİTENİZ İÇİN GEREKLİ BÜTÜN RESİMLERİ, YAZILARI VE BİLGİLERİ EKLEYİN.
3.ADIM: NOT DEFTERİNİ KULLANARAK SİTENİZİ HTML DİLİNDE OLUŞTURUN.
4.ADIM: NOT DEFTERİNDE YAZDIKTAN SONRA DOSYANIN ADINI KEDİLER VE UZANTISINI HTML OLARAK (KEDİLER.HTML) KEDİLER KLASÖRÜNE
KAYDEDİN.
5.ADIM: BROWSER’DA KEDİLER.HTML DOSYASI DOĞRU ÇALIŞIYORMU HATA VARMI KONTROL EDİN.
Sitenin html dilinde kodlanmış hali
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>KEDİLER DÜNYASI SİTESİ</TITLE>
<META NAME="Keywords" CONTENT="KEDİLER"></HEAD>
</HEAD>
<body bgcolor=#000060 text=#FFFFFF link=#FFFF00 vlink=#FFFF00 alink=#FFFF00>
<font face ="arial">
<Center><IMG ALIGN=top SRC="kediler.gif" WIDTH="300"
HEIGHT="100"></Center>
<TABLE>
<TR VALIGN=TOP>
<TD>
<IMG SRC="hareketlikedi.gif"><BR>
<B>
<A HREF=“anasayfa.html">Ana Sayfa</A>
<FONT FACE="verdana" SIZE="2"
COLOR="#ff0000"><BR><LI>İÇİNDEKİLER<BR>
<LI>Siyam Türleri<BR>
<LI>Tarihçe<BR>
<LI>Tayland (siyam) Orijinal Kedi Türleri<BR>
</B>
<BR>
<FONT FACE="verdana" SIZE="2" COLOR="#fff000"><LI>Posta Kutusu
<A HREF="mailto: mehmet_1280@yahoo.com.tr"><IMG SRC=“postakutusu.gif"
BORDER="0"></A>
</TD>
<TD width=4></TD>
<TD width=1 bgcolor=yellow></TD>
<TD width=4></TD>
<TD>
<DL>
<font style="font-size: 11pt" color="#EEEEEE"><H3>Siyam Türleri<br></H3>
</DL>
<H4>Tarihçe</H4>
Siyam cinsi, gerçek orijini hakkında bazı anlaşmazlıklar olmasına rağmen, yüzyıllardan beri mevcuttur. Haklarında birçok söylenti ve hikayeler
olmasına rağmen en akla yatkın olan teori , güneydoğu asya kaynaklı olduklarıdır. Bu bölge kedileriyle olan benzerlik bu teoriyi kuvvetlendirmektedir.
<H4>Tayland (Siyam) Orijinal Kedi Türleri</H4>
<P>Geleneksel Tayland kedi türleri olan Siamese (Siyam), Korat ve Burmese türleri görünüm olarak çok fazla değişikliğe uğramamışlardır. (Bunlar, Tayland'da Wichien- Maas, Si-Sawaat ve Thong-Daeng, "Copper" olarak bilinirler) Bunların hepsi
geleneksel Siyam kedi tipi ile aynı görünümde olup aynı türün değişik renkleri olarak kabul edilebilirler.
Bu üç tip aynı kökten türemişlerdir ve tür olarak özdeştirler. Bugün dünyada geleneksel siyam kedi tipi olarak bilinen tip Tayland Wichien-Maas kedi tipidir.
Wichien-Maas Tayland dilinde "Ay Elması" anlamına gelmektedir. (Moon diamond) Aynı zamanda "uğurlu mücevher" ve "mücevher kedi" olarak ta adlandırılmıştır.
<Center><DT><IMG ALIGN=top SRC="siyam1.jpg" WIDTH="100" HEIGHT="100"
ALT="Tayland (Siyam) Orijinal Kedi Türü"></Center>
</TD>
</TR>
</TABLE>
<P>
<Center><tr>
<td valign="top" bgcolor="#FFFFFF"> </td><H7>
©2005
DENEME, Tüm hakları saklıdır.<br></h7>
</td>
<td valign="top" bgcolor="#ffffff"><span class="subheadText"><br>
Yenilenme Tarihi:
<!-- #BeginDate format:Sw1 -->05 aralık, 2005<!-- #EndDate -->
</span></td>
</tr></Center>
</BODY>
</HTML>
Web sitesine eklenecek .jpeg(jpg) ve .gif uzantılı dosyalar. Bu dosyalarda anasayfa.html dosyasının bulunduğu klasöre(kediler) kopyalanacak.
kediler.gif
hareketlikedi.gif
siyam1.jpg postakutusu.gif
Sitenin browserden görünümü
Sitenin internette aktif hale getirilmesi
Web sayfası için ücretsiz yer almak ve dosyaları göndermek için;
www.freeservers.com adresine giriniz aşağıdaki pencere ekrana geldiği zaman