Html Maddeler Şeklinde Yazı Yazmak

Tarih: 10 September 2011∙ Kategori: Htm&Html∙ Yorum Yok

Hatırlar mısınız madde şeklinde wordden yazılar yazardık. Örnek verecek olursak;

1. Madde 1
2. Madde 2

<ol>
	<li>Madde 1</li>
	<li>Madde 2</li>
</ol>

Burada <li> satırı ifade eder. Satır eklemek için bu kodu kopyalayıp alta yapıştırın.

 <ol> kodu ise numarasal madde yazısını simgeler.

-------------------------------------------------------------------------------

İkinci olarakda madde3 ve madde 4 gibi olması için kod

<ul>
	<li>Madde 3</li>
	<li>Madde 4</li>
</ul>

Burada <li> satırı ifade eder. Satır eklemek için bu kodu kopyalayıp alta yapıştırın.

<ul> kodu ise nooktasal madde yazısını simgeler

Html Tablo Oluşturmak

Tarih: 10 September 2011∙ Kategori: Htm&Html∙ Yorum Yok

Html sitelerine baktığınızda hemen hemen her sitede tablo görürsünüz. Şimdi bu tablonun kodlarını işleyeceğiz.

Msl:

<table border=”1″>
<tr>
<td>satır 1, hücre 1</td>
<td>satır 1, hücre 2</td>
</tr>
<tr>
<td>satır 2, hücre 1</td>
<td>satır 2, hücre 2</td>
</tr>
</table>

Yukarıda yazdığımız kodun karşılığı

Yani burada anlaşılabileceği gibi sütunları <td> ile gösteriyoruz. Satırları ise <tr> ile gösteriyoruz. Aslında bu gösterdiğim kodlarla yazmak bence hamallık olur.Şahsen ben yapmıyorum Frontpage yada Dreamviewer ile görsel olarak tasarlıyıp kaynak kodunu alıyorum. Bu yol bence daha kısa. Ama bu kodları ileride daha karmaşık kodları öğrenmeniz için gerekli olabilir. Bence es geçmeyin.

İnstant Eye Dropper

Tarih: 1 September 2011∙ Kategori: Dosya Paylaşım∙ 1 Yorum

Web sitesiyle uğraşıyorsunuz kod yazarken hangi renkin hangi kod olduğunu bilmiyorsanız yada hoşunuza giden herhangi bir renkin kodunu öğrenmek istiyorsanız bu program tam size göre…

Bu program ücretsiz olup vereceğim linkte dosyanın portable(kurulmuş) hali vardır. istediğiniz klasöre kopyalayıp hemen kullanmaya başlayabilirsiniz.

İndirmek için tıklayın

Coca Cola Halkla İlişkiler Uygulaması

Tarih: 1 September 2011∙ Kategori: Hoşuma Gidenler∙ Yorum Yok

Geçenler Coca Cola Halkla İlişkiler Uygulamasını gördüm sizinle paylaşıyım dedim. Gerçekten çok zekice bence sizde bir bakın.

Sayfadaki videoyu mutlaka izleyin.

http://www.csdlab.com/main_tr.html#/video/mutluluk-kamyonu

Yorum yapmayı unutmayın

Bilgisayarınızı hızlandırmak ister misiniz?

Tarih: 1 September 2011∙ Kategori: Karalamalar∙ 1 Yorum

Bilgisayarınız mı yavaş işte falan filan program tam size göre diye sitelerle mutlaka karşılaşmışsınızdır. Bilgisayarın yavaş olması çoğu kullanıcı için tam bir kabus. Şimdi size birkaç ipucu vereceğim.

Bilgisayarınız uzun süreden beridir depoladığı geçici dosyalar ya da hata raporları ve çeşitli gereksiz dosyalar ile tıkanmış olabilir.

Bu programlar bu sorununuzu çözebilir

CcCleaner  ——————–  ücretsizdir

Advance System Cleaner ———————–  ücretli versiyonu olup belli kısıtlamalarla ücretsiz kullanabilirsiniz.

pcspeeder 4 ——————————-   ücretsizdir.

Eğer herhangi bir sorunuz olursa üst menüdeki iletişim kısmından bana ulaşın. Göndereceğiniz elektronik iletiye mutlaka cevap vereceğim.

Html Resim Kodları 1

Tarih: 1 September 2011∙ Kategori: Htm&Html∙ Yorum Yok

Merhaba yepyeni bir makele ile karşınızdayım. Daha önceki makalelerde yazılar hakkında bilgi vermiştik. İyi bir web site için resim bence en önemli şart. Şimdi bu şartı nasıl uygulayacağımızı öğreneceğiz.

Resim kodu <img>olarak kullanılıyor. Resim kodu kullanırken resimin bulunduğu adresi bilmemiz gerekiyor.

İsterseniz örnek kodlara bakalım;

<img src=”url” alt=”resim açıklaması yazınız.“/>

Yukarıdaki ve diğer öğrendiğimiz kodda şunu gördünüz mü? Yazmak istediğimiz metni tırnak için gösteriyoruz. “metni yazın” gibi…

burada src (source) resim adresini ifade ediyor. alt ise resim hakkındaki ekstra açıklamayı ifade ediyor.

Eğer resim orjinal boyutuyla değilde kendi belirlediğiniz boyda olmasını isterseniz width height kullanabilirsiniz.

Msl;

<img src=”burak.jpg” alt=”metni yazınız” width=”304″ height=”228″ /> gibi…

Ama eğer bunlar beni kesmedi daha karmaşıkları var derseniz mevcut resimden seçeceğiniz kısımlara bağlantı atayabilirsiniz.

Msl

bu kodu kullanabilirsiniz. Burada resim üzerinde belli kordinatlar belirliyosunuz. Sonra o kordinatlara bağlantılar atıyorsunuz.

Örnek verirsek;

bu resim gibi olabilir.

Bu kod size birazcık karmaşık gelebilir isterseniz biraz açıklayalım.

<img src=”planets.gif” width=”145″ height=”126″ alt=”Planets” usemap=”#planetmap” />

yukarıdaki kodda normal resim kodundan farklı olan şey usemap kısmı burada az sonra belileyeceğiniz bir haritadan bahsediyorsunuz. Resim bu haritaya göre çalışsın diye komut veriyorsunuz.

<map name=”planetmap”>
<area shape=”rect” coords=”0,0,82,126″ href=”sun.htm” alt=”Sun” />
<area shape=”circle” coords=”90,58,3″ href=”mercur.htm” alt=”Mercury” />
<area shape=”circle” coords=”124,58,8″ href=”venus.htm” alt=”Venus” />
</map>

burada ise haritanızı bilgisayara anlatıyorsunuz. İşte seçeceğim kısım çember(circle) olsun kordinatları(coords=”……”) bunlar olsun diyorsunuz. alt kısmı ile de ona açıklama veriyorsunuz.(bu açıklama fare o kısmın üzerine geldiğin de gözükmektedir.)

Bu kodu tanıdığım bütün tarayıcılar destekler bence web sitenizde bunu kullanabilirsiniz. Örnek isterseniz travian gibi browser oyunlardaki oyundaki ana görüşdeki haritaya bakabilirsiniz. Aynı mantıtdır.

Html Yazı Stil Kodları

Tarih: 27 August 2011∙ Kategori: Htm&Html∙ Yorum Yok

Merhaba

Ben Burak

Yukarıda gösterdiğimiz gibi yazı yazmak isteseniz Html stil kodlarını kullanmanız gerekir. Msl örnek bir stil kodu;

———————————————————————————————————————————————————————-

<html>

<body style=”background-color:yellow;”>
<h2 style=”background-color:red;”>This is a heading</h2>
<p style=”background-color:green;”>This is a paragraph.</p>
</body>

</html>

———————————————————————————————————————————————————————-

Yukarıdaki kodlara baktığımızda h2 ve p bize yabancı gelmiyor.Bu kodları daha önce öğrendik konu başlığında bulabilirsiniz. Burada ekstra olan background-color kodu. Bu kod yazınızı istediğiniz renkte olamasını sağlar. Dikkat edecek olursak renkleri ingilizce karşılığıyla yazmalıyız. Msl: Yeşil = Green , Mavi = Blue gibi……. Tekrar hatırlatalım yazının boyutunu bu yukarıdaki kodda h2,p gibi deyimlerle sağlıyoruz. Yada yazı kodunun başına

<!--
.style1 {font-size: 60px}
-->

bu kodu yazarsak da aynı durumu karşılamış oluruz.Burada font size yazının büyüklüğünü ifade eder.

Html [Satır Atlama Kodu]

Tarih: 27 August 2011∙ Kategori: Htm&Html∙ Yorum Yok

• <br> kodu aslında webmasterlar için tam bir çan kurtaran kodudur. Bir çok alanda kullanır. Zaten daha önceki yazılarımızda html kodlarının gerek php gerekse diğer programlama dillerinde kullanıldığından bahsetmiştik. Neyse gevezelik etmeyelim. <br> kodu satır atlama kodu yani “enter” tuşunun yaptığı görevi görür. Html editörünün açıp kod düzenleme pencerisinde enter ile satır atladığınız atlamadığını görmüşsünüzdür.  <br> kodu işte bu durumlarda işe yaramaktadır.

Gizli Kod

Tarih: 24 August 2011∙ Kategori: Htm&Html∙ Yorum Yok

Şimdi html web sitesi yazmaya başladınız. Yazdıkça sayfadaki kod arttı ve artık ne neydi diye karıştırmaya mı başladınız.

O zaman bu kod tam size göre;

<!–Unutmamak için buraya kodun ne işe yaradığınıyazabilirsiniz. Karıştırmamak için–>

yukarıdaki kodu düzenleyiciye yazdınız mı? Gördüğünüz gibi bu kod sayfada gözükmez arka planda kalır. Arka plana atmak istediğiniz yazıları bu kod ile barındırabilirsiniz. kolay gelsin

<!–…–>

Html Yazı Kodları

Tarih: 24 August 2011∙ Kategori: Htm&Html∙ Yorum Yok

Html kodlar <kod> diye başlar </kod> diye biter. yani bitiş kodunun önüne   / işareti gelir. Zaten üzerinde biraz vakit harcadıktan sonra kolay olduğunu göreceksiniz.

Kısaca Yazı ile ilgili HTML kodları

kod	Açıklama
<abbr>	Kısaltma yapmak için kod ———– alttaki ile arasındaki farka bakmadım
<acronym>	Kısaltma yapmak için örn: İTÜ  —– İstanbul Teknik Üniversitesi
<address>	İletişim Bilgileri Ekleme kodu
<bdo>	Defines the text direction
<blockquote>	Paragraflı alıntı
<q>	Paragraflı alıntı küçük versiyon
<cite>	Alıntı göstermek için kod
<dfn>	Açıklama yapmak için kod