7 Ocak 2011 Cuma

Html'de Navigation Map

Sınava çalışırken sınav konuma dahil olan Html ile ilgili yeni birşey daha öğrendim:Navigation map.
Araştırmalarım sonucunda öğrendiklerimi paylaşmak istiyorum:
<map> tagı  bir resim ya da harita üzerinde tıklanabilir alanlar oluşmasını  sağlayan bir tagdir.<map>  tagında olması gereken attribute "name"dir.<map> tagı <img> tagının "usemap" attributesi ile birlikte kullanılır.
<map> tagı ile <area> tagı yardımıyla tıklanabilir alanlar oluştururuz. Tıklanabilir alanlar tıklandığı zaman başka bir image'a yönleniyor.Harita ve image arasında bağlantı sağlanmış oluyor.
w3school.com adlı siteden bir örnekle daha ayrıntılı bir şekilde anlatmaya çalışacağım.
Elimizde 3 tane gezegen resminin olduğu bir resim var.Bu resimde 3 tane  tıklnabiir alan var:sun,mercury,venus.
Kullanıcı hangisine tıklarsa o gezegenle ilgili resme  yönleniyor.
Tıklanabilir alan oluşturulan resim(harita):
güneş

 mercur

venus






<map name="planetmap">  
//burda yazılan name img tagınının "usemap" attributesinde kullanılacaktır
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm" />
  <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm" />
  <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm" />
</map>

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

Böylece hangi nesneye gidilirse onun resmi açılacaktır.

DERYA GÜNDÜZ
Gönderen DERYA GÜNDÜZ zaman: 1/07/2011 11:09:00 ÖS
Etiketler: , , , , , 0 yorum

Javascriptte basit hesap makinesi

Javascript c ve benzeri dillerdeki fonksiyon işlevini görmektedir.Javacripte yazdığınız işlevleri html kısmında fonksiyon adı ile çağırırsınız,böylece fonksiyondan yapmasını istediğiniz şey uygulanmış olur.Javascript kodları <head> tagi arasına yazılır.Basit bir hesap makinası örneği ile Javascriptin genel mantığı ile ilgili bir fikriniz olabilir:


<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
function   addition()
{
  s1=document.getElementById("textbox1").value;    
//textboxa verilen id değeri yardımıyla ordaki değer alınıyor
  s2=document.getElementById("textbox2").value;
textboxresult.value=parseInt(s1)+parseInt(s2);
//değerler var tipindedir,onlara işlem yaptırtmak için int çevirmek gerekiyor
}
function   subtraction()
{
  s1=document.getElementById("textbox1").value;
  s2=document.getElementById("textbox2").value;
textboxresult.value=parseInt(s1)-parseInt(s2);
}
function   multip()
{
  s1=document.getElementById("textbox1").value;
  s2=document.getElementById("textbox2").value;
textboxresult.value=parseInt(s1)*parseInt(s2);
}
function   division()
{
  s1=document.getElementById("textbox1").value;
 s2=document.getElementById("textbox2").value;
if(s2==0)
alert("donomioater cant be ,change the value")
else
textboxresult.value=parseInt(s1)/parseInt(s2);
}</script>

</head>

<body>
<input  type="text"  id="textbox1" >
</br>
<input  type="text"  id="textbox2" >
</br>
<input type="button"  id="buttonadd" value="+" onclick="addition()">
<input type="button"  id="buttonasub" value="-" onclick=" subtraction()">
<input type="button"  id="buttonamul" value="*" onclick="multip()">
<input type="button"  id="buttondiv" value="/" onclick="division()">
</br>
<input  type="text"  id="textboxresult" >
</body>

</html>
Gönderen DERYA GÜNDÜZ zaman: 1/07/2011 10:41:00 ÖS
Etiketler: , , , , 1 yorum

28 Ekim 2010 Perşembe

Programcı ve kodlarla uğraşanlara ithafen güzel bir şarkı:)


And so you code:)





DERYA GÜNDÜZ
Gönderen DERYA GÜNDÜZ zaman: 10/28/2010 01:16:00 ÖÖ
Etiketler: , , 2 yorum

Hastalık Teşhisi:Küçük Dilbert mühendis olacakmış:)

Annesi küçük Dilberti doktora götürür,hastalığı  ne biliyor musunuz?
Küçük Dilbert mühendis olacakmış,komik bir video:)



DERYA GÜNDÜZ
Gönderen DERYA GÜNDÜZ zaman: 10/28/2010 12:38:00 ÖÖ
Etiketler: , , 0 yorum

Keman eşliğinde efsane oyun Super Mario


Birçoğumuz çocukluğumuzda oynamışızdır bu oyunu,benim de oynadığım ilk bilgisayar oyunu,oynarken nasıl zıplardık,elimizi kolumuzu kaldırıdık,turnuva düzenlerdik:)prensesi  kurtardıktan sonraki mutluluk herşeye bedeldi:)
İşte efsane oyunun keman eşliğindeki efektleri,eğlenceli bir video:)




DERYA GÜNDÜZ
Gönderen DERYA GÜNDÜZ zaman: 10/28/2010 12:30:00 ÖÖ
Etiketler: , , , 0 yorum

Öğrenci işi İşletim sistemi:UberStudent




Öğrenciler için Linux: UberStudent.

Hayatınızı kolaylaştıran, size tembellik için zaman kazandıran özel bir işletim sistemi ile tanışın!

Hangi Ubuntu sürümü diye düşünen öğrencilerin karşısında yeni bir seçenek daha var: UberStudent.
UberStudent, öğrenciler için özelleştirilmiş, farklı yetenekler sunan özel bir Linux sürümü. Elbette tamamen ücretsiz. Ubuntu kadar kolay olmamasına karşın öğrencilerin ihtiyaçlarına yönelik araçlarla dolu olarak gleiyor ve ucuz netbooklarda çok iyi çalışacak şekilde tasarlanmış.
Debian tabanlı bir Linux sürümü olan UberStudent bir DVD'yi dolduruyor. Video düzenlemeden oyun oynamaya, görsel düzenlemeden tutun da akademik yazım araçlarına kadar sayısız özelliği var.

Avantajları ve zorlukları
Bir Firefox eklentisi olan Zotero'yu önemli bir pozisyona yerleştiren uygulama alıntıları topluyor, OpenOffice'in UberStudent sürümüne aktarıyor ve böylece akademik yazımlarda kaynakça oluşturmayı kolaylaştırıyor. Otomatik bibliografya oluşturma, farklı tarz seçenekleri ve sayısız uyuglama barındırıyor.
Bu sürümün içindeki uygulama sayısı keşfetmenizi biraz zorlaştıracak olsa da kullanmayı çözdüğünüzde ve alıştığınızda çok zaman kurtarabilirsiniz.
Ubuntu 10.04 paketinde yeralan uygulamaların çoğu ve gelen kutularının tamamını entegre eden araçlar, zaman ve program yönetim uygulamaları, e-kitap araçları, bulut bilgi işlem araçları, Thunderbird, Google Chrome ve çok daha fazlasıyla son derece güçlü.

haber kaynağı:veteknoloji.com

indirmek için  tıklayın


DERYA GÜNDÜZ
Gönderen DERYA GÜNDÜZ zaman: 10/28/2010 12:20:00 ÖÖ
Etiketler: , , , , , 0 yorum

İşte Hayatımızı Değiştiren 10 Teknoloji

İnternetten Bilişim haberlerini okurken şöyle bir haber gözüme çarptı,paylaşmak istedim.

Son yıllarda internet teknolojisinde yaşadığımız muazzam gelişimler öylesine hızlı ki nasıl bir değişim içinde olduğumuzu bile fark etmekte zorlanıyoruz.
Bir zamanlar bilimkurgu filmlerine konu olabilecek hayat biçimleri artık sıradan bir günün parçası oluverdi. Daha birkaç sene önce hayret ettiğimiz bazı yeni teknolojiler bugün nostaljik oldu.
Değişen web teknolojileri sadece sanal hayatımızı değil gerçek hayatımızı da etkiliyor.

 Son 10 yılda hayatımızı değiştiren teknolojiler:

1) Wi-Fi
2) Web tarayıcıları
3) Web arama motorları
4) VoIP
5) Web 2.0
6) Sosyal medya
7) e-bankacılık ve e-ticaret
8) Akıllı telefonlar
9) Mobil internet
10) Tablet bilgisayarlar
  
Gönderen DERYA GÜNDÜZ zaman: 10/28/2010 12:07:00 ÖÖ
Etiketler: , , 0 yorum
Kaydol: Kayıtlar (Atom)
 
Facebook

Bizi takip edin!

ESOGÜ Bilişim GünleriESOGÜ Bilişim Günleri