web programla bak bir

çapari

Üye
27 Ara 2006
175
1
Komutları öğrenmeye başlıyoruz!
<HTML> </HTML>
cokonemli.gif
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>
cokonemli.gif
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>
cokonemli.gif
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>
cokonemli.gif
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

Üye
27 Ara 2006
175
1
İlk Sayfamızı yapıyoruz​
notdefteri.gif
Ö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.
01-np.gif
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.
pufnoktasi.gif
Görünen sadece söylemek istediğiniz şey olacak...
02-np.gif


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

çapari

Üye
27 Ara 2006
175
1
Yazı (Tip, Renk, Büyüklük)

02-np.gif
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.
onemli.gif
<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.
pufnoktasi.gif
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ı
cokonemli.gif
 

tayer

Yeni üye
2 Ocak 2007
36
0
tesekurler arkadas bende bunu ogrenmeye calisiyorum zaten tam hisabet oldu sagul
 

çapari

Üye
27 Ara 2006
175
1
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

Üye
27 Ara 2006
175
1
Yazı (Tip, Renk, Büyüklük)​


02-np.gif

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.
onemli.gif

<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.
pufnoktasi.gif
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ı

cokonemli.gif
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.
pufnoktasi.gif
 

bymxx

Üye
26 Ocak 2007
185
0
BURSA
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

Yeni üye
3 Mar 2007
10
0
front page i tafsiye ederim yeni başlayanlara ama temel html kodlarınıogrenmeden olmuyo tabi
 

çapari

Üye
27 Ara 2006
175
1
dogru söylüyorsun kardeş dremwer bunun için biçilmiş kaftandır bence olabilir dogru sölüyorsun
 
Üst

Turkhackteam.org internet sitesi 5651 sayılı kanun’un 2. maddesinin 1. fıkrasının m) bendi ile aynı kanunun 5. maddesi kapsamında "Yer Sağlayıcı" konumundadır. İçerikler ön onay olmaksızın tamamen kullanıcılar tarafından oluşturulmaktadır. Turkhackteam.org; Yer sağlayıcı olarak, kullanıcılar tarafından oluşturulan içeriği ya da hukuka aykırı paylaşımı kontrol etmekle ya da araştırmakla yükümlü değildir. Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz. Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.