İPUCU

Web & Server Güvenliği Doğru web ve veritabanı sunucusu güvenliği sağlanmadan, bilgisayar korsanları hassas verilerinize erişebilir. Web, Sunucu ve veritabanı güvenliğini nasıl sağlayacağınızı buradan öğrenebilirsiniz.

Seçenekler

html dersi girmeyen hayatında ögrenecegi en büyük lşeyi kaçırır

26-08-2006 11:38
#1
ZoRRoKiN - ait Kullanıcı Resmi (Avatar)
Root Administrator
Üyelik tarihi:
08/2005
Nereden:
WORLD
Mesajlar:
2.114
Teşekkür (Etti):
458
Teşekkür (Aldı):
6327
Konular:
796
Ticaret:
(1) %
html nedir
HTML (HyperText Markup Language / Hareketli-Metin Isaretleme Dili) basitçe, browserlarla görebilecegimiz, internet dökümanlari olusturmaya yarayan bir çesit dildir. Örnegin okudugunuz bu sayfa HTML dili kullanilarak hazirlandi. Siz de browser'inizi (Internet Explorer, Netscape Navigator,..) kullanarak bu sayfayi ekraninizda görüntülüyorsunuz. Tanimda geçen "internet dökümani" ifadesinin yanisira HTML ile olusturdugunuz belgeleri harddiskinize kaydedebilir ve internet baglantiniz olmasa bile bu belgeleri görüntüleyebilirsiniz.
HTML, programlama dilleri (pascal, basic,..) gibi bir programlama mantigi tasimadigindan ögrenilmesi gayet kolay bir dildir. Dilden ziyade kabaca metinleri ya da verileri biçimlendirmek, düzenlemek için kullandigimiz komutlar dizisi bile diyebiliriz HTML için.
HTML Dersleri yazi dizimizi okuyarak bu dil hakkinda hiçbir bilginiz olmasa bile yazinin sonunda ögrendiklerinizle siz de kendi sayfalarinizi hazirlayabileceksiniz.
html de temel unsurlar:
Bu sayfaya geldiginize göre HTML ögrenme isinde ciddisiniz demektir. HTML nispeten kolay bir dildir dedik. Bu dilde binary veya hexadecimal kodlar yok. Hersey metin tabanli ve bir HTML dökümani olusturmak için ihtiyaciniz olan sey bir editör. Hatta sizde herhangi bir HTML editörü bulunmuyorsa bu isi Windows'un Notepad'i ile dahi halledebilirsiniz. Piyasada iki tip editör bulunuyor. Birisi metin tabanli, kod yazmayi gerektiren fakat bunun yanisira rutin bazi islemleri kolaylastiran editörler (HotDog, HomeSite..) digeri WYSIWYG (What You See Is What You Get / Ne görürsen onu alirsin) tarzi denen kisaca görsel, kodlamayla ugrastirmayi gerektirmeyen editörler (FrontPage, Dreamweaver, NetObjects Fusion,..). Benim yeni baslayanlara tavsiyem Windows'un Notepad'i. Bu islerin nasil yapildigini ögrendikçe ilerde siz de görsel editörlere geçebilirsiniz. Çünkü bir yerde istenmedik sonuçlar çikabilir ve kodlara müdahele etmeniz gerekebilir. Üstelik görsel editörler bazen istenmeyen kodlar ekliyorlar, bu da döküman boyutunun büyümesi demek.
Burada sunu da belirtmek gerekiyor; browserlar arasindaki yorum farklarindan dolayi sayfaniz bir browser'da iyi görünürken bir baska browser'da hiç istemediginiz bir sekilde görüntülenebilir. Hele yeni bazi teknikleri (css, dhtml gibi) sadece MS Internet Explorer 4 ve üstü desteklerken Netscape henüz bu teknikleri tam olarak desteklemiyor. Yine de piyasayi neredeyse yari yariya paylasan bu iki browser'in birbirlerine üstün oldugu yönleri var. Sonuçta, ne kadar fiyakali bir sayfa da yapsaniz elde ettiginiz basari sayfanizi ziyaret eden kisinin kullandigi browser'a mahkum. Hatta ziyaretçiniz browser'ina verdigi bir talimatla "yalniz su fontu kullan", "grafikleri görüntüleme" seklinde bir ayar yapmissa emekleriniz bosa gitti demektir. Yine de bu kadar karamsar olmayalim.
Bu kadar genel bilgi yeter. Bir sonraki konuda ilk HTML sayfamizi yapiyoruz.
şimdi ilk sayfanı olusturuyorsun:
Iste ilk HTML sayfamizi yapiyoruz.
• Öncelikle çalismalarinizi saklamak için kullanacaginiz bos bir klasör olusturup uygun bir ad verin, mesela html_ders olsun. Daha sonra bu ad bize lazim olacagindan kolaylik olmasi için siz de yeni klasöre bu adi verebilirsiniz.
• Simdi de bu klasörü açip yeni bir metin belgesi olusturun (sag fare/Yeni/Metin belgesi).
• Dosyayi çift tiklayarak açin ve sunlari yazin:
<html>
<head>
<title>Ilk Sayfam</title>
</head>


<body>
Sayfama Hosgeldiniz
</body>
</html>
•Simdi dosyayi kaydedin (Dosya/Farkli Kaydet...). Dosya adi kismina söyle yazin: "sayfa1.htm" (tirnaklar dahil) ve Tamam'a basin.
• Notepad'i kapatin, metin dosyasini silin ve olusan yeni dosyayi açin. Dosya varsayilan browser'iniz (Internet Explorer, Netscape Navigator gibi) tarafindan açilacaktir.

ShaaDooM, KeyHüsrev Teşekkür etti.

26-08-2006 11:40
#2
ZoRRoKiN - ait Kullanıcı Resmi (Avatar)
Root Administrator
Üyelik tarihi:
08/2005
Nereden:
WORLD
Mesajlar:
2.114
Teşekkür (Etti):
458
Teşekkür (Aldı):
6327
Konular:
796
Ticaret:
(1) %
devamı
KeyHüsrev Teşekkür etti.
26-08-2006 11:41
#3
ZoRRoKiN - ait Kullanıcı Resmi (Avatar)
Root Administrator
Üyelik tarihi:
08/2005
Nereden:
WORLD
Mesajlar:
2.114
Teşekkür (Etti):
458
Teşekkür (Aldı):
6327
Konular:
796
Ticaret:
(1) %
TEBRİKLER İLK HTML SAYFANIZI OLUTURDUNUZ:
Simdi de bu belgeyi nasil olusturdugumuzu birlikte inceleyelim. Birsey dikkatinizi çekti mi? Ingilizce bir takim kelimeler var ve bu kelimeleri küçük < ve büyük > sembolleri arasina yazdik. Bu ifadelere tag (etiket) deniyor. Etiketler etki etmesi istenilen metnin önüne ve arkasina yaziliyor. Önce etiketi yaziyoruz, sonra metni yaziyoruz daha sonra ayni etiketi önüne bir bölü isaretiyle tekrar yaziyoruz. Bu son yaptigimiz etiketi sonlandiriyor. Bir kaç istisna disinda tüm etiketler belge içerisinde sonlandirilmak zorunda.
Burada kullandigimiz etiketler ve anlamlari söyle:
html>...</html> : Tarayiciya HTML dosyasinin basladigini ve bittigini belirtiyor. Diger tüm kodlar bu iki etiket arasina yazilir
<head>...</head>
<body>...</body>
Bir HTML belgesi iki bölüme ayriliyor: head(bas) ve body(gövde). <head>...</head> etiketleri arasina sayfa hakkinda bilgiler yaziyoruz. **** ve title gibi etiketler burada yeraliyor. **** etiketlerine ileride deginecegiz.
<body>...</body> arasi ise sayfamizin gövde bölümü. Ekranda gösterilecek kisimlar bu tagler arasinda yeraliyor.

<title>...</title> : Title sayfanin basligini belirtiyor. Burada yazilanlar browser'in üst tarafinda browser adiyla beraber gösteriliyor.
Hazirladigimiz sayfada dikkat ederseniz sadece temel etiketleri kullandik. Yani metin biçimlendirmeye yarayan hiçbir etiket kullanmadik. Bu yüzden <body>....</body> arasina yazdigimiz Sayfama Hosgeldiniz yazisi browser'in varsayilan metin ayarlariyla gösteriliyor. Isin ilginç tarafi hiçbir kod yazmadan sadece Sayfama Hosgeldiniz yazip kaydetsek ve browser'da böyle görüntülesek de ayni neticeyi elde edecektik.
Sonraki bölümde metin biçimlendirmeye yarayan etiketleri ögrenecegiz.


copy paste ediyorsun yazi rengine dikkat et! tarafımca duzeltilmistir...
OnLy
Konu OnLy tarafından (27-08-2006 09:47 Saat 09:47 ) değiştirilmiştir.
ShaaDooM, KeyHüsrev, Slayer~Man Teşekkür etti.
26-08-2006 22:43
#4
mehmethan - ait Kullanıcı Resmi (Avatar)
Üye
Üyelik tarihi:
08/2006
Mesajlar:
5
Teşekkür (Etti):
0
Teşekkür (Aldı):
0
Konular:
1
Ticaret:
(0) %
arkadaş eline koluna bilgine emeğine sağlık
gerçekten güzel oldu
27-08-2006 17:04
#5
KaRa_HiL@L - ait Kullanıcı Resmi (Avatar)
Üye
Üyelik tarihi:
02/2006
Nereden:
VaTaN BeKÇiSi
Mesajlar:
449
Teşekkür (Etti):
6
Teşekkür (Aldı):
134
Konular:
209
Ticaret:
(0) %
saol kardeş gayat açıklayıcı bi paylaşım
16-09-2006 00:50
#6
ifIwereyou - ait Kullanıcı Resmi (Avatar)
Üye
Üyelik tarihi:
08/2006
Nereden:
Denizli
Mesajlar:
205
Teşekkür (Etti):
0
Teşekkür (Aldı):
10
Konular:
31
Ticaret:
(0) %
evet güzel paylaşım.eyvallah.
Kullanıcı İmzası
BİR GÜNDE KRAL OLMADIK BİR GÜNDE TAHTTAN İNMEYİZ...!
18-09-2006 09:34
#7
KaRıNCa - ait Kullanıcı Resmi (Avatar)
Üye
Üyelik tarihi:
09/2006
Mesajlar:
2
Teşekkür (Etti):
0
Teşekkür (Aldı):
0
Konular:
0
Ticaret:
(0) %
GüZeL aNLaTıM eLLeRiNe SaGLıK DeVaMıNı BeKLiYoRUZ
14-02-2012 17:56
#8
ShaaDooM - ait Kullanıcı Resmi (Avatar)
Üye
Üyelik tarihi:
02/2012
Nereden:
İstanbul
Mesajlar:
1.947
Teşekkür (Etti):
397
Teşekkür (Aldı):
245
Konular:
623
Ticaret:
(0) %
teşekkürler.
21-02-2012 22:12
#9
kuzanli - ait Kullanıcı Resmi (Avatar)
Üye
Üyelik tarihi:
01/2011
Nereden:
Bursa
Mesajlar:
67
Teşekkür (Etti):
29
Teşekkür (Aldı):
2
Konular:
26
Ticaret:
(0) %
Sağolasın abi devamını bekliyoruz acilen
22-02-2012 02:11
#10
ZagoR - ait Kullanıcı Resmi (Avatar)
Üye
Üyelik tarihi:
01/2012
Nereden:
Trabzon
Mesajlar:
850
Teşekkür (Etti):
13
Teşekkür (Aldı):
97
Konular:
163
Ticaret:
(0) %
Emeğine Sağlık Kardeşim Yeni başlayanlar için qüzel bi anlatım olmuş
Kullanıcı İmzası
Sen Benim Farkımı Farketmedin Ama Farkımı Farketsende Farketmez.
Çünkü Farkımı Farkedenler Senden Çok Farklı...

Bookmarks


« Önceki Konu | Sonraki Konu »
Seçenekler

Yetkileriniz
Sizin Yeni Konu Acma Yetkiniz var yok
You may not post replies
Sizin eklenti yükleme yetkiniz yok
You may not edit your posts

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