İçeriğe geç
ShiftDelete.Net
Haber ara/ SDN'ye SorGiriş
Haber Akışı SDNTV İnceleme Forum Yapay Zeka Akıllı Telefon Elektrikli Otomobil Oyun ShiftDelete.Net Global Teknoloji Haberleri Mobil Otomobil Donanım Savunma Bilim Sosyal Medya İnternet Giyilebilir Teknoloji Rehber Ürünler Son dakika Yazarlar
  1. Ana sayfa
  2. Topluluk
  3. Webmaster Dünyası
  4. Web Tasarımı
Web Tasarımı

HTML Dersleri

Denizhan Dakılır11.03.200863 cevap26.014 görüntüleme Kilitli
2007'den beri3.985 mesaj
#1
Artık HTML derslerine başladım....

Hemen başlıyalım...

HTML Nedir?

HTML (Hyper Text Markup Language) internet üzerinde web sayfası oluşturmak için kullanılan bir betik dilidir. HTML dosyalarının aktarımı için HTTP (Hyper Text Transfer Protocol) kullanılır. HTML dosyaları sunucu bilgisayarın sabit diskinde .html ya da .htm uzantısı ile saklanır. Yazdığımız html dosyaları düz yazı dosyalarından başka bir şey değildir. Yani yazdığımız html dosyalarını bir C ya da Pascal programında olduğu gibi bir derleyici ile derlememize gerek yoktur. Bir siteye girdiğimiz zaman bize görüntülenen ilk sayfa index.html, index.htm, index.asp, index.php ya da default.htm dosyalarından birisidir. index.* dosyaları UNIX ve türevi sunucu sistemler, default.htm dosyasıda WinNT ya da türevi sistemler için giriş sayfası olur. Yukarıda saydıklarımın dışında uzantısı değişik birçok biçemdeki sayfalar da sunucu sistemin ayarları değiştirilerek giriş sayfası yapılabilir.
Web istemcimizin adres satırına http://www.belgeler.org gibi bir ifade yazarsak sunucu sistem bize, o adresin www kök dizinindeki index.html (ya da hangi giriş sayfası tanımlı ise) dosyasını görüntüleyecektir.

Burası alıntıdır diğerleri benim :D

Devamı yakında...
Cevaplar
2007'den beri2.678 mesaj
#2
Dersler başladı, herkes sınıfa :D :D
2007'den beri2.158 mesaj
#3
çokk karışık ama güzel bi ders önerim frontpage yi bozarak öğrenmek :D
Denizhan Dakılır Konuyu açan
2007'den beri3.985 mesaj
#4
Evet sınıflara

Basit Bir HTML Sayfası Yapımı

HTML Kodlaması oluşturmak için ilk önce gerekli programı indirelim

Dreamweaver 8 de öğreteceğim

Basit bir sitenin sayfanın kaynağını goruntule dıyerek tasarımına bakabılırız.

Örnek site: KaptanForum.Net ( Kendi tasarımım )

Ekran Görüntüsü: ( Kendi kodlamam cs script üzerinde oynamalar yapalım)



Eğer görünümden değiştirmek istiyorsanız kurulumdan sonra programı çalıştırdığınızda designer kısmı seçiniz.

HTML örnek kod
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="generator" content="Web Page Maker V2">
<title>Sitenin İSMİ</title>
Burayada diğer kodlar

</div></body>
</html>


Devamı geliyor

Denizhan Dakılır Konuyu açan
2007'den beri3.985 mesaj
#5
Dersler devam ederken sorularınızı alalım...
Denizhan Dakılır Konuyu açan
2007'den beri3.985 mesaj
#6
Bağlantılara özel dokunuş

Bağlantılarınızın şöyle bir hal mı almalarını istiyorsunuz.

[url=Yönlendirmek istediğiniz link][color=red]Burayada link yerine görülcek yazı[/color][/url]


Yada renksiz olmasını istiyenler verdiğim html kodunda bulunan renk kodlarını kaldırsınlar

2008'den beri1.432 mesaj
#7
Peki altındaki çizgiyi nasıl silecez bu resimde yok ama kendi yaptığımız url lerde altta çizgi oluyor...
Denizhan Dakılır Konuyu açan
2007'den beri3.985 mesaj
#8
Pek ilgi yok mu ne html ye :}

neyse devam derslere

Nasıl reklam veririz?

ilk önce elinizde reklam resmi olması lazım

Durun hemen örnek verelim ama bu ne yazıkki reklam alanı resmi



Şimdide bu reklam resmini httpdocs da images diye bir klasör oluşturun ve klasörün içine atın

Sıra geldi bu resmi anasayfanın altında göstermeye

Eklemeniz gereken kod
<div id="image12" style="position:absolute; overflow:hidden; left:206px; top:700px; width:468px; height:60px; z-index:27"><img src="images/Reklam.gif" border=0 width=468 height=60></div>


Reklam.gif yerine istediğiniz dosya ve uzantısını koyabılırsınız images klasörü yerine başka bir klasörede atabılırsınız koddaki imagesi değiştirip koymalısınız klasörü değiştirdiğinizde

Kolay Gelsin...

Devamı gelcek...
Denizhan Dakılır Konuyu açan
2007'den beri3.985 mesaj
#9
MtHan dedi:
Peki altındaki çizgiyi nasıl silecez bu resimde yok ama kendi yaptığımız url lerde altta çizgi oluyor...
Altta çizgimi? :S
lütfen ekran görüntüsü verirmisin
2008'den beri1.432 mesaj
#10
dadasd

Yukardaki örnek gibi
Denizhan Dakılır Konuyu açan
2007'den beri3.985 mesaj
#11
url değilde URL yaz ayrıca url=http// olmıcak

en kotusude kodlaması altında cızgı yap demektır :)
2008'den beri5.530 mesaj
#12
deniz biraz daha açılayıcı olusan sevinirim
Denizhan Dakılır Konuyu açan
2007'den beri3.985 mesaj
#13
anlamadım neresini daha çok açıklıyım söylede hemen derine ineyim :)
2008'den beri5.530 mesaj
#14
mesela <html> <heat> <kod> bu gibi terimlersen iyi olur
Denizhan Dakılır Konuyu açan
2007'den beri3.985 mesaj
#15
<html> ana bloktur

<head> Tanımlamalar yani kullanıcının browserde görmediği bölümdür.
2007'den beri645 mesaj
#16
Denizhan vermiş olduğun link örneği forumlarda kullanılır. HTML site yapımında ise <a> </a> tagı kullanılır ve bu tag ile link verdiğinde altı çizili ve rengi mavi olur.Düzeltmenin yolu yok mu?? var bir iki kod parçasıyla altındaki çizgiyi silip rengini de istediğimiz gibi ayarlıyabiliyoruz yalnız şuan pek vaktim yok en yakın zamanda yazarım.

Bi örnek kodlama vereyim farka bakarsınız.
<html>
<body>
[url=http://www.google.com]google[/url]
<p><a href="[url]http://www.google.com">google</a></p>[/url]
</body>
</html>


Not: Bilmeyen arkadaşlar kodları kopyalayıp bir not defterine kayıt edin daha sonra .txt olan uzantıyı .html olarak düzeltin yada bir internet browser ı ile açabilirsiniz.
Denizhan Dakılır Konuyu açan
2007'den beri3.985 mesaj
#17
NE YAZIKKİ GÖSTERDİĞİM YOL HTML LERDE BULUNUR.

<html> bu kod bulunduğu sürece html dir ki çünkü ana bloktur
2007'den beri645 mesaj
#18
göstermiş olduğun yol forumlarda (php forumlarda) bulunur. eger sayfa kaynağını açıp bakarsan verdiğin link <a href="http..."> </a> tagı içersinde bulunur. Lütfen verilen örnekleri inceleyelim...
Denizhan Dakılır Konuyu açan
2007'den beri3.985 mesaj
#19
Peki sana bir şey sölicem

özel mesajla benım yasımla dalga gecme

sımdı konuya donıyım

html tagı dur bır ornek verıyım sımdı :) hemde verdıgın ornek te

<html>
bu benım verdıgım kodlamadada var :)
2007'den beri645 mesaj
#20
var olsun bu tagının çalışacağı anlamına gelmez ki anlaşamadık heralde tagı html içersinde <a href> tagı olur.
bu arada özel mesajda dalga geçmedim ve bi tane daha göndericem aç istersen Ö.M. leri gönderemiyorum
Denizhan Dakılır Konuyu açan
2007'den beri3.985 mesaj
#21
ö.mlerim öncedende kapalıydı şimdide kapalı ;)
2007'den beri645 mesaj
#22
"Kullanıcı 'Denizhan Dakılır' Kişisel Mesajınızı Kabul Etmiyor"

önceden nie öm atabildim o zaman yapma çocuklaşmaya gerek yok
istersen yazmam ama istersen de buraya da yazabilirim. :)
2008'den beri339 mesaj
#23
şu anda dreamweaver 8 indiryom
2007'den beri645 mesaj
#24
Tavsiyem de odur indir biraz kurcala öğrenirsin
Denizhan Dakılır Konuyu açan
2007'den beri3.985 mesaj
#25
@byhck benden izin almadan lütfen konudaki mesajlara yardım etme :P
2007'den beri645 mesaj
#26
en iisi msn den görüşelm biz bi yarım saat kadar sonra biraz işim var.

bu arada konuyuda kitle istersen bana karşı :D
Denizhan Dakılır Konuyu açan
2007'den beri3.985 mesaj
#27
HTML Derslerine devam edelim polemiğe gerek yok derslerime laf etmeyin

Elmacik diyorki :D

<b> kodu html 4 içindir

<strong> kodu ise xhtml için yazılmıştır...

ama xhtml <b> yi de çalıştırmaktadır...

HTML yide aştık sıra XHTML de :D

XHTML nedir

XHTML, açılımıyla Extensible HyperText Markup Language türkçesi Geliştirilebilir Büyütülmüş Metin İşaretleme Dili istemci taraflı(client side) bir metin işaretleme dilidir. XHTML 26 Haziran 2000'den beri bir web standartıdır. Kodlama olarak oldukça büyük farklar yaratan bu dil için:'Xml sözdiziminin Html içinde kullanılması.' diyebiliriz. Html dilinin farklı tarayıcılarda(Bknz. Internet Explorer, Firefox, Opera) farklı yorumlanması ve sözdiziminde fazla düzensizlik ve hata olduğu için XHTML W3C(World Wide Web Consortium - WWW) tarafından önerilmiştir. XHTML'nin diğer bir özelliğide kodlama yapanları CSS teknolojisini kullanmaya özendirmesidir.
2008'den beri339 mesaj
#28
kardeş şunları vidyolu anlatsanız ne iyi olur
2008'den beri5.530 mesaj
#29
spider_9600 dedi:
kardeş şunları vidyolu anlatsanız ne iyi olur
gerçektende video iyi olur biz video isteriz :D biz video isteriz :D
Denizhan Dakılır Konuyu açan
2007'den beri3.985 mesaj
#30
Videolu dersler yakında bizi izlemeye devam edin...

Bu konu kilitli

Kilitli konulara yeni cevap yazılamaz.