-
1.
+76 -6HTML hakkında,Tümünü Göster
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.
+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.
-
3.
+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.
-
4.
+1 -1Okumayın sözlügü hackledim
-
5.
+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.
-
6.
+1Bütlerden sonra takip edeceğim başlığı Yakın bir zamanda ben de content üretmeyi düşünüyorum bu hem insanlara yarlı oluyor hem de insanın kendi bilgilerini tazelemesi ı ve bu bilgilerin kalıcı olmasını sağlıyor. emeğine sağlık sakın bırakma
-
-
1.
0Teşekkürler kardeşim, uzun süre bırakmayı düsünmüyorum, en azından bu topluluğa bir katkımız olsun..
-
2.
0Bu arada 2. Bölüm yayınlandı kardeşim. ilgileniyorsan öneririm..
HTML Temel Tag'ler v2, http://www.incisozluk.com.tr/w/html-temel-tagler-v2/
-
1.
-
7.
+1Rezerved
-
-
1.
02. Bölüm yayınlandı. HTML Temel Tag'ler v2, http://www.incisozluk.com.tr/w/html-temel-tagler-v2/
-
1.
-
8.
+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.
-
9.
+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.
-
10.
+1Rez panpa takipteyim
-
11.
+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.
-
12.
+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.
-
13.
0Rez aldım
-
14.
0Okumayin serkani hackledim
-
15.
0Rezerve
-
-
1.
02. Bölüm yayınlandı kardeşim. ilgileniyorsan öneririm..
HTML Temel Tag'ler v2, http://www.incisozluk.com.tr/w/html-temel-tagler-v2/ -
2.
0Eyvallah kardeşim
-
1.
-
16.
0Takipteyim rezz
-
-
1.
02. Bölüm yayınlandı kardeşim. ilgileniyorsan öneririm..
HTML Temel Tag'ler v2, http://www.incisozluk.com.tr/w/html-temel-tagler-v2/ -
2.
0Sağol panpa hemen bakıyorum
-
1.
-
17.
0Rezlendim
-
-
1.
02. Bölüm yayınlandı kardeşim. ilgileniyorsan öneririm..
HTML Temel Tag'ler v2, http://www.incisozluk.com.tr/w/html-temel-tagler-v2/
-
1.
-
18.
0Rez aliym
-
-
1.
02. Bölüm yayınlandı kardeşim. ilgileniyorsan öneririm..
HTML Temel Tag'ler v2, http://www.incisozluk.com.tr/w/html-temel-tagler-v2/
-
1.
-
19.
0Rezerved
-
-
1.
02. Bölüm yayınlandı kardeşim. ilgileniyorsan öneririm..
HTML Temel Tag'ler v2, http://www.incisozluk.com.tr/w/html-temel-tagler-v2/ -
-
1.
0Çok sağol panpa
-
1.
-
1.
-
20.
0Rezervasyon
-
-
1.
+12. Bölüm yayınlandı kardeşim. ilgileniyorsan öneririm..
HTML Temel Tag'ler v2, http://www.incisozluk.com.tr/w/html-temel-tagler-v2/
-
1.
başlık yok! burası bom boş!