 |
|
|
|
||||||||||||||||||||||||||||||||
 |
Firmanıza Web Hosting Çözümleri
|
|
|||||||||||||||||||||||||||||||||
 |
|
||||||||||||||||||||||||||||||||||
|
Demekki bir Web Sayfası hazırlamak istiyorsunuz!
|
||||||||||||||||||||||||||||||||||
Web Hosting| Güzel bir şey |
Dökümanda herhangi bir şey değiştirdiniz mi mutlaka "Kayıt" ile saklatın, "Yenile" yi tıklayın ve değişikliği hemen gözlemleyinki ne olduğunu anlayabilesiniz
Sanırım ilk öğrenmemeiz gereken background - fon - renginin nasıl değiştiği.
<BODY BGCOLOR="#FFFF00">
Güzel bir
şey
</BODY>
| Güzel bir şey |
Dilerseniz arkaplanı image - resim - de
yerleştirebilirsiniz.
DİKKAT : image -resim- sizin HTML dosyanızla
(sayfanızla) aynı folder -klasör- de olmalı. Yoksa resimleriniz çıkmaz.
Resimleri göremezseniz endişelenmeyin, mutlaka aynı klasörde değildir veya GIF
ve JPG dosyalarınızı Türkçe harfler kullanarak isimlendirmiş olabilirsiniz.
Kodun yazılışı ise aşağıdaki gibidir:
<BODY BACKGROUND="fon.gif">
Güzel bir
şey
</BODY>
| Güzel bir şey |
Eski düz beyaz ekrana gidelim tekrar.
<BODY BGCOLOR="#FFFFFF">
Güzel bir
şey
</BODY>
| Güzel bir şey |
İstersek yazıları böyle Kalın yapabiliriz.
<BODY BGCOLOR="#FFFFFF">
Güzel bir <B>şey</B>
</BODY>
| Güzel bir şey |
Aybı kural italikler içinde geçerlidir....
<BODY BGCOLOR="#FFFFFF">
Güzel <I>bir</I>
<B>şey</B>
</BODY>
| Güzel bir şey |
vede.. altçizgi.
<BODY BGCOLOR="#FFFFFF">
<U>güzel</U>
<I>bir</I> <B>şey</B>
</BODY>
| Güzel bir şey |
Beyaz ekrana tekrar dönelim.
<BODY BGCOLOR="#FFFFFF">
Güzel bir şey
</BODY>
| Güzel bir şey |
İstersek tagleri birlikte kullanabiliriz.
<BODY BGCOLOR="#FFFFFF">
Güzel bir <I><B>şey</B></I>
</BODY>
| Güzel bir |
<THIS><THAT></THIS></THAT> Karışık yani
HATALI
<THIS><THAT></THAT></THIS> Nested DOĞRUSU
BÖYLE
Elbette font size too font ebatlarıda değişir... Nasıl mı? - Çok kolay.
Önce <FONT> taglerini ilave edin...
<BODY BGCOLOR="#FFFFFF">
Güzel bir<FONT>şey</FONT>
</BODY>
Sonra SIZE ebat özelliğini belirtin.
<BODY BGCOLOR="#FFFFFF">
Güzel bir <FONT SIZE=6>şey</FONT>
</BODY>
| Güzel bir şey |
| minik | küçük | normal | büyücek | büyük | gerçekten büyük | jumboo! |
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
Şimdi iki şeyi tartışalım. <TAG> browsere bir şeyi yapmasını
söyler ve ATTRIBUTE ise <TAG> içine girer ve browsere
nasıl yapacağını söyler.
İkinci nokta ise defaultlar yani
varsayılanlar. Eğer hiçbirşey belirtilmemişse browser varsayılan
değerleri atar. Mesela font ölçülerinde varsayılan değer 3 tür. bir şey
belirtmezseniz browser 3 varsayarak karakterleri yazar.
Her browserin değişik varsayılan font ayarları vardır. Eğer PCnizi fazla kurcalamadı iseniz varsayılan ayarları " Times New Roman 12pt ve siyah renk tir". Ama ARIAL and COMIC SANS gibi değişik fontlarda vardır.
<BODY BGCOLOR="#FFFFFF">
Güzel bir <FONT FACE="ARIAL">şey</FONT>
</BODY>
| Güzel bir şey |
Benim gibi jetonu geç düşenlere açıklayayım. Olay şu: Sayfa yüklenirken browser ARIAL arar. Bulursa kullanır, bulamadı ozaman HELVETICA yı arar. Bulursa kullanır olmadı LUCIDA SANSı gider bakar. Onuda bulamazsa çaresiz varsayılan fontu kullanır.
Evvet, eğlenceye geri dönelim..
İsterseniz font
rengini değiştirebilirsiniz.
<BODY BGCOLOR="#FFFFFF">
Güzel bir <FONT COLOR="#FF0000">şey</FONT>
</BODY>
| Güzel bir şey |
İstersek birden fazla özelliği <TAG> içine yerleştirebiliriz...
<BODY BGCOLOR="#FFFFFF">
Güzel bir <FONT COLOR="#FF0000" FACE="ARIAL"
SIZE="7">şey</FONT>
</BODY>
| Güzel birşey |
Elbette bu kadar değil!
<BODY BGCOLOR="#FFFFFF">
Güzel bir <U><I><B><FONT COLOR="#FF0000"
FACE="ARIAL" SIZE="7">şey</FONT></B></I></U>
</BODY>
| Güzel birşey |
Hangisinin önce olduğu mühim değil. Bir şeyi kırmızı ve kalın yapmak için sıra farketmez. İstediğiniz sırada yapabilirsiniz.
Kendinizi ve browserin kafasını karıştırmak için en kestirme yol, etiketlerin sırasını karıştırmaktır. The fastest way to confuse the browser, not to mention yourself is to overlap the tags...
Son olarak: Browserin text rengi, link rengi, aktif link rengi ve ziyaret edilmiş link rengi ve ekran fon rengi için varsayılan değerleri vardır. Şöyleki:
| Text siyahtır Linkler mavi Actif link kırmızı Ziyaret edilmiş link mor |
<BODY BGCOLOR="#00000" TEXT="#FFFF00"
LINK="#FF0000" VLINK="#800000" ALINK="#008000">
Güzel bir
şey
</BODY>
| Güzel bir şey Şimdi linkleri öğrenmeden neden suyu bulandırıyorsun diyebilirsiniz!! Haklısınız ama yakında linkleri yapmasını nasılsa öğreneceksiniz. Hiç değilse şimdiden renkleri değiştirmesini öğrendiniz. Şimdi görüyorsunuz fon siyah ve text sarı. Linkler şimdi kırmızı Ziyaret edilmiş linkler bordo ve aktif linkler ise yeşil. |
Dersi kapatmadan, bir şeye dikkatinizi çekmek isterim. Eğer bir sayfanın HTML kodunu merak ediyorsanız, görmek için sayfanın üzerinde sağ tıklayıp, Kaynağı Görüntüleyi tıklarsanız açılan Notepad penceresinden HTML kodunu görürsünüz. Ama sağ tıklamaya kimi arkadaşlar çok mühim keşiflerinide saklamışlarsada zamanı gelişnce sayfayı sağ tıklamaya kapatmanında pek çözüm olmadığını öğrenirsiniz. İyi haftalar....