-
1.
+76 -6HTML hakkında,
Merhabalar gençler, html hakkında temel derslere başlıyoruz, malesef şuan video üzerinden anlatım yapma şansım olmadığından, sözlük üzerinden anlatımları gerçekleştiricem, ama yinede gayet verimli ve yararlı bir anlatım gerçekleştireceğime eminim..
Bu arada, yazılım altıninci'sinde html'den ben sorumluyum, pm atarak bana html hakkında, her soru ve ya probleminizi danışabilirsiniz.
NOT: Bu ilk bölüm olduğu için kodlamaya giriş yapmadım, 0'dan hiç bilmiyormuşcasına sözlükte yazılım üzerine ilgisi olan arkadaslara öğreticem.
Temel unsurları ve ileride neler yapıcağımızı anlattım. Gönül isterdi ki direk yapıma geçseydik, ama benim görüşümce, önce temel mantığı öğrenip sonra yapıma geçmek daha sağlıklı olacaktır.
HTML nedir?
HTML (HyperText Markup Language / Hareketli-Metin işaretleme Dili) basitçe, browserlarla görebileceğimiz, internet dökümanları oluşturmaya yarayan bir çeşit dildir. Örneğin, bir web sayfasında bulunan resim, flash, yazı gibi materyallerin yan yana anlaşılır görünmesi için HTML kullanmak zorundayız. Amatör veya profesyonel olarak WEB tasarım ile uğraşanlar HTML ile mutlaka tanışmışlardır.
Örneğin okuduğunuz bu sayfa HTML dili kullanılarak hazırlandı. Siz de browser'ınızı (Google Chrome, Opera, Internet Explorer, Netscape Navigator,..) kullanarak bu sayfayı ekranınızda görüntülüyorsunuz. Aslında şuan kullandığınız tarayıcı sadece bir aracı, Örneğin şuan tarayıcınız, Serkan'ın yazdırdığı kodları, görsel ortama taşıyarak serverlar üzerinden size sunuyor. Tanımda geçen "internet dökümanı" ifadesinin yanısıra HTML ile oluşturduğunuz verileri ve sayfaları offline ortama kaydedebilir ve dilediğiniz zaman çevrimdışı olarak görüntülüyebilirsiniz.
HTML, programlama dilleri (c, pascal, basic, python..) gibi bir programlama mantığı taşımadığından öğrenilmesi gayet kolay bir dildir. Diğer programlama dillerinden farklı yönü sadece görsel düzenleme için kullanılmasıdır .Aslında bir kodlama dilindenden ziyade metinleri düzenlemek için kullandığımız komutlar dizisi diyebiliriz HTML için. Yani HTML hakkında üzerindeki "dil" ifadesini bile kaldırabiliriz.
HTML Hakkında temel unsurlar:
HTML diğer dillere nispeten çok daha kolay bir dildir. Bu dilde binary veya hexadecimal kodlar bulunmaz. Herşey metin tabanlıdır. Hatta herhangi ek bir editör kullanmadan bu isi Windows'un Notepad'i ile dahi halledebilirsiniz.
HTML yazma işini bizim yerimize yapan programlar (Frontpage, Dreamweaver, Namo vb.) vardır ve biraz da HTML bilgisi ile de kolaylıkla kendi sitenizi yapabilirsiniz. Fakat bu programlar üzerinden yapabilecekleriniz kısıtlıdır, yani programın size izin verdiği kadardır. Dilerseniz bu programlarıda kullanabilirsiniz. Fakat yeni başlayan arkadaşlara temel düzeyde, Windows Notepad üzerinden çalışmalalırını öneririm. Sözlük üzerinden yapıcağım anlatımdada ağırlıklı olarak Windows Notepad üzerinden gerçekleştireceğim.
Aslında HTML'in çalışma mantığı,
HTML dilinde yazdiginiz kodları ücret karşılığı veya bedava hizmet veren servis sağlayıcınızın sunucusuna(server) yüklersiniz(upload); Bu sunucu sizin web sayfanızı internette yayınlar; Sitenize gelen ziyaretçilerin browserları bu kodları yorumlar ,böylece ziyaretçiler sayfayi görüntülemiş olur. Kendi yazdığınız kodları kendi browserınızla açarak da sayfanızın nasıl goründüğünü test edebilirsiniz. Bu mantığı konular ilerleyince çok daha iyi kavrayacaksınız.
HTML ile bir çok şey yapabiliriz evet, fakat bunun gibi yapamıyacağmız şeylerde vardır;
1-Etkileşimli, olaylara duyarlı sayfalar.
2-Formları işleyip degerlendiren programlar.
Unutmayın beyler, bu başlıklarda çok büyük emek var, saatlerce uğraşılarak yazılıyor bunlar, size bir katkımız olsun diye..
Okudugunuz için teşekkürler,
Devamı gelicek...
2. Bölüm Yayınlandı..
HTML Temel Tag'ler v2: http://www.incisozluk.com.tr/w/html-temel-tagler-v2/
(bkz: html temel tagler v2)
3. Bölüm Yayınlandı..
HTML Genel Tag'ler Uygulamalı v3:
http://www.incisozluk.com...agler-uygulamal%C4%B1-v3/
(bkz: html genel tagler uygulamalı v3)
4. Bölüm Yayınlandı..
http://www.incisozluk.com...-ve-renk-kodlar%C4%B1-v4/
(bkz: html tüm tag bileşenleri ve renk kodları v4)
Beşinci ders yayınlandı..
(bkz: html ile web sitesi yapmak son ders v5)
http://www.incisozluk.com...itesi-yapmak-son-ders-v5/
-bozalabozbasliklipisporsuk
-
2.
+2Oha lan
Bune amk -
-
1.
+1Rezervasyon
-
-
1.
0Helal et gelmiş yine nickine sıçtığım
-
2.
0Şenin nick te benimkinden çok farklıymış panpa.
-
3.
02. Bölüm yayınlandı. HTML Temel Tag'ler v2, http://www.incisozluk.com.tr/w/html-temel-tagler-v2/
diğerleri 1 -
1.
-
1.
-
3.
+7 -11canı sıkılan meslek liseli html dersi veriyor. yeter lan! tarikat mısınız olum siz?
-
-
1.
+1Beğenmiyorsan yol al, yoksa o elindeki klavyeyi yarın zütünden çıkartırsın.
insanlara bir yararımız olsun diye saatlerce emek veriyoruz, aldığımız cevaba bak. -
-
1.
+1 -1Google dan copy paste diyip emek mi diyorsun dıbınakoyduğum. google da sayısız kaynak var zaten 3 kuruşluk aklınla kime ne bilgisi vereceksin? htaccess den php den asp.net den habersiz yarramın kafatası. gibtir git çoluk çocuğun olduğu gruplara bilgi ver giberim grubu foruma çevirdiniz iyice
-
2.
0Ulan ne copy paste'i gir ara bakıyım nerden copy paste etmisim şerefsiz herif. Bilmeyenlere öğretiyoruz işte. O küçücük beyninle yorum yapıyorsun, sanki biz bilmiyorduk asp.net'i htaccess vb. kaynakları. insanlara bir şeyi yapmayı degil, onu yapmanın mantığını öğretiyoruz. Gider gibtimin programlarıyla kodlama yapmadan, benim ilkokul 3'te yaptıgım siteler gibi bir site yaparsın. Yazılımcıyım diye geçinirsin. Sadece yazılım üzerinden edindigim tecrübe ve bilgi, o küçücük kafanın icindeki tüm bilgilerden daha fazladır, emin ol.
-
3.
0Htaccess ve asp.net kaynak değil yazılım dili. ilkokul 3 te site yapıyorum dediğin oyunlar1 de öyle bir oyun mu vardı? ilkokul 3 te yarrama yaparsın siteyi dıbına koyduğumun ilk okullusu. O kadar kolay olsa yazılım mühendisliği, yazılım alanı çok gelişirdi. Ayrıca, yazılım bilgime 11. Sınıf web tasarım bölümü ilk dönemde öğrendiklerinle laf ediyorsun sanırsam. Hangi lise? Hocanla konuşayım biraz *
-
4.
0Yazıllım dilleri programlama için kaynak değilmi? Diller demek yerine kaynaklar demiş takıldığın yer burasımı? ve evet o kadar kolay, lan html kadar basit bir dil yok, dalgamı geçiyorsun html sadece basit, temel kodlardan oluşuyor. Bi tak bilmeden konuşup kendini rezil etme bari..
-
5.
02 html kodu bilen kendini webmaster ilan ediyor. Html zordur demedim, farkındaysan 3. Sınıf için kullanımının zor olduğunu söyledim. Sırf olaylara muhalefet olmak için yazıyorsun. Üzücü, gelecekte sizlerde belki yazılımcı olacaksınız (belki oldunuz) ama hala karakterleriniz oturmamış
diğerleri 3 -
1.
-
2.
+1Amk Hala teyze enişte gibenlerinden iyidir
-
1.
-
4.
0Okumadım bana teşekkür etme
-
-
1.
0"Okumadıysan, sonunu nasıl biliyorsun kardeş?" diye sormazlar mı panpa?
-
1.
-
5.
+1 -1Okumayın sözlügü hackledim
-
6.
+2Başlığı mod seçimine alıyorum. Devdıbını bekliyoruz. Görsel şeyler de olsun
-
-
1.
0Panpa sen mod musun
-
2.
-1ulan tum copy paste yapan yazilimci cakmalarinda bu adam var amk
-
1.
-
7.
0java ruby jquery bunlarla gelin html ile ilgili kaçıncı başlık bu panpa :/
-
-
1.
+1Onlar da olacak.Bu altinciyi takip etmeye devam edin.
-
-
1.
0HTML'i bitireyim, başka dillerine anlatımlarınıda yapmayı planlıyorum.
-
1.
-
1.
-
8.
+1rez belki okur bişeyler öğrenirim
-
-
1.
0Bu arada 2. Bölüm yayınlandı kardeşim. HTML Temel Tag'ler v2, http://www.incisozluk.com.tr/w/html-temel-tagler-v2/
-
2.
+1Eyv bakıcam
-
1.
-
9.
+1Ellerine sağlık panpa #rez .
-
-
1.
0Teşekkür ederim, Bu arada 2. Bölüm yayınlandı kardeşim. HTML Temel Tag'ler v2, http://www.incisozluk.com.tr/w/html-temel-tagler-v2/
-
-
1.
+1Sen beni hep bilgilendir panpa
-
1.
-
1.
-
10.
0#rez pampa takipteyin
-
-
1.
0Bu arada 2. Bölüm yayınlandı kardeşim. HTML Temel Tag'ler v2, http://www.incisozluk.com.tr/w/html-temel-tagler-v2/
-
1.
-
11.
0En yakın zamanda v2 yi yolla belki bie gib öğreniriz
-
-
1.
0En yakın zamanda, o da gelicek.
Takipte kalın..
-
1.
-
12.
+1Rez panpa takipteyim
-
13.
0Kardes v2 yi ne zaman attin
-
-
1.
0Yarın atmaya çalısırım..
-
1.
-
14.
+1Resswrs
-
-
1.
0Bu arada 2. Bölüm yayınlandı kardeşim. HTML Temel Tag'ler v2, http://www.incisozluk.com.tr/w/html-temel-tagler-v2/
-
1.
-
15.
+1Yazilimci pnp rez okurum
-
-
1.
0Bu arada 2. Bölüm yayınlandı kardeşim. HTML Temel Tag'ler v2, http://www.incisozluk.com.tr/w/html-temel-tagler-v2/
-
1.
- 16.
-
-
1.
0Bu arada 2. Bölüm yayınlandı kardeşim. HTML Temel Tag'ler v2, http://www.incisozluk.com.tr/w/html-temel-tagler-v2/
-
1.
-
17.
0paython gelecek mi zanza
-
-
1.
0Html bitsin, yavaş yavaş tüm bildiklerimi anlatıcam. Takipte kalın..
-
1.
-
18.
0Rez takipteyim kardeşim
-
-
1.
0Bu arada 2. Bölüm yayınlandı kardeşim. HTML Temel Tag'ler v2, http://www.incisozluk.com.tr/w/html-temel-tagler-v2/
-
1.
-
19.
0Rezzzzzzzz
-
-
1.
0Bu arada 2. Bölüm yayınlandı kardeşim. HTML Temel Tag'ler v2, http://www.incisozluk.com.tr/w/html-temel-tagler-v2/
-
1.
-
20.
0Girelim panpa
-
-
1.
0Bu arada 2. Bölüm yayınlandı kardeşim. HTML Temel Tag'ler v2, http://www.incisozluk.com.tr/w/html-temel-tagler-v2/
-
1.