17 Aralık 2010 Cuma

İnternet Nedir?


İnternet, birçok bilgisayar sisteminin birbirine bağlı olduğu, dünya çapında yaygın olan ve sürekli büyüyen bir iletişim ağıdır.
          İnternet, bilgiye kolay, ucuz, hızlı ve güvenli ulaşmanın ve onu paylaşmanın günümüzdeki en geçerli yoludur.
          İnternet ve Web kavramı ilk ortaya atıldığında, Amerikalı uzmanlar kullanıcılara metin, ses, film v.s. gibi görsel ve işitsel elemanları bilgisayar ekranında sergileyebilmek için, ortak bir dile yani HTML  diline karar verdiler. Bu dil son derece basit, esnek ve geliştirilmeye açık bir yapıya sahiptir. Bu dilde dünyadaki programların desteklediği bir biçim: Yani metin biçimi, başka bir deyişle ASCII  adı verilen cinsten dosyalar kullanıldı.
Web fikri iki ayak üzerine inşa edildi. Bunlardan biri sunucu tarafında duran ve hangi yazıların ve resimlerin nasıl görüntüleneceğini belirten HTML formatında kodlar içeren ASCII dosyalar. Diğeri de İnternet kullanıcısının tarafında çalıştırılan ve bu dosyalara erişip kodları okuyan ve kodların altında yatanları bulup çıkartıp, bunları ekranda istenildiği gibi görüntüleyen ve adına Browser (tarayıcı) dediğimiz programlar (İnternet Explorer ve Netscape Navigator) oluşturur.
          Web tarayıcısı, Web sunucusuna bağlanan, orada işaret edilen HTML belgesini alıp okuyan ve okuduklarını yorumlayıp, kullanıcının istemiş olduğu bilgileri, onun istediği biçimde ekrana getiren bir programdır.
           İnternet’teki bilgisayarlar IP adresleri ile adreslenirler ve bu IP adresleri 4 adet 0-255 arasında değerler alabilen numaradan oluşur. Her rakam 8 bitliktir. Örneğin IP adresi 198.11.145.204 gibi numaraları akılda tutmak zor olduğundan 1983’te Wisconsin Üniversitesi DNS’yi geliştirdi. DNS isimleri rakamlara çevirir ve bu da Net’i daha kolay kullanılabilir hale getiriyor. 
Domain isimlerinde:
gov  : Hükümet kuruluşları 
edu  : Eğitim kurumları (üniversiteler gibi) 
org  : Ticari olmayan, kar amacı gütmeyen kuruluşlar 
com  : Ticari kuruluşlar 
mil   : Askeri kuruluşlar 
net  : Servis Sunucuları (Internet Servis sağlayıcıları   gibi)
ac  :  Akademik kuruluşlar (bazı ülkelerde edu yerine kullanılmaktadır) 
int : Uluslararası organizasyonlar, kuruluşlar

Örneğin;
http://www.meb.gov.tr
Milli Eğitim Bakanlığı' nın sayfası
Adresinin sonundaki ".tr" ülke ekidir. Sayfanın Türkiye' de bir kuruma ait olduğunu gösterir. Bununla beraber, Türkiye' deki her kurumun web adresinin sonunda "tr" eki olmayabilir.

URL (Uniform Resource Locators): URL-Üniform kaynak konumlandırıcı anlamındadır. WWW (world Wide Web)’de adreslenmiş İnternet kaynaklarına erişimimizi sağlar.
 HTTP (Hypertext Transfer Protocol) Çok yönlü metin transfer iletişim kuralları ve http client/server  (sunucu/istemci) etkileşimlerini sağlar.
HTML (Hypertext Markup Language) WWW’deki çok yönlü metin dokümanlarının yazıldığı, metin sayfalarına belirli taglar yerleştirerek HTML dokümanlarını hazırlayan bir işaretleme dilidir.

 
Ülke kısaltmaları
tr:Türkiye,
jp:Japonya,
uk:Ingiltere,
it:İtalya,
ca:Kanada,
ru:Rusya,
id:Endonezya,
nl:Hollanda,
de:Almanya,
fr:Fransa

Arka Plan - Font Parametreleri


<body> etiketi arka plan belirlemek için iki tane parametre bulundurur. Bunlar "bgcolor" ve "background" parametreleridir. bgcolor ile arka plan rengi, background ile de bir arka plan resimi belirtebilirsiniz.
Bgcolor
<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">
Background
<body background="arkaplan/backgorund.jpg">
<body background=" www.fontyukle.com/tr/res/logo.gif ">
Not: Eğer bir arka plan resimi kullanmak isterseniz aşağıdaki soruları aklınıza getirmeyi unutmayınız.
Yüklenmesi uzun sürer mi?
Sayfadaki diğer resimler ile uygun bir görüntü sağlar mı?
Sayfadaki metinlerin rengi ile uygun bir görüntü sağlar mı?
Sayfaya döşendiği zaman farkedilmemesi sağlanacak mı?
Sayfadaki metinlerden daha az dikkat çekecek mi?

HTML <font> Etiketi
<FONT SIZE=”sayı” COLOR=”renk” FACE=”yazı tipi”></FONT>
Parametreler:
SIZE  : Sayfada bulunan bir yazının punto ayarı burada yapılır. Örneğin sayı yerine +4 yazılırsa
                  FONT deyiminin arasına yazılmış olan metnin boyutu +4 birim daha büyük görülecektir, -2
                  yazılırsa  metin -2 birim daha küçük görülecektir.
COLOR : Yazının rengi burada belirlenir. Red,Blue... gibi
FACE  : Yazı tipi ayarlamalarını burada yapılır. Arial, Tahoma... gibi

<U></U>
Bu iki deyim arasına yazılan metni altıçizili (=Underline) olarak sayfada gösterilmesini sağlar.

<I></I>  (veya <i> </i>
Bu iki deyim arasına yazılan metni italik (=Italic) olarak sayfada gösterilmesini sağlar.

Link Verme (Köprü Kurma)

1-) Bir Web sitesine Link vermek
2-) Site içi Link vermek
3-) Mail adresine Link vermek
4-) Sayfa içine Link vermek
<html>
<title> Linkler </title>
<body>
<a href=http://arzubilisim.blogspot.com> Arzu Bilişim </a> <br>
<a href=”kayan.html”> Kayan Yazı </a> <br>
<a href=mailto:arzui16@hotmail.com> Mail Gönder </a>
</body>
</html>

<a href=http://arzubilisim.blogspot.com target=”_blank”> è Target parametresi ile açılacak sayfanın farklı bir sayfada açılması sağlanabilir.

Sayfa içine link vermek için de

1-) <a name=”1”> diye Link verilmek istenen alan isimlendirilir.
2-) Link verirken de <a href=”1”> 1 e Git </a>
kullanılır.

<body> Takısının Parametreleri

<body bgcolor=ffff00 background=manzara.jpg text=ffffff  link=0000ff hlink=ff0000 vlink=ff00ff>

bgcolor è Arka plan rengini ayarlar.
Background è Arka plana bir resmin duvar kağıdı olarak döşenmesini sağlar.
Text è Metnin rengini belirler.
Link è  Linklerin renklerini belirler.
Hlink è  Fare imleci link’in üzerine geldiğinde link’in hangi renkte görüntüleneceğini belirler.
Vlink è  Ziyaret edilen sayfaların linklerinin rengini belirler.

KAYAN YAZI

<marquee> KAYAN YAZI

<html>
<title> Kayan Yazı </title>
<body>
<marquee> <font color=blue size=7> Bilişim Teknolojileri Kulübü </font></marquee>
<marquee direction=right> Sağa Doğru Kaydırır </marquee>
<marquee direction=up> Yukarı Kaydırıır </marquee>
<marquee direction=down> Aşağı Kaydırır </marquee>
</body>
</html>
<marquee> Parametreleri
<marquee direction=right>,up,down è Sağdan, yukarıdan ve aşağıdan başlayarak kayması sağlanır
<marquee behavior=alternate> è Yazılar kaydırılırken ekrandan kaybolmadan bir uçtan diğerine gider
<marquee bgcolor=ff00ff> è Kayan yazıların arka plan rengini belirler.
<marquee height=10 width=250> è Yazının kayacağı alanın yüksekliği ve genişliği ayarlanabilir.
<marquee loop=3> è Yazının kaç kez kayacağı belirlenir. Daha sonra da yazı durur.
<marquee scrolldelay=1> è Kaydırma hızını ayarlar. Hızlı kayması için küçük; yavaş için de büyük değer

Müzik Ekleme

İnternette kullanılacak müzik dosyalarının türü MIDI veya WAV olmalıdır. Wav dosyaların boyutları büyüktür ve zor yüklenir. Onun için arka plan sesi kullanırken daha çok MIDI uzantılı dosyalar tercih edilirse daha iyi olur.

<bgsound src=daglar.mid loop=-1>         loop=-1 è Sürekli çalması için
</head>

Film yayınlamak için Microsoft Windows Encoder kullanılır. Avi ve dat dosyaları wmv’ye çeviririz.

<bgsound src=yollar.mid>   Komutu ile sayfa yüklendiğinde sürekli müzik çalar. Fakat müziğe müdahale edemeyiz.

Müziği durdurmak, tekrar başlatmak veya film koymak için

<body>
<embed src=yollar.mid>  è Ayarlanabilir müzik için kullanılır.

Resim Ekleme

*.jpg, *.png, *.gif è İnternetteki Resim formatı olarak kullanılır.
*.bmp, *.tiff, *.eps, *.psd, *.cdr è Resim formatları da internette kullanılmaz.

JPG è Kalite önemli ise jpg formatı kullanılır. Fakat resimlerin arka kısmı kare şeklinde gelir.
GIF è Hareketli ve kenarları boş gelir. Yani kafa olduğu gibi gif formatında alınabilir.

Örn:
<html>
<head>
<meta http-equiv=content-type content=text/html;charset=windows-1254>
<meta http-equiv=content-type content=text/html;charset=iso-8859-9>
<meta name=description content=”Bir cümle ile sitenin Tanmı”>
<meta name=keywords content= “Virgülle, ayrılmış, anahtar kelimeler”>
<title> Resim Eklemek </title>
</head>
<body>
<img src=x.jpg>
<img src=x.jpg width=250 heigh=300>
<img src=teknoloji.gif alt=”Güzel bir resim”>
<img src=teknoloji.gif alt=”Güzel bir resim” width=450>
<a href=http://cakir.k12.tr><img src=teknoloji.gif border=0 alt=”Bilgisayarın Teknolojik Gelişimi”> </a>

</body>
</html>

<img src=*.jpg>’nin Parametreleri

<img align=middle src= bilgisayar.jpg > è Yazı resmin ortasından hizalanarak yazılmaya başlar
<img align=top src =bilgisayar.gif > è Yazı resmin üstünden hizalanarak yazılmaya başlar
<img align=left src= bilgisayar.jpg> è Yazı resmin solundan yazılmaya başlar
<img align=right src= bilgisayar.jpg> è Yazı resmin sağından hizalanarak yazılmaya başlar
<img src= bilgisayar.gif alt=”???????? ?????” è Resmin üzerine gelince çıkması istenilen yazı
<img border=0 src=bilgisayar.gif> è Resmin etrafında çerçeve çıkmasını engeller.

Tablolar

Tablolar <table> etiketi ile belirtilir. Bir tablo <tr> etiketi satırlara bölünür ve her satır da <td> etiketi ile sütunlara bölünür. <td> etiketinin anlamı "table data"dır. Bir veri hücresi (data cell) metinler, resimler, listeler, paragraflar, formlar, yatay çizgiler, tablolar vs. içerebilir.
<table border="1">
<tr>
<td>satır 1, hücre 1</td>
<td>satır 1, hücre 2</td>
</tr>
<tr>
<td>satır 2, hücre 1</td>
<td>satır 2, hücre 2</td>
</tr>
</table>
Çıktısı aşağıdaki gibi olacaktır:
satır 1, hücre 1
satır 1, hücre 2
satır 2, hücre 1
satır 2, hücre 2

Tablolar ve Kenarlık (border) Parametresi
Eğer bir border parametresi belirtmezseniz, tablonuz kenarlık olmadan görüntülenir. Bu bazen yararlı olabilir ama çoğu zaman kenarlıkları göstermek daha çok işinize yarayacaktır.
Kenarlıkları göstermek için aşağıdaki parametreyi kullanmalısınız:
<table border="1">
<tr>
<td>Satır 1, Hücre 1</td>
<td>Satır 1, Hücre 2</td>
</tr>
</table>

Sırasız Liste
Sırasız bir liste maddelerden oluşur. Liste içeriği madde imleri ile işaretlenir.
Sırasız listeleme <ul> etiketi ile başlar. Her madde de <li> etiketi ile başlar.
<ul>
<li>Kahve</li>
<li>Süt</li>
</ul>
Çıktısı:
Kahve
Süt
Bir liste madde içerisine paragraflar, resimler, linkler, başka listeler ve satır boşlukları koyabilirsiniz.

Sıralı Listeler
Maddeler rakamlar ile listelenir. Sıralı listeleme <ol> etiketi ile başlar. Her madde de  <li> etiketi ile başlar.
<ol>
<li>Kahve</li>
<li>Süt</li>
</ol>
Çıktısı:
1.Kahve
2.Süt