IRCForumları - IRC ve mIRC Kullanıcılarının Buluşma Noktası
  sohbet

Yeni Konu aç Cevapla
 
LinkBack Seçenekler Stil
Alt 18 Eylül 2006, 03:23   #1
Çevrimdışı
Kullanıcıların profil bilgileri misafirlere kapatılmıştır.
IF Ticaret Sayısı: (0)
IF Ticaret Yüzdesi:(%)
HTML'e Giriş..




######################
#Yazan/Derleyen: HITMAN
#Site: [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]
#Bilgi , paylaştıkça çoğalır.
######################


Komutları ve kullanımını ufak bir web sayfası tasarımı yaparak verecegim, belirteyim..

Bir web tarayicisinin calismasi kısaca su sekilde gerceklesir , web tarayıcı karsıda bulunan Server'a baglanarak belirli bir dosyayi Server'dan ister. Server da internet üzerinden bilgisayara bir metin dosyasi gönderir. Gönderilen metin dosyasini web tarayici yorumlayarak, kodların olup olmadıgına bakar. Bu kodlara göre web sayfasının tasarımı, içerisindeki şekiller ve yazılar düzenlenir.

HTML kullanılarak yazılan kodlara tag denilmektedir. HTML içerisindeki her tag < ve > işaretleri arasında olmaktadir. Her web sayfası <html> tagı ile baslar ve </html> tagı ile biter. Web tarayıcısı bu iki tag'ı gördüğünde bunun bir web sayfası olduğunu anlar ve arasındaki tag'ları ona göre yorumlar. </html> tag'ı içerisinde yer alan / işareti o tag'ın daha önce başlatıldığını ve / ile bitirildigini belirtir. Bir de unutmadan belirteyim her tag "/" isareti ile bitmeyebilir.

Kod:   Kodu kopyalamak için üzerine çift tıklayın!
<img src="tcbilisim.gif" width="90" height="9" border="0">

Örnegin yukardaki satır bir HTML komutudur. Web sayfalarina resim ekleme amacıyla kullanılır. tcbilisim adındaki .gif uzantili resmi belirli bir uzunlukta ve genislikte cercevesiz olarak sayfaya yerlestirme görevini gerceklestirir. Bu vb. komutlar hakkindaki detayli bilgiyi dokumanin ilerki satirlarinda veya ilerki konularinda elimden geldigince anlatmaya calisacagim.

Simdi ilk web sayfamızı yapmaya baslayalim..

İlk olarak notepad'i acalim. En ust satirina <html> yazdiktan sonra 20-25 satırlık bir bosluk birakalim.(Diger komutlari yazacagimiz icin bosluk biraktık) Ve simdi </html> tag'i ile daha once actigimiz <html> tag'ini kapatalim.

Simdi ornekler uzerinde calismalar yaparak daha güzel sekilde olayi kavramaya calisalim ;

Kod:   Kodu kopyalamak için üzerine çift tıklayın!
<html> <head> <title> TcBilisim.ORG</title> </head> <body> T C B G r o u p </body> </html>

bunlar notepad'e yazdigimiz komutlar olsun.
Bu komutlar hakkinda aciklamalar yapayim simdide ;

<head> </head> taglari icerisinde <title> komutunu icermek zorundadir. <head> komutu altinda bulunan hicbir sey web sayfasi icinde görüntülenmeyecektir. <head> komutunun icerisinde <title> 'dan baska birde <meta> komutu yer alır. Bu komut web sayfasinin arama motorları tarafindan bulunmasi görevini gerceklestirir. Bu komutu da zaman icerisinde ilerleyen derslerde aciklayacagim elimden geldigince.

<title> komutu sayfanin basligini belirler. <title></title> arasina yazdiginiz yazi sayfanin basligini olusturur yani.

HTML kodlari kullanılırken dikkat etmeniz gereken en onemli hususlardan birisi ise kodlarin acilip kapatilmasinin düzenli bir sekilde yapilmasidir. Açılan her kodun içerisinde açılan her kod, aynı sekilde kodun bitisi yapilarak kapatilmalidir.

Gelelim <body> komutuna. Bu komut <head> komutundan sonra ve </html> den once kullanılır. Web sayfasinin iceriginde görüntülenecek hersey bu <body> </body> taglari arasinda yer alır.

Web sayfasinda yazılan metinler ekrana notepad'deki gibi yansimaz , komutu verildigi sekilde yansir. Bunu göstermek icin TCB Group yazisini alt alta yazdim , fakat bunu göreceginiz sekil asagidaki ekran görüntüsünde gördügünüz gibi farklidir, yanyanadir.

Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.


Simdilik bu kadar , her gün düzenli olarak bu baslik altinda derslere devam edecegim.

Bir sonraki derste görüsürüz
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.


İyi calismalar,,

TCB Group Admin | [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

 
Alıntı ile Cevapla

IRCForumlari.NET Reklamlar
sohbet odaları reklam ver Benimmekan Mobil Sohbet
Alt 18 Eylül 2006, 03:26   #2
Çevrimdışı
Kullanıcıların profil bilgileri misafirlere kapatılmıştır.
IF Ticaret Sayısı: (0)
IF Ticaret Yüzdesi:(%)
Yanıt: HTML'e Giriş..




######################
#Yazan/Derleyen: HITMAN
#Site: [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]
#Bilgi , paylaştıkça çoğalır.
######################

-Web Sayfalarındaki Metin Kullanımı-

Bu konulari ayrintili vermek istiyorum ki olayin mantigini daha güzel bir sekilde kavrayabilesiniz.

Daha once de soyledigim gibi sayfada metni görüntülemeniz icin <body> ve </body> taglari arasina yazmaniz yeterlidir. Ve yine tekrar ediyorum yazılan metinler sayfanizda ekrana yazdiginiz sekilde degil , komutlarini verdiginiz sekilde yansirlar. Yani yanyana veya alt alta yazmaniz birsey ifade etmez , bunu komutlar ile saglamalisiniz.

Simdi sizi biraz temel metin taglari hakkinda bilgilendireyim ;

<center></center>
Bu iki tag arasina yazacaginiz metin web sayfasi icerisinde ortalanir. Ki zaten center kelimesi "orta" demektir.

<br>
Bu komut ingilizce'de "break" kelimesinin kisaltilmisidir. Bu satir atlatma isine yarar. Yani <br> komutundan sonra yazdiginiz karakterler, yazilar bir sonraki satira aktarilir.

<b></b>
Bu iki tag arasina yazdiginiz metinler sayfada "Bold(Kalın)" olarak gözükürler.

<i></i>
Bu iki tag arasina yazdiginiz metinler sayfanizda "italik(Eğik" olarak gözükürler.

<p></p>
Bu iki komut arasina yazdiginiz metinler sayfanizda bir paragraf olarak düsünülür. Ayrica bu komutun icerisinde kullanabileceginiz baska komutlar da mevcuttur. Yazacaginiz paragrafin saga , sola veya merkeze dayali olmasi <p align="TcBilisim"></p> komutunda " icerisinde yazdigim TcBilisim yerine , "center" , "left" , "right" yazılarak saglanilir.

Kod:   Kodu kopyalamak için üzerine çift tıklayın!
<p align="left">Solda yazilir.</p> <p align="right">Sağda yazilir.</p> <p align="center">Merkeze yazilir.</p>

Simdi buraya kadarki anlattigim komutlari tek bir örnekte inceleyelim , gösterelim.

Kod:   Kodu kopyalamak için üzerine çift tıklayın!
<html> <head> <title>
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
HTML'e Giriş Dersleri | Yazan: HITMAN </title> <body> <center> TcBilisim.ORG </center> <br><b>TCB Group olarak hedefimiz bilinçli kullanıcılar ile bilgi paylaşmak , öğrenmek ve öğretmektir.</b> <p align="right">TCB Group HTML'e Giriş Dersleri</p> <i>TCB Group Admin: HITMAN</i> <p align="center">- TCB Group - </p> </body> </html>

Yukarıda gördügünüz kodlarin web sayfasindaki görünümü aşağıdaki gibidir ;

Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.


Gelelim web sayfalarinda yazi büyüklüklerini ayarlama yontemlerine..
Yazi büyüklüklerini ayarlamanin iki yöntemi vardir. <h></h> taglari ile yazi büyüklüklerini belirtebiliriz veya en cok kullanilan yöntem olan <font> taglarini kullanabiliriz. Öncelikle <h></h> taglarini aciklayim..

<h></h>
Bu iki komut arasina yazilan metinler 6 farklı büyüklükte yansitilabilirler. Metinlerin boyutunu ayarlamak icin 1,2,3,4,5 ve 6 rakamlarindan faydalaniriz. 1 rakami en büyük puntolu metni , 6 rakami ise en kücük puntolu metni ifade eder.
Bu komutun kullanimini bir ornek ile inceleyelim ;

Kod:   Kodu kopyalamak için üzerine çift tıklayın!
<html> <head> <title>
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
HTML'e Giriş Dersleri | Yazan: HITMAN </title> <body> <h6>
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
TCB Group </h6> <h5>
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
TCB Group </h5> <h4>
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
TCB Group </h4> <h3>
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
TCB Group </h3> <h2>
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
TCB Group </h2> <h1>
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
TCB Group </h1> </body> </html>

Yukarıdaki gibi bir kodlamanin görüntüsü aşağıdaki gibi olacaktir.

Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.


Gelelim en cok kullanilan <font> tagına..

<font></font>
Bu komut metin büyüklüklerini ayarlamanin disinda yazı tiplerini , yazı renklerini ayarlamak icin de kullanilir. Bu yuzden daha cok kullanılıyor olsa gerek
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.

Bu komutun genel kullanım sekli ;

Kod:   Kodu kopyalamak için üzerine çift tıklayın!
<font color="RENK"face="Yazı Tipi"size="Metin Büyüklügü"></font>

Gördügünüz gibi kullanımı oldukca sade ve basittir..

RENK olarak yazdıgım kısma ya renklerin ingilizce karsiligini yazacaksiniz ya da renklerin HEX kodlarini yazacaksiniz. HEX kodlari hakkinda biraz bilgi vereyim. Tüm renkler için HEX kodlamasi, # işareti ve bu işaretten sonra gelen 6 adet rakam veya harften oluşur. HTML'de yazı renginin varsayilan rengi siyahtır.(HEX Kodu: #000000) Yani başka bir renk belirtmezsek metnimiz otomatik olarak siyah gözükecektir.

Yazı Tipi olarak yazdıgım kısma ise Microsoft Office'de yer alan yazi tiplerinin tamamidir.(Tahoma , Verdana , Times New Roman vb.) HTML kodlamasında yazı tipinin varsayilan degeri Times New Roman'dır. Bu ise kodlamalarda face komutu kullanilmazsa yazi tipinin otomatik olarak Times New Roman olacagini ifade eder.

Metin Büyüklüğü olarak yazdigim kisma ise 1-7 arasi rakamlar yerlestirilebilir. En büyük yazi puntosu 7 , en küçük yazi puntosu 1 rakamının kullanilmasiyla elde edilecektir. HTML'de yazi büyüklügünün varsayilan hali 3'dür. Yani size komutu kullanılmazsa yaziniz otomatik olarak 3 değerinde gözükecektir.

Bu günlük dersimiz de sona erdi , bir sonraki dersim "Arka Plan ve Renk Kullanmak" hakkinda olacaktir.

İyi calismalar,,

TCB Group Admin | [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

 
Alıntı ile Cevapla

Alt 01 Temmuz 2009, 12:02   #3
Çevrimdışı
Kullanıcıların profil bilgileri misafirlere kapatılmıştır.
IF Ticaret Sayısı: (0)
IF Ticaret Yüzdesi:(%)
Cevap: HTML'e Giriş..




mehmet harikasıN HITMANIM
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.

 
Alıntı ile Cevapla

Cevapla

Etiketler
giris, giriş, htmle


Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 
Seçenekler
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Kapalı
Pingbacks are Açık
Refbacks are Açık


Benzer Konular
Konu Konuyu Başlatan Forum Cevaplar Son Mesaj
Html 5 Sitene ----- ve Müzik Ekleme (HTML 5) CeSaRCripS HTML/CSS/JavaScript 0 15 Aralık 2012 20:18
Adım adım HTML kodlari arsivi html sitenizi kurun yoSun HTML/CSS/JavaScript 0 03 Mayıs 2011 23:47