HTML Dersleri

Durum
Üzgünüz bu konu cevaplar için kapatılmıştır...

Denizhan Dakılır

Profesör
Katılım
3 Haziran 2007
Mesajlar
3,985
Reaksiyon puanı
23
Puanları
0
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...
 

onair

Profesör
Katılım
28 Haziran 2007
Mesajlar
2,678
Reaksiyon puanı
7
Puanları
218
Dersler başladı, herkes sınıfa :D :D
 

Serkannd

Profesör
Katılım
12 Aralık 2007
Mesajlar
2,158
Reaksiyon puanı
10
Puanları
218
çokk karışık ama güzel bi ders önerim frontpage yi bozarak öğrenmek :D
 

Denizhan Dakılır

Profesör
Katılım
3 Haziran 2007
Mesajlar
3,985
Reaksiyon puanı
23
Puanları
0
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)

ekranbo4.jpg


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

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

Profesör
Katılım
3 Haziran 2007
Mesajlar
3,985
Reaksiyon puanı
23
Puanları
0
Bağlantılara özel dokunuş

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

ekran1nn4.jpg


Kod:
[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



 

MtHan

Profesör
Katılım
3 Şubat 2008
Mesajlar
1,432
Reaksiyon puanı
14
Puanları
0
Peki altındaki çizgiyi nasıl silecez bu resimde yok ama kendi yaptığımız url lerde altta çizgi oluyor...
 

Denizhan Dakılır

Profesör
Katılım
3 Haziran 2007
Mesajlar
3,985
Reaksiyon puanı
23
Puanları
0
Pek ilgi yok mu ne html ye :}

neyse devam derslere

[tt]Nasıl reklam veririz?[/tt]

ilk önce elinizde reklam resmi olması lazım

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

reklamax6.gif


Ş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

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

Profesör
Katılım
3 Haziran 2007
Mesajlar
3,985
Reaksiyon puanı
23
Puanları
0
MtHan dedi ki:
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
 

Denizhan Dakılır

Profesör
Katılım
3 Haziran 2007
Mesajlar
3,985
Reaksiyon puanı
23
Puanları
0
url değilde URL yaz ayrıca url=http// olmıcak

en kotusude kodlaması altında cızgı yap demektır :)
 

Denizhan Dakılır

Profesör
Katılım
3 Haziran 2007
Mesajlar
3,985
Reaksiyon puanı
23
Puanları
0
anlamadım neresini daha çok açıklıyım söylede hemen derine ineyim :)
 

PC MERAKLISI

Dekan
Katılım
1 Şubat 2008
Mesajlar
5,530
Reaksiyon puanı
2
Puanları
0
mesela <html> <heat> <kod> bu gibi terimlersen iyi olur
 

Denizhan Dakılır

Profesör
Katılım
3 Haziran 2007
Mesajlar
3,985
Reaksiyon puanı
23
Puanları
0
<html> ana bloktur

<head> Tanımlamalar yani kullanıcının browserde görmediği bölümdür.
 

byhck

Doçent
Katılım
4 Aralık 2007
Mesajlar
645
Reaksiyon puanı
2
Puanları
0
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.

Kod:
<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

Profesör
Katılım
3 Haziran 2007
Mesajlar
3,985
Reaksiyon puanı
23
Puanları
0
NE YAZIKKİ GÖSTERDİĞİM YOL HTML LERDE BULUNUR.

<html> bu kod bulunduğu sürece html dir ki çünkü ana bloktur
 

byhck

Doçent
Katılım
4 Aralık 2007
Mesajlar
645
Reaksiyon puanı
2
Puanları
0
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

Profesör
Katılım
3 Haziran 2007
Mesajlar
3,985
Reaksiyon puanı
23
Puanları
0
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 :)

 

byhck

Doçent
Katılım
4 Aralık 2007
Mesajlar
645
Reaksiyon puanı
2
Puanları
0
var olsun bu tagının çalışacağı anlamına gelmez...ndericem aç istersen Ö.M. leri gönderemiyorum
 

byhck

Doçent
Katılım
4 Aralık 2007
Mesajlar
645
Reaksiyon puanı
2
Puanları
0
"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. :)
 

byhck

Doçent
Katılım
4 Aralık 2007
Mesajlar
645
Reaksiyon puanı
2
Puanları
0
Tavsiyem de odur indir biraz kurcala öğrenirsin
 

Denizhan Dakılır

Profesör
Katılım
3 Haziran 2007
Mesajlar
3,985
Reaksiyon puanı
23
Puanları
0
@byhck benden izin almadan lütfen konudaki mesajlara yardım etme :P
 

byhck

Doçent
Katılım
4 Aralık 2007
Mesajlar
645
Reaksiyon puanı
2
Puanları
0
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

Profesör
Katılım
3 Haziran 2007
Mesajlar
3,985
Reaksiyon puanı
23
Puanları
0
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.
 
Durum
Üzgünüz bu konu cevaplar için kapatılmıştır...
Üst