Temel Web Tasarım Dersleri -2-
Anime Manga Forum -> Nasıl Yapılır?
 
Yazar
Mesaj
JRRTolkien
Otaku (Level 4)
Otaku (Level 4)



Yaş: 30
Kayıt: 24 Eyl 2008
Mesajlar: 253
Favori Anime & Manga: pokemon
Cinsiyet: Erkek
Nerden: Antalya
Teşekkür: 194

Durumu: Çevrimdışı

JRRTolkien
Otaku (Level 4)
Temel Web Tasarım Dersleri -2- Konu: Temel Web Tasarım Dersleri -2-
Alıntıyla Cevap Gönder
Giriş
Evet bu dersimizde bazı temel yazı stilleriyle resim,link eklemeyi öğreniceğiz...Şimdi geçen dersimizdeki örneğimizi açalım "ilk.html" içerisine aşağıda vericeğim kodları yapıştıralım.=)
Bu Derste Dinleyeceğiniz şey;
[Bağlantı]
Dinlemezseniz yapamazsınız Çok Mutlu Şaşırmış Durumda
not=Değişecek yerler kalın yazılmıştır.
not2=Açıklamalar bölümünde kodların temel Html tagları arasına yazıldığı varsayılmıştır.
Örnek
------------------------------------------------
Kod:
<html>
<head>
<title>İlk Sayfam</title>
</head>
<body>
Merhaba Dünya!
<img src="bir resim">
<a href="bir web adresi">bir web adresi</a>
</body>
</html>

------------------------------------------------
Açıklamalar
Şimdi siz bu kodlarda değişiklik yapıcaksınız geçen dersimizde dediğimiz gibi ilk önce başlığımızı yani "<title>İlk Sayfam</title>" yazan yeri "<title>html link, resim ekleme ve yazı stilleri</title>" şeklinde değiştiriyoruz.
Şimdi geçelim diğer bölümlerimizi anlatmaya;
<body></body>
Evet tekrar bu iki tag ile karşı karşıyayız, kodların çoğu bu iki tag arasında bulunurlar yani bu iki tagdan kurtulamıycağız.. =) Arasındaki kodları biraz incelemek gerekirse;
Merhaba Dünya!
Buraya yazmak istediğinizi yazabilirsiniz bu sizin belge içinde yazdığınız yazıdır.
<img src="bir resim">
Bu kod ise bir resim kodudur yani bu kodda bir resim yazan bölümümüze bir resim adresi girdiğimizde orda rahatça girdiğimiz resimi görebiliriz örn. google resim aramasından bulduğumuz bir resim gibi.
<a href="bir web adresi">bir web adresi</a>
Evet bir diğer kodumuzda link ekleme kodumuz bunu değiştirmeden sayfayı açtığımızda şöyle bir yazı görürüz "bir web adresi" tıklayınca adres barımızda "bir web adresi" yazar.
Bunu şöyle değiştirebiliriz yani bu kodu iki bölüm olarak ele alacağız ;
<a href="bir web adresi">
bu bölümde gidilecek sayfanın adresi yazmalıdır örn. anime.web.tr (Ama tırnakların içine yazacaksınız. Herzaman böyle)
bir web adresi</a>
Bu bölümde ise sayfamızda görünmesini istediğimiz yazı yazmalıdır.Şimdi bunu bir örnekle açıklayalım.
Kod:
<a href="http://www.anime.web.tr/">anime.web.tr sitesine gitmek için tıklayın..</a>

Evet şimdi yazı biçimlerimize geçebiliriz;
</br>
Bu tag sayfada bi aşağı satıra inmemizi sağlar örneğin

Kod:
Merhaba Dünya!</br>Merhaba Dünya!


yazdığımızda sayfamızda şu şekilde gözükür;
Kod:
Merhaba Dünya!
Merhaba Dünya!

<b></b>
Bu tag ise yazımızı kalınlaştırmamızı sağlar.

Kod:
<b>merhaba dünya!</b>

yazarsak eğer sayfamızda şu şekilde görünecektir;
Kod:
merhaba dünya!

<center></center>
Bu ise en önemli taglardan biridir bu tag ile sayfamızdaki elementler ortalanmış olur örn;
Kod:

<center>merhaba dünya!</center>

yazdığımızda sayfamızda şu şekilde görünecektir;
Kod:
Burada ortalama yoktu bu tag yazıların ve resimlerin ortada gözükmesini sağlar.

Şimdi ise değişik bir örnek verelim bütün tagları bir arada kullanalım;

Kod:
<center><b>merhaba dünya!</b></center></br>
<center><b>merhaba dünya!</b></center></br>

bu kod ise sayfamızda şu sonucu verecektir;
Kod:
merhaba dünya!
merhaba dünya!

Kalın olacaktır. Hepsi ortada duracaktır.
Sonuç
-----------------------------------------------
Kod:
<html>
<head>
<title>html link, resim ekleme ve yazı stilleri</title>
</head>
<body>
<center><b>merhaba dünya!</b></center></br>
<center><b>merhaba dünya!</b></center></br>
<img src="http://www.anime.web.tr/templates/tema/images/logo.jpg.pagespeed.ce.tZc7Zfe5-6.jpg"></br>
<a href="http://www.anime.web.tr/">anime.web.tr adresine gitmek için tıklayın.</a></br>
</body>
</html>

---------------------------------------------
Yine dosya---->Farklı Kaydet diyerek iki.html olarak kaydedelim dosya türünü tüm dosyalar olarak seçelim.
Bu sayfada adres olarak anime.web.tr kullanılmıştır ve resim olarakta forum logosu kullanılmıştır bunları kendinize göre organize edebilirsiniz...Ayrıca resimin ve linkin kenarına <center></center> koyarak ortalanmasını sağlayacağınız gibi hemen <body> tagının ardından <center> koyup tag bitmeden hemen önce </center> koyarak bütün sayfayı ortalayabilirsiniz.
Gelecek Derste

Resimli link ekleme
Arka plan rengi
Tablo oluşturma-1


İnsanlık, koca kalabalık,
Bir krala göre nedir kalabalık?
Tanrıya göre nedir bir Kral?
Bir inançsıza göre nedir bir Tanrı?
Peki hiçbirşeye inanmayan biri mutlu olabilir mi?
Elbette... Elbette....
En Yukarı Git
Kullanıcının profilini görüntüle Özel mesaj gönder Yazarın web sitesini ziyaret et MSN Messenger  
01 Nis 2012 7:41
Bu mesaja teşekkür edenler (1 kişi): ayhi

 
Yeni başlık gönder   Başlığa cevap gönder  
1. sayfa (Toplam 1 sayfa) [ 1 mesaj ]  

 
Bu forumda yeni başlıklar açamazsınız
Bu forumdaki başlıklara cevap veremezsiniz
Bu forumdaki mesajlarınızı değiştiremezsiniz
Bu forumdaki mesajlarınızı silemezsiniz
Bu forumdaki anketlerde oy kullanamazsınız