Temel Web Tasarım Dersleri -2- |
Yazar
Mesaj
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
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
------------------------------------------------
------------------------------------------------
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.
Evet şimdi yazı biçimlerimize geçebiliriz;
</br>
Bu tag sayfada bi aşağı satıra inmemizi sağlar örneğin
yazdığımızda sayfamızda şu şekilde gözükür;
<b></b>
Bu tag ise yazımızı kalınlaştırmamızı sağlar.
yazarsak eğer sayfamızda şu şekilde görünecektir;
<center></center>
Bu ise en önemli taglardan biridir bu tag ile sayfamızdaki elementler ortalanmış olur örn;
yazdığımızda sayfamızda şu şekilde görünecektir;
Şimdi ise değişik bir örnek verelim bütün tagları bir arada kullanalım;
bu kod ise sayfamızda şu sonucu verecektir;
Kalın olacaktır. Hepsi ortada duracaktır.
Sonuç
-----------------------------------------------
---------------------------------------------
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
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
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:
------------------------------------------------
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:
Evet şimdi yazı biçimlerimize geçebiliriz;
</br>
Bu tag sayfada bi aşağı satıra inmemizi sağlar örneğin
Kod:
yazdığımızda sayfamızda şu şekilde gözükür;
Kod:
<b></b>
Bu tag ise yazımızı kalınlaştırmamızı sağlar.
Kod:
yazarsak eğer sayfamızda şu şekilde görünecektir;
Kod:
<center></center>
Bu ise en önemli taglardan biridir bu tag ile sayfamızdaki elementler ortalanmış olur örn;
Kod:
yazdığımızda sayfamızda şu şekilde görünecektir;
Kod:
Şimdi ise değişik bir örnek verelim bütün tagları bir arada kullanalım;
Kod:
bu kod ise sayfamızda şu sonucu verecektir;
Kod:
Kalın olacaktır. Hepsi ortada duracaktır.
Sonuç
-----------------------------------------------
Kod:
---------------------------------------------
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....
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....
Bu mesaja teşekkür edenler (1 kişi): ayhi
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 |