HTTP & HTML

HTTP Nedir?
-HTTP İngilizce HyperText Transport Protocol kelimelerinin ilk harflerinden oluşan bir kısaltma olup günümüzde “Internet” dediğimiz ortam üzerinde web sayfalarının çeşitli istemcilere iletimi sırasında bir bütünlük sağlanması açısından oluşturulmuş bir standartlar dizisidir.
-Günümüzde en yaygın olarak bilinen ve kullanılan protokoldür. HTTP protokolü ilk çıktığı zamanlar sadece statik HTML dosyalarıyla çalışıyordu, günümüzde artık vazgeçilmez olunan Internet üzerinden kullanıcıyla etkileşim işlevine sahip değildi.
HTTP Safhaları Nelerdir?
-Bir Web dokümanına ulaştığımızda 4 ana safhada çağırılan sayfa görüntülenir:
1. Bağlantı
2. Ne istediğimizin web servisine iletilmesi
3. Cevap
4. İlgili sayfaya yapılan bağlantının kesilmesi.
-Bu safhalar, web üzerinde iletişimin kurallarını tanımlayan bir protokol ile oluştururlar. Bu protokole, Hyper Text Transfer Protocol denir. Bağlantı safhasında, web erişiminde kullanılan bir
web listeleyici (browser, web client), ilgili bilginin olduğu web servisine bağlanır.
HTTP Servisleri
-Bu safhalara HTTP servisleri de denir. Bağlantı sağlandıktan sonra web istemci programımız http servisine “ne istediğini” bildirir.
-Bu “istek“ ileride görüleceği gibi “http”, “ftp”, “smtp” gibi bazı protokol kurallarını içerir ve bu işlemlere genel olarak “navigate” denir.
-Bu isteği alan http servisi de, istediğimiz işlemi yapar ve cevabı bize gönderir. Biz de gelen cevabı web istemci programımızda görürüz.
-Eğer istek gerçekleştirilemiyorsa bir hata mesajı ile karşılaşırız.
-Son safhada, http servisine yaptığımız bağlantı kesilir.
Protokol ve Eklentiler
-Ancak teknolojik gelişmelerin ışığında http protokolü de geliştirilmiş ve ayrıca HTTP
protokolüne eklentiler gelmiştir:
-VBScript,
-JavaScript,
-Server-side includes,
-Perl ve CGI programları
-ActiveX
-Applet’ler

HTML Nedir?
-HTML (HyperText Markup Language / Hareketli-Metin İşaretleme Dili) basitçe,  gözatıcı (browser) adı verilen Internet sayfası görüntüleme programlarıyla görebileceğimiz, web dokümanları oluşturmaya yarayan bir çeşit dildir.
-HTML ile oluşturduğunuz belgeleri sabit diskinize kaydedebilir ve Internet bağlantınız olmasa bile bu belgeleri görüntüleyebilirsiniz.
HTML Bir Dil midir?
-HTML, yazılım dilleri (pascal, basic,..) gibi bir programlama mantığı taşımadığından öğrenilmesi gayet kolay bir dildir.
-Bu nedenle HTML için bir dilden ziyade “kabaca metinleri ya da verileri biçimlendirmek, düzenlemek için kullandığımız komutlar dizisidir” diyebiliriz.
Temel Unsurlar
-HTML kolay bir dildir. Her şey metin  tabanlıdır.
-Bir HTML dokümanı oluşturmak için ihtiyacınız olan tek şey bir editördür.
-Herhangi bir HTML editörü ile ya da hiçbiri yoksa Windows’un Notepad’i ile HTML kodları yazılabilir.
Editör Türleri
-Metin tabanlı, kod yazmayı gerektiren fakat bunun yanısıra rutin bazı işlemleri kolaylaştıran editörler: HotDog, HomeSite..
-Ne görürsen onu alırsın (WYSIWYG : What You See Is What You Get /) tarzı denen kısaca görsel, kodlamayla uğraştırmayı gerektirmeyen editörler:
FrontPage, Dreamweaver vb.
İlk Sayfanın Oluşturulması
-Öncelikle çalışmaları saklamak için kullanılacak boş bir klasör oluşturup uygun bir ad verilir. Örnek klasörün adı <html_ders> olsun (kolaylık olması için siz de yeni klasöre bu adı
verebilirsiniz).
-Şimdi de bu klasörü açıp yeni bir metin belgesi oluşturun (sağ fare > Yeni Metin Belgesi).
-Yeni metin belgesi açılarak şunlar yazılır: Örnek Sayfa

  1. <title>İlk Sayfam</title>
  2. </head>
  3. Sayfama Hoşgeldiniz
  4. </body>
  5. </html>

-Oluşturulan belgede bir takım ifadeler var ve bu kelimeleri küçük “<” ve büyük “>”
sembolleri arasına yazdık. Bu ifadelere tag (etiket) denir.
-Etiketler etki etmesi istenilen metnin önüne ve arkasına yazılıyor. Önce etiket yazılıyor,
sonra metin yazılıyor ve daha sonra aynı etiket önüne bir bölü “/” işaretiyle yazılarak
sonlandırıyor. Bir kaç istisna dışında tüm etiketler belge içinde sonlanır.
Etiketler
Etiketlerin Anlamı
-Örnekte kullanılan etiketler ve anlamları şöyledir:
-<html>…</html> Tarayıcıya HTML dosyasının başladığını ve bittiğini belirtiyor. Diğer tüm kodlar bu iki etiket arasına yazılır.
-<head>…</head> ve <body>…</body> Bir HTML belgesi iki bölüme ayrılıyor:
-head(baş): <head>…</head> etiketleri arasına sayfa hakkında bilgiler yazıyoruz. meta ve title
gibi etiketler burada yer alıyor.
-body(gövde): <body>…</body> arası ise sayfamızın gövde bölümü. Ekranda gösterilecek
kısımlar bu tagler arasında yeralıyor. <title>…</title>: Title sayfanın başlığını belirtir
ve burada yazılanlar gözatıcı penceresinin başlığında program adıyla beraber gösterilir.
Metin Biçimleri
-Örnek sayfada sadece temel etiketler kullanıldığından <body>….</body> arasına yazdığımız “Sayfama Hoşgeldiniz” yazısı kullanılan browserın varsayılan metin ayarlarıyla gösterilmektedir.
-Temel olarak metin biçimlendirmede kullanılan etiketler:
-Başlık etiketleri: <h1>…<h6>
-Paragraf etiketi: <p>…</p>
-Ortalama: <center>…</center>
-Diğer etiketler:
<b>…</b>,<i>…</i>,<u>…</u>
-Satır içi (in-line) biçimlendirme: Düzenlemek istenilen metnin hemen önündeki bir etiketle
biçimleme stilinin verilmesidir.
-Gömülü (Embedded) biçimlendirme: Sayfanın baş (head) kısmına koyulan stillere gövde (body) bölümden atıf yapılarak metnin biçimlenmesidir.
-CSS (Cascading Style Sheets): HTML dosyasının dışında başka bir stil dosyasının oluşturularak stil için bu dosyanın kullanılmasıdır. Bu teknik yüzlerce sayfanın stilini tek bir stil dosyası ile belirleme gibi geniş imkanlar vermektedir.
Metin Biçimi Tanımlama Dikkat!
-Birinci metotta her metin için ayrı ayrı stil belirtilirken ikinci ve üçüncü metotlarda stil
bir defa belirlenir ve bu stiller istenilen metne uygulanabilir. Bu nedenle ilk metodu
tüm göz atıcılar sorunsuz yorumlayabilir.
-Fakat 2. ve 3. metotları sadece Internet Explorer ve Netscape’in son sürümleri (yorum farklılıkları ile beraber) desteklemektedir.
Başlık Etiketleri
-Notepad açılarak şu kodlar yazılır:

  1. <title>Başlık
  2. Etiketleri</title>
  3. </head>
  4. <h1>Başlık 1</h1>
  5. <h2>Başlık 2</h2>
  6. <h3>Başlık 3</h3>
  7. <h4>Başlık 4</h4>
  8. <h5>Başlık 5</h5>
  9. <h6>Başlık 6</h6>
  10. </body>
  11. </html>

  1. <title>Başlık Etiketleri-
  2. </title>
  3. </head>
  4. Hoşgeldiniz</center></h1>
  5. <p>HTML etiketleri ile, </p>
  6. Yazıları <b>koyu </b>
  7. <i>italik </i> ve <u>altı çizili
  8. </u> olarak yazabiliyorum.
  9. </body>
  10. </html>
  11. Diğer Metin Etiketleri Biçimlendirmek istediğimiz metnin başına ilgili etiketi yazıyoruz ve
  12. metnin sonunda da ilgili etiketi sonlandırıyoruz. Etiketi biz sonlandırmadığımız müddetçe etkisini
  13. göstermeye devam edecektir. Fontlar
  14. -Font etiketinin kullanımı;
  15. <font face=“…” size=“…” color=“…”>
  16. ……
  17. </font>
  18. -Font etiketinin parametreleri;
  19. -face=“…”
  20. yazı tipinin adı (arial, tahoma, verdana, …)
  21. -size=“…”
  22. yazının büyüklüğü (1-7 arası)
  23. -color=“…”
  24. yazının rengi (red, green gibi renklerin İngilizce karşılığı yada RGB renk değeri) <br> ve <nobr> Etiketleri
  25. <br> etiketi bir bakıma “enter” tuşunun görevini görmektedir. HTML’de metinleri yazarken bölmek, yani ikinci satıra atmak için <br> etiketi kullanılır. <br> etiketi sonlandırılmayan bir etikettir.
  26. <nobr> br’nin tersine satır bölünmesini önler. Ancak bu etiketin sonlandırılması gerekir </nobr>.
  27. etiketi</title></head><body>
  28. pazartesi
  29. salı
  30. çarşamba<br>ocak<br>
  31. şubat<br> mart<br> nisan
  32. </body></html>

Renkler
-Renk kodlarını kullanarak bir örnek hazırlayalım. (Renk kodları yerine rengin İngilizce adı da yazılabilir: color=”red” gibi)
-Örnek:
-Kırmızı-red
-Mavi-blue
-Siyah-black
-Sarı-yellow
-Lacivert-navy
-Yeşil-green

  • Guest

    8) :confused: 😀 😛 😛 😛

X

Pin It on Pinterest

X