web programla bak bir

çapari · 5 Şub 2007

Komutları öğrenmeye başlıyoruz!

<HTML> </HTML>

Bir web sayfası <html> ile başlar, </html> ile biter. <html>
<head>
<title>Buraya sitenin adı yazılır</title>
</head>
<body>Burasını daha sonra dolduracağız. Sitenizde olması gereken herşey bu arada yer alacak</body>
</html>
<HEAD> </HEAD>

Sitemizin adının yer aldığı Title'lın, **** Tag denilen, arama motorlarında bulunmanızı kolaylaştıran şeylerin yazıldığı yerdir. Sitede birçok şeyi, yazıların biçimlerini, büyüklüklerini, renklerini belirleyip işimizi epey kolaylaştıran CSS ler de buraya konur. Javacript denen bazı şeyler de... Bunları söyledim ama kafanız karışmasın, zamanı gelince onların neler olduğunu anlatacağım. Şimdilik geçelim.
<TITLE> </TITLE>

Her sitenin bir adı olması gerekir.
<title> DayDay </title>
Mısra ile Bulut'nin sitesinin adı: DayDay. Biliyorsunuz insanlar birşeyi ararken adını yazıp ararlar... <BODY> ... </BODY>

Burası web sayfanızda olmasını istediğiniz yazı ve resimlerin bulunduğu bölüm.
Buradaki komutların neler olduğunu sırayla öğreneceksiniz.
Ama önce, sayfamızı şöyle bir görelim değil mi?
Bulut, ilk sayfada bu yazı olsun istiyor: "DayDay, seni çok seviyoruz! "
Haydi bakalım deneyelim ::yo :yo alıntıdır.

çapari · 5 Şub 2007

İlk Sayfamızı yapıyoruz

Önce not defterimizi açalım. Monitörün altında sol tarafta başlat menüsü var.
Programların içinde Donatılar... Onun içinde de not defteri...
Aslında bunun yerini bildiğinize eminim

Aşağıdaki yazıyı açtığınız sayfaya yazın.

<html>
<head>
<title> DayDay </title>
</head>
<body> DayDay seni çok seviyoruz </body>
</html>
İndex adını verin ve önceden belirlediğiniz bir yere kaydedin. (Daha sonra bulmanız gerekecek)
Kaydettiğiniz sayfaya gidip tıklayınca hiç birşey olmadı değil mi? Hiç web sayfasına benzemiyor. İlk yazdığınız gibi yani aşağıdaki gibi görüyorsunuz.

O zaman "farklı kaydet" seçeneğini kullanıp yeniden deneyelim:
Bu kez kaydederken index.html (ya da index.htm) yazarak kaydedin. Tekrar gidip bu yeni sayfaya tıklayarak açın. Evett

) Oldu işte ! Yazdığımız diğer yazılar artık görünmüyor.

Görünen sadece söylemek istediğiniz şey olacak...

Sonraki derste bu yazıya daha neler yapabileceğimizi göreceğiz

çapari · 5 Şub 2007

Yazı (Tip, Renk, Büyüklük)

Bu yazıyı hatırlıyorsunuz. Sadece yazmıştık. Çok sıradan görünüyor değil mi? Farklı durumlar için, farklı büyüklük, tip ve renklerde yazılar gerekir. Ayrıca yazının sayfanın neresinde duracağına da siz karar vermelisiniz.

Yazılar aşağıdaki komutlar içine yazılır.

Yazının büyüklüğü için "size"
yazı tipi için "face"
Yazı rengi için "color" komutlarını kullanmanız gerekir.

Aşağıdaki örneği yazın:
<font size="3" face="Arial" color="red">DayDay seni çok seviyoruz</font>Yazıların yerinin <body> komutundan sonra gelmesi gerektiğini unutmayın.

<html>
<head>
<title> DayDay </title>
</head>
<body>

<font size="4" face="Arial" color="red">DayDay seni çok seviyoruz</font>
</body>
</html>

İsterseniz yaptığımızın neye benzediğine bakalım.

Şimdi tek tek tekrar edelim.
YAZI BÜYÜKLÜĞÜ

font size="4" 5 yerine 2, 3, 4, 6 yazabilirsiniz.
Ayrıca yazınızı aşağıdaki kodların arasına da yazabilirsiniz.. Yine aşağıda gördüğünüz büyüklüklerde görünür.
<h1> DayDay </h1>

<h2> DayDay </h2>

<h3> DayDay </h3>

<h4> DayDay </h4>

<h5> DayDay </h5>

<h6> DayDay </h6>

YAZI RENGİ
Renkler için ya renk kodunu ya da ingilizce adını yazmalısınız.
color="red" yerine, farklı renk isimleri yazın.

red - kırmızı
blue - mavi
yellow - sarı
white - beyaz
black - siyah

Diğer renklerin İngilizce yazılışları ve kodları için bu sayfaya bakabilirsiniz. Renklerle ilgili ilginizi çekebilecek ayrıntılar için de buraya bir ara göz atın.

Kodlarla yazmak istiyorsanız,
color="#FF0000" renk adı yerine kod yazmanız gerekir.

red - #ff0000
blue - #0000ff
yellow - #ffff00
white - #ffffff
black - #000000

Dikkat ettiyseniz color=" " tırnak işaretleri arasında renk adını kullanırken # işaretini yazmıyoruz. Onu sadece renk kodlarını yazarken kullanıyoruz.

YAZI TİPİ
face="Arial" yerine Verdana, Arial Narrow, Times New Roman, Comic Sans MS, Helvetica, sans-serif, gibi yazı tipi adlarını yazarsanız yazınız o biçimde görünecektir.
Ama çok önemli bir şey var... Bir yazı tipi, ancak başkasının bilgisayarında da o yazıdan varsa görünür. Yoksa yaptığınız bir işe yaramaz. Bu yüzden, örnek olsun diye baktığınız sayfadaki font isimlerini kullanmaya kalkmayın

)) Yukarıda yazdığım örneklerle yetinmelisiniz şimdilik. alıntı

bakii · 8 Şub 2007

tsk arkadasim bugunde birsey ogrendim allahim cok sukur

tayer · 8 Şub 2007

tesekurler arkadas bende bunu ogrenmeye calisiyorum zaten tam hisabet oldu sagul

TuT@NK@M0N · 8 Şub 2007

emeğine sağlık arkdaşım

boco · 8 Şub 2007

arkdaşım saol ben bunu sanal dersanede anlatıyor guzel anlatıyorlar tavsıye ederım www.dersizle.com baska bı sıtenın reklamını yapmak ıstemem

çapari · 12 Şub 2007

boco' Alıntı:
arkdaşım saol ben bunu sanal dersanede anlatıyor guzel anlatıyorlar tavsıye ederım www.dersizle.com baska bı sıtenın reklamını yapmak ıstemem

bak kardeş alta alıntı yazıyor sen çok iyi bile bilirsin ben bu işe yeni başlayanlar için yazmaktan daha kolay olsun diye koydum anladınmı
burası paylaşım sayfasıdır sende yeni şeyler koyarsın bundan herkes faydalanır okkey bende bunu çok iyi biliyorum neyse.

çapari · 12 Şub 2007

çapari' Alıntı:
Yazı (Tip, Renk, Büyüklük)

Bu yazıyı hatırlıyorsunuz. Sadece yazmıştık. Çok sıradan görünüyor değil mi? Farklı durumlar için, farklı büyüklük, tip ve renklerde yazılar gerekir. Ayrıca yazının sayfanın neresinde duracağına da siz karar vermelisiniz.
Yazılar aşağıdaki komutlar içine yazılır.

<font> ............... </font>
Yazının büyüklüğü için "size"

yazı tipi için "face"

Yazı rengi için "color" komutlarını kullanmanız gerekir.
Aşağıdaki örneği yazın:

<font size="3" face="Arial" color="red">DayDay seni çok seviyoruz</font>Yazıların yerinin <body> komutundan sonra gelmesi gerektiğini unutmayın.

<html>
<head>
<title> DayDay </title>
</head>
<body>

<font size="4" face="Arial" color="red">DayDay seni çok seviyoruz</font>
</body>

</html>
İsterseniz yaptığımızın neye benzediğine bakalım.

Şimdi tek tek tekrar edelim.

YAZI BÜYÜKLÜĞÜ
font size="4" 5 yerine 2, 3, 4, 6 yazabilirsiniz.

Ayrıca yazınızı aşağıdaki kodların arasına da yazabilirsiniz.. Yine aşağıda gördüğünüz büyüklüklerde görünür.

<h1> DayDay </h1>

<h2> DayDay </h2>

<h3> DayDay </h3>

<h4> DayDay </h4>

<h5> DayDay </h5>

<h6> DayDay </h6>

YAZI RENGİ
Renkler için ya renk kodunu ya da ingilizce adını yazmalısınız.
color="red" yerine, farklı renk isimleri yazın.

red - kırmızı
blue - mavi
yellow - sarı
white - beyaz
black - siyah
Diğer renklerin İngilizce yazılışları ve kodları için bu sayfaya bakabilirsiniz. Renklerle ilgili ilginizi çekebilecek ayrıntılar için de buraya bir ara göz atın.

Kodlarla yazmak istiyorsanız,
color="#FF0000" renk adı yerine kod yazmanız gerekir.

red - #ff0000
blue - #0000ff
yellow - #ffff00
white - #ffffff
black - #000000

Dikkat ettiyseniz color=" " tırnak işaretleri arasında renk adını kullanırken # işaretini yazmıyoruz. Onu sadece renk kodlarını yazarken kullanıyoruz.

YAZI TİPİ
face="Arial" yerine Verdana, Arial Narrow, Times New Roman, Comic Sans MS, Helvetica, sans-serif, gibi yazı tipi adlarını yazarsanız yazınız o biçimde görünecektir.
Ama çok önemli bir şey var... Bir yazı tipi, ancak başkasının bilgisayarında da o yazıdan varsa görünür. Yoksa yaptığınız bir işe yaramaz. Bu yüzden, örnek olsun diye baktığınız sayfadaki font isimlerini kullanmaya kalkmayın )) Yukarıda yazdığım örneklerle yetinmelisiniz şimdilik. alıntı

Yazıyı istediğimiz yere yerleştirmek

Yazıların sayfanın neresinde durması gerektiğine biz karar verebiliriz. Hiçbir şey yazmazsak, Sayfanın solunda dururlar.
<center>....</center>
Yazınızı <center>....</center> arasına yazarsanız. Sayfanın ortasında görünür.

<p> Paragraf yapmak için kullanılır. Ayrıca yazı yerleştirmelerinde de işe yarar.

Sola dayalı olması için:

<p>Yazınızı buraya yazacaksınız</p>

Ortada olması için:

<p align=center>Yazınızı buraya yazacaksınız</p>

Sağa dayalı olması için:

<p align=right>Yazınızı buraya yazacaksınız</p>

Satırbaşı ve paragraf yapmak

<br> Klavyede yazarken alt satıra inmek için enter tuşunu kullanıyorsunuz. Ama web sayfası hazırlarken bu işe yaramaz. Alt satıra inmek istediğinizi sizin kod yazarak belirtmeniz gerekir. <br> yazdığınız zaman, yazınızı satırbaşı yapmadan yazmış olsanız bile, yazınız web sayfanızda satırbaşı yapılmış olarak görünür.

Paragraf, Hem satırbaşı hem de bir satır boşluk olması demektir.
<p>
Bu iki komutun diğerlerinden bir farkı var.
Yazdığınız her komutu "/" işaretiyle kapatmak zorundasınız ama bu ikisinde bunu yapmanız gerekmez.

bymxx · 12 Şub 2007

kardeş yeniler için yazmışsın güzel olmuş bir ikide program tavsiiye etseydin dreamweaver gibi buna benzer prog dolu işinizi hızlındandırmak için kullanabilirsiniz
saygılar

drakan · 3 Mar 2007

front page i tafsiye ederim yeni başlayanlara ama temel html kodlarınıogrenmeden olmuyo tabi

çapari · 7 Mar 2007

dogru söylüyorsun kardeş dremwer bunun için biçilmiş kaftandır bence olabilir dogru sölüyorsun

djalicee · 14 Mar 2007

sağol kanka

Black_Knight · 23 Mar 2007

çok saol kardeşş

web programla bak bir

çapari

Üye

çapari

Üye

çapari

Üye

bakii

Üye

tayer

Yeni üye

[email protected]@M0N

Uzman üye

boco

Yeni üye

çapari

Üye

çapari

Üye

bymxx

Üye

drakan

Yeni üye

çapari

Üye

djalicee

Üye

Black_Knight

Katılımcı Üye

Sosyal medya sayfalarımız