İPUCU

Web Programlama Asp, Php, Html, Asp.Net, Aspx, Perl Vb Web Programlama Bölümü

Seçenekler

HTML/CSS Dersleri-1 // ENİGMA KULÜBÜ

13-05-2019 00:51
#1
maj344 - ait Kullanıcı Resmi (Avatar)
Üye
Üyelik tarihi:
02/2019
Mesajlar:
136
Teşekkür (Etti):
37
Teşekkür (Aldı):
28
Konular:
14
Ticaret:
(0) %
Herkese merhabalar TurkHackTeam ailesi an itibariyle HTML/CSS derslerine Enigma Kulübü adına başlamış bulunmaktayım.İlk dersimizde Html Nedir? Html Sayfa Yapısı ve Önemli Bazı Tag'leri anlatmaya çalışacağım.



Kullanacağım Editör Programı;Sublime Text 3

Ayrıca Kullanılabilecek Editörler;Notepad++,Aptana Studio,ICECODER(Son ikisi web tabanlı çalıştığı için daha da fayda sağlayabilir...(Kendinize uygun hangisiyse seçip kullanabilirsiniz.)

HTML için lazım olacak Tarayıcı Eklentileri;

https://chrome.google.com/webstore/d...kepfdaohajpbdo

https://chrome.google.com/webstore/d...acbdhigogchehh

https://chrome.google.com/webstore/d...lefohapackjmna

https://chrome.google.com/webstore/d...jmaomipdeegbpk

Not:Chrome dışında Firefox,Opera,Explorer gibi tarayıcılardada bulabilirsiniz.



1-)Html Nedir ?

-Arkadaşlar HTML'in ortaya çıkış amacı Web'deki her veriyi kodlayarak verileri düzenli hale getirip bir web sayfası oluşturmak ve arama motorlarına(browser) bu web siteleri ile ilgili bilgiler sunmaktır.



2-)~HTML Sayfa Yapısı~

-Evet arkadaşlar internette gördüğünüz her web sayfasının bir html kod dizilimi vardır.Örneğin THT formuna girdiğinizde önünüze çıkan her şeyin bir kod dizinine bağlı olduğunu görmek için sayfanın herhangi bir yerine sağ tıklayıp kaynağı görüntüle dediğinizde önünüze gelen karmaşık şeyler HTML kod dizinleridir.






Bütün kod dizinleri HTML yapısı içindeki bu iki ana etiket içine yazılmaktadır.Bu tagler <head> </head>(Bize görünmeyen kısım) ve <body> </body>(Bize görünen kısım)'dir.Hadi gelin daha yakından inceleyelim.

-Masaüstüne bir dosya oluşturun ve uzantısını html yaparak değiştirin.
-Oluşturduğumuz dosyayı kullandığımız editör içine sürüklüyoruz.
-Kullandığım program sublime text'in özelliğinden ilk satıra html yazıp tab'a basınca html yapısını size otomatik yazıyor.
-Gördüğünüz üzere bütün dizinleri bu iki başlık altına yazacağız.Ayrıca tab bastığımızda birde tittle tagı oluştu.Bu tag içine Sayfanın Başlığı yazılır yani google'de önümüze çıkan sayfa isimleri...O tag arasına THT DENEME yazdım ve açtığım masaüstündeki html dosyasını chrome sürüklediğimde üstte sayfamızın ismi çıkacaktır.












NOT;Eğer türkçe karakterler yazıda görünmez ise üste bulunan file sekmesindeki save with encoding kısmından UTF-8 kısmını işaretleyip belgeyi öyle kaydedin.



3-)SEO(Search Engine Optimizatin) Nedir ve Nasıl Geliştirilir ?

SEO web içinde kullanıcı arama yaptığında sizin yazdığınız taglerle sitenizin daha kolay bulunmasını sağlayacak olan bir sistemdir.Ayrıca bunları <m€ta----/> taglari arasına yazmalısınız.Şimdi sizlere bu tagleri ve işlevlerini sunacağım.


-Description;Bu tag içine site içeriğinin tanımı yapılmaktadır.Yeni Nesil motorlar bu kısmı gözden geçirmektedir.Siteniz için önemli bir bölümdür.


-Keywords;Bu tag içine site indexleri ile alakalı anahtar kelimeleri yazılmalıdır.Arama motorları bu kısım ile fazla ilgilenmez!!!


-Robots;Bu tag sitenin arama motoruyla karşılaştığında siteniz nasıl davranacağını öğretmektedir.
Ör;index ile sitenin indexlerini sunacağı ve follow ile de site içindeki linklerin takip edilmesi sağlanmaktadır.


-Content-Type;Bu tag sitenin aramalarda çıkması için oldukça önemlidir.Burayı eğer TÜRKÇE bir site kuracaksanız UTF-8 olarak tanımlamanız gerekmektedir.


-Generator;Bu tag site içeriğinin(HTML Yapısı)hangi yazılım ile oluşturulduğu hakkında bilgi verir.


-Rfresh;Bu tag ise sayfanın kaç saniyede bir tarayıcı tarafından yenileceğini atıyor.





Kullanıcı İmzası
"Sahici bir sarsıntı,sahte bir dengeden iyidir."
Konu maj344 tarafından (13-05-2019 21:07 Saat 21:07 ) değiştirilmiştir.

13-05-2019 00:54
#2
'POLY - ait Kullanıcı Resmi (Avatar)
Kulüpler Sorumlusu
Üyelik tarihi:
09/2012
Mesajlar:
706
Teşekkür (Etti):
59
Teşekkür (Aldı):
175
Konular:
216
Ticaret:
(0) %
Kullandığımız metin editorünüde biraz anlatsaydın keşke ellerine sağlık m4a1
13-05-2019 00:57
#3
maj344 - ait Kullanıcı Resmi (Avatar)
Üye
Üyelik tarihi:
02/2019
Mesajlar:
136
Teşekkür (Etti):
37
Teşekkür (Aldı):
28
Konular:
14
Ticaret:
(0) %
Alıntı:
'POLY´isimli üyeden Alıntı Mesajı göster
Kullandığımız metin editorünüde biraz anlatsaydın keşke ellerine sağlık m4a1
Asıl konum html olduğu için editörü anlatmayı akıl edemedim ama konu içinde kısa kısa anlatmaya çalıştım hocam boş vakitte detaylı anlatımını yapmaya çalışacağım
Kullanıcı İmzası
"Sahici bir sarsıntı,sahte bir dengeden iyidir."
13-05-2019 01:40
#4
DemirBeY10 - ait Kullanıcı Resmi (Avatar)
Üye
Üyelik tarihi:
07/2017
Nereden:
Pasifik
Mesajlar:
239
Teşekkür (Etti):
15
Teşekkür (Aldı):
48
Konular:
22
Ticaret:
(0) %
Güzel konu hocam devamını bekliyoruz bir çok kişi için bu seri faydalı olacaktır diye düşünüyorum
Kullanıcı İmzası
Uyuyan Milletler Ya Ölür Ya da Köle Olarak Uyanır


☾☆ 𐰤𐰀∶𐰢𐰆𐱃𐰞𐰆∶𐱅𐰇𐰼𐰜𐰢∶𐰓𐰃𐰘𐰤𐰀 ☾☆
☾☆ ALGAN ☾☆
13-05-2019 02:04
#5
maj344 - ait Kullanıcı Resmi (Avatar)
Üye
Üyelik tarihi:
02/2019
Mesajlar:
136
Teşekkür (Etti):
37
Teşekkür (Aldı):
28
Konular:
14
Ticaret:
(0) %
Alıntı:
DemirBeY10´isimli üyeden Alıntı Mesajı göster
Güzel konu hocam devamını bekliyoruz bir çok kişi için bu seri faydalı olacaktır diye düşünüyorum
Hafta hafta seri devam edecek hocam umarım faydalanır herkes sağolun
Kullanıcı İmzası
"Sahici bir sarsıntı,sahte bir dengeden iyidir."
13-05-2019 04:47
#6
Üyelik tarihi:
07/2018
Mesajlar:
407
Teşekkür (Etti):
7
Teşekkür (Aldı):
32
Konular:
19
Ticaret:
(0) %
Guzel konu surekli olursa daha yararli olacagini dusunuyorum. Kolay gelsin
Kullanıcı İmzası
Var mısın ki yok olmaktan korkuyorsun ?
13-05-2019 16:00
#7
maj344 - ait Kullanıcı Resmi (Avatar)
Üye
Üyelik tarihi:
02/2019
Mesajlar:
136
Teşekkür (Etti):
37
Teşekkür (Aldı):
28
Konular:
14
Ticaret:
(0) %
Alıntı:
By Neferian´isimli üyeden Alıntı Mesajı göster
Guzel konu surekli olursa daha yararli olacagini dusunuyorum. Kolay gelsin
Seri devam edecektir her hafta bir konu olmak üzere teşekkür ederim hocam
Kullanıcı İmzası
"Sahici bir sarsıntı,sahte bir dengeden iyidir."
13-05-2019 17:25
#8
Mamilost - ait Kullanıcı Resmi (Avatar)
Üye
Üyelik tarihi:
05/2018
Nereden:
NEREYE
Mesajlar:
440
Teşekkür (Etti):
314
Teşekkür (Aldı):
33
Konular:
18
Ticaret:
(0) %
Ellerinize sağlık hocam yeni başlayanlar için çok yararlı
Kullanıcı İmzası
Şimdi ben buraya neden çıktım? Niçin çıktım? Nasıl çıktım? Bunu izaha gerek yok. Gördünüz, yürüdüm çıktım. Ama çıkmamış da olabilirim. Çıkmışsam çıkmışımdır, çıkmamışsam, çıkmamışımdır. Görünen köy uzakta değildir. Buraya çıktık da, sonradan çıkmadık mı dedik? Bunlar birtakım uydurma laflardır. Sahi ya, ben buraya neden çıktım? Kim çıkardı ulan beni buraya?
07-06-2019 20:13
#9
Barlas18 - ait Kullanıcı Resmi (Avatar)
Üye
Üyelik tarihi:
05/2019
Mesajlar:
12
Teşekkür (Etti):
1
Teşekkür (Aldı):
1
Konular:
0
Ticaret:
(0) %
Eline koluna sağlık hocam
07-06-2019 21:39
#10
Üyelik tarihi:
07/2017
Mesajlar:
1.059
Teşekkür (Etti):
1144
Teşekkür (Aldı):
271
Konular:
171
Ticaret:
(0) %
Güzel ve yararlı bir konu olmuş ellerinize sağlık
Kullanıcı İmzası


Dikkatli Geçirilen Vakit Nakittir...!
Kader Zamanı Takip Eder...!
Kaderin Çizdiği Yol Başarısız Olsa Bile Başarmaktadır...!


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ı