staj: Eylül 2013

8 Eylül 2013 Pazar

6 eylul

ftp://10.100.100.100 sunucusundan microsoft win. 32 pro. indirip dvd lerimize yazdırdık.

==>hide(): HTML elementlerini gizlemeye yarayan komut.
==>show(): Gizlenmiş HTML elementlerini gösteren komut.
==>fadeIn(): HTML elementlerinin görüntülenmesini sağlar.
==>fadeOut(): HTML elementlerinin kaybolmasını sağlar.
==>fadeTo(): HTML elementlerinin saydamlığını değiştirir.
==>slideDown(): HTML elementlerinin kapanmasını sağlar.
==>slideUp(): HTML elementlerinin açılmasını sağlar.
==>animate():Tüm sayısal CSS komutları ile animasyon oluşturmamızı sağlar.
==>each(): jQuery nesnesi üzerinde iteratif (döngüsel) işlemleri gerçekleştirmek adına kullanılan bir fonksiyondur
==>for():Jquery de döngü oluşturmayı sağlar.
==>size():Seçilen HTML elementinin sayısını verir.

<html>
<head>
<title>5 Eylül </title>
<script src="http:\\code.jquery.com/jquery-1.10.1.min.js"></script>
<style>
.hide{background:pink;color:white}
.show{background:#103;color:white}
.fadeout{background:green;color:white}
.fadein{background:orange;color:white}
.fadeto{background:blue;color:white}
.slideup{background:#222;color:white}
.slidedown{background:#DA0;color:white;}
.each{background:#A67009; color:white;}
.size{background:#567000; color:white;}
.animate{background:#102F93; color:white;}
.for{background:#F02093; color:white;}
.yazi{ color:red; text-align:center; cursor:pointer;font-weight:bolder; width:300px; }

</style>
</head>
<body bgcolor="007fff">
<center>
<button class="hide" id="hide" >Hide</button><br><br>
<button class= "show " id="show" >Show</button><br><br>
<button class="fadeout" id="fadeout"> fadeOut</button><br><br>
<button class="fadein" id="fadein" >fadeIn</button><br><br>
<button class="fadeto" id="fadeto">fadeTo</button><br><br>
<button class="slideup" id="slideup" >SlideUp</button><br><br>
<button class="slidedown"id="slidedown" >SlideDown</button><br><br>
<button class="each"id="each" >Each</button><br><br>
<button class="size" id="size" >Size</button><br><br>
<button class="animate" id="animate" >Animate</button><br><br>
<button class="for" id="for" >For</button><br><br>
<div class='resim2'><img src=" resim2.jpg" border="2" width="300" height="300" ></div>
<label class='yazi'>each ile rengi siyaha değişecek yazı </label>
</center>
<script>
$('#hide').click(function(){
$('div.resim2').hide();
});
$('#show').click(function(){
$('div.resim2').show();
});
$('#fadeout').click(function(){
$('div.resim2').fadeOut('slow');
});
$('#fadein').click(function(){
$('div.resim2').fadeIn('slow');
});
$('#fadeto').click(function(){
$('div.resim2').fadeTo('slow',0.7);
});
$('#slideup').click(function(){
$('div.resim2').slideUp();
});
$('#slidedown').click(function(){
$('div.resim2').slideDown();
});
$('#size').click(function(){
var say=$('button').size();
alert(say);
});
$('#each').click(function () {
$( 'label.yazi' ).each(function (i) {
if ( this.style.color!= "white" ) {
this.style.color = "black";
} else {
this.style.color = "orange";
}
});
});
$('#animate').click(function(){
$('div').animate({
width: '50px',
height: '50px'})
});
$("#for").click(function()
{
for(i=1;i<4;i++)
{
document.write("<h"+i+">for"+i);
document.write("</h"+i+">")
}
});
</script>
</body>
</html>

6 eylul (tab menu)

------------------------------------------------------------------------------------------------
<html>
< head>
< title>Tab menu </title>

< script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
< style>//tab menulerin görünümü ayarlanmıştır.
* {margin:0; padding:0;}
.tabMenuUst{width:500px; background:#B44D4D;
display:block;text-align:center;
float:left; margin:10px auto;}
.tabMenuUst li{display:inline-block;
padding:5px 20px;}
   .tabMenuUst li a{color:#fff;}
   .tabMenuUst li a.secili, .tabMenuUst li a:hover{
   text-decoration:none; color:#000;}

.tabMenuAlt{width:500px; float:left;}
.tabMenuAlt div{width:480px; height:500px;
text-align:center;
padding:10px;
background:#956FAC; display:none;}
.tabMenuAlt div.secili{display:Block;}
< /style>
< /head>
< body>
<ul class="tabMenuUst"> //Ust menu oluşturulmuştur.
<li><a href="#">-----Menu 1-----</a></li>
<li><a href="#">-----Menu 2-----</a></li>
<li><a href="#">-----Menu 3-----</a></li>
</ul>
<div style="clear:both"></div>
<div class="tabMenuAlt">//Alt menu oluşturulmuştur.
<div class="tabMenu1">
   ********İçerik1********

</div>
<div class="tabMenu2">
   ********İçerik 2********


</div>
<div class="tabMenu3">
   ********İçerik 3********


</div>
</div>
<script>

$('.tabMenuUst li:first-child a').addClass('secili');
$('.tabMenuAlt div:first-child').addClass('secili');
$('.tabMenuUst li').click(function(){

   $('.tabMenuUst li a').removeClass('secili');
   $('.tabMenuAlt div').removeClass('secili');
   $(this).find('a').addClass('secili')
   var tiklananLi = $(this).index();
   $('.tabMenuAlt div').eq(tiklananLi).addClass('secili');
});

</script>
< /body>
< /html>

6 Eylül 2013 Cuma

5 eylul

Bu gün jquery de bazı komutları ögrendik

Bu örnekte each(), for(), size() ,fade in-out-to, slide-in-out gibi komutlarıu kullandık

$(document).ready(function(){

$('ul.hide li').on({
mouseover : function ()
{

$(this).find('ul').show(500);
},
mouseout : function ()
{
$(this).find('ul').hide(500);
}
});
for(i=1;i<5;i++){
$('nav').slideDown(1000);
$('nav').slideUp(1000);
$('nav').fadeIn(1000);
$('nav').fadeOut(1000);
$('nav').fadeTo(1000,0.8);
};
$('bloguum').animate({
'width': '200px'
}, 500);
});

4 Eylül 2013 Çarşamba

alert komutu

alert komutu

<html>
<head>
<link href="ders1.css" type="text/css" rel="stylesheet" media="all" />
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

<script>
$(document).ready(function(){
alert(1);
$('a.isr').click(function(){
alert('uyarıldınız');
});
});

</script>

</head>

css dökümümüz

body{}
.tepe{width: 100%; height: 100px; background: red; overflow:hidden; float: left;}
.tepe h1{display: inline-block;}
.tepe h1 img{width: 100px; height: 100px;}
.tepe ul{float: right;}
.tepe ul li{float: left; margin:25px 0 0 0;border-left:4px solid #fff; padding:5px}
.tepe ul li a{color: #333; font-size: 16px; text-decoration:none;}
.tepe ul li a:hover{color: #fff; text-decoration: underline;}
.orta{background:orange; overflow:hidden; width:200px;}
.orta img{width:100px; height:100px}
.orta ul{float:left;}
.orta ul li{list-style:none; margin:25px 50px 0 0; padding:5px;}
.orta ul li a{color:white; font-size:16px; text-decoration:none;}
.orta ul li a:hover{color:#fff;}
.alt{background:yellow; overflow:hidden;}
.alt ul{float:right;}
.alt ul li{list-style:none; margin:25px 700px 0 0; padding:5px;}

<html>
<head>
<link href="ders1.css" type="text/css" rel="stylesheet" media="all" />
</head>

html sayfamız

<body>
<div class="tepe">
<h1>
<img src="asd.jpg"/>
</h1>
<ul>
<li><a href="#"> Anasayfa </a></li>
<li><a href="#)"> Hakkimda </a></li>
<li><a href="#"> Blogum </a></li>
<li><a href="#"> Resimlerim </a></li>
<li><a href="#"> Sosyal Aglar </a></li>
</ul>
</div>
<div class="orta">
<ul>
<li><a href="anasayfa.html">Anasayfa</a></li>
<li><a href="0">Hakkimda</a></li>
<li><a href="http://israfilgokdag.blogspot.com">Blogum</a></li>
<li><a href="0">Bilgilerim</a></li>
<li><a href="0">Resimlerim</a></li>
<li><a href="0">Sosyal Aglar</a></li>
<li><img src="isooo.jpg"></li>
</ul>
</div>
<div class="alt">
<ul>
<li>Israfil gokdag</li>
</ul>
</div>
</body>
</html>

3 Eylül 2013 Salı

web odevi

1) Doctype nedir?

Doctype sayfada kullanılan standartı browsera (tarayıcı) bildirmek için kullanılır.

2) aşagıda bazı html kodlarının açıklamalarını göreceğiz

<html> Sayfanın html dökümanı olduğunu belirtir.
<head> Sayfanın baş bölümünü belirtir.
<link> Sayfa ile ilgili dosyalara bağlantı kurar.
<span> Bölüm oluşturur.
<div> Sayfada alan oluşturur.
<h1> Başlık <h1....h6>

<ul> Düzensiz liste

<li> Listeleme
<a> Bağlantı oluşturma
<strong> Vurgu yapma
<label> Etiket belirleme
<form> Form kullanma
<input> Form nesnesi ekleme
<textarea> Metin kutusu
<b> Kalın yazı
<p> Paragraf oluşturma
<header> Sayfanın üst kısmında,başlık alanı oluşturma
<footer> Sayfanın alt kısmını oluşturma
<article> Siteye içerik girmek için kullanılır.
<aside> Sayfanın sağ ve sol sütunlarını tanımlamak için kullanılır.

3) Css nedir?
Html ' e ek olarak metin ve format biçimlendirme alanında birçok imkan sağlayan Web teknolojisidir.
Css yardımıyla , İnternet sayfaları için şablon hazırlanır,harflerin stili,yazı tipi boyutu gibi özellikleri değiştirilir. En önemli özelliği kullanımındaki esnekliktir.

4)
back-ground :Sayfanın arka planını belirler.
text- decoration: Yazının biçiminde değişiklik yapmayı sağlar.
border: Kenarlıkları belirler.
owerflow : Katmanın belirtilen yükseklik ve genişliğe sığmayan kısmına ne olacağını belirler.
font-weight: Yazının kalın olmasını sağlar.
width: Genişliği belirler.
height: Yüksekliği belirler.
display: Elemanın nasıl görüneceğini beirler.
list-style: Liste biçiminin resimli olmasını sağlar.
padding: Tablo kenarları ile tablo içeriği arasında bırakılacak boşluğu belirler.
margin: Tablo ile pencerenin kenarları arasında bırakılacak boşluğu belirler.
color: Yazının rengini belirler.
font-size: Yazı boyutunu belirler.
float: Bir elemanın yerini ayarlamayı sağlar.

Türkiye'de İnternet

   Türkiye İnternet'e Nisan 1993'ten beri bağlıdır. İlk bağlantı ODTÜ'den gerçekleştirilmiştir. 64kbit/san hızında olan bu hat, çok uzun bir süre, tüm ülkenin
tek çıkışı olmuş ve ilgili arkadaşlar büyük bir özveriyle Internet'i tüm Türkiye'de (öncelikle akademik ortamlarda) yaygınlaştırmaya çalışmışlardır. Ege Üniversitesi'nden olan bağlantı ise, 1994 başlarında, 64kbit/san. hızı ile gerçekleştirilmiştir. Ardından sırayla, Bilkent Üniviversitesi (1995Ekim), Boğaziçi Üniviversitesi (1995 Kasım) ve İTÜ (1996 Şubat) bağlantıları gerçekleşmiştir.

   1996 yılı Ağustos ayında da Turnet çalışmaya başlamıştır. 1997 yılına gelindiğinde, akademik kuruluşların internet bağlantısını sağlayan ULAKNET çalışmaya başlamış ve üniversiteler nispeten hızlı bir omurga yapısıyla birbirlerine bağlanmış ve internet kullanır hale gelmişlerdir. 1999 yılı içerisinde, ticari ağ altyapısında büyük
değişiklikler olmuş ve TURNET'in yerini TTNet adında yeni bir oluşum almıştır.
2000'lerin başında; ticari kullanıcılar TTNet omurgası üzerinden; akademik kuruluşlar ve ilgili birimler de Ulaknet omurgası üzerinden internet erişimine sahiptir. Ayrıca bu iki omurga arasında yüksek hızlı bağlantı mevcuttur.

   Şu anda Türkiye'nin İnternet çıkışını sağlayan merkezler dört grupta toplanabilir:

1) Üniversiteler ve akademik kuruluşların internet bağlantı çıkışları;
2) Genellikle ticari kurulusların ve Internet Servis Sağlayıcılarının (İSS) yararlandığı     TTNET çıkışları,
3) Diğer bazı özel şirketlerin ve servis sağlayıcıların, TTNET ile yaptıkları İnternet
    Erişim Noktasi (İEN) anlaşması sonrasında kullandıkları firma bazlı doğrudan     yurtdışı internet çıkışları.

Bunların dışında kalan diğer bağlantılar ise;

Akademik Kuruluşlar (Üniversiteler) :
   Akademik kuruluşların internet bağlantıları, büyük ölçüde kendi olanakları ile olmaktadır. BITNET'li günlerde (1986-1992) ortaya çıkan TUVAKA (Türkiye Üniversiteler ve Akademik Kuruluşlar Ağı), özellikle 1993'ten sonra ihtiyaca cevap verememeye başlamıştır. Bu amaçla, TUVAKA-TRNET ve nihayet ULAKBIM (Ulusal Akademik Ağ ve Bilgi Merkezi, 1995) oluşumu ile TR'deki akademik ağ omurgası yapılmış ve yüksek hızlı internet çıkışları oluşturulmuştur. Ulakbim bünyesindeki Ulaknet ana omurgası, İstanbul, Ankara ve İzmir arasında yüksek hızlı bir üçgen bağlantı (her biri 34 MBit/San ATM omurga ile sağlanmaktadır (Nisan 2000). Yurtdışı internet çıkışları ise, Ankara'dan 2 tane 4 MBit/san (Digex) ve 1 tane 2 MBit/san (UUNet) ile sağlanmaktadır. Ayrıca, Ulaknet ile ticari ağ (TTNet) arasında 34 MBit/san (Ankara), TURNET'e de 2 MBit/san (İzmir) hızlarında bağlantılar vardır. Ulaknet aşağıdaki kurumlara servis vermektedir :

1) Üniversiteler (Tüm devlet ve Vakıf üniversiteleri ve Enstitüler),
2) Araştırma Geliştirme amaçlı kuruluşlar,
3) Kamu Kuruluşları,
4) Askeri Okullar ve Polis Okulları,

Türkiye'deki tüm üniversiteler ve araştırma/eğitim kurumları, bu 3 ana bağlantı noktasından kendilerine yakın olana değişen hızlarda (genellikle Frame Relay bağlantı ile) bağlanmaktadır (64kbit/san ila 2Mbit/san arası). UlakNET, bünyesindeki Ağ İşletim Merkezi ile çıkan sorunların tesbiti ve giderilmesi, yeni servislerin hizmete sunulması, ağ planlaması gibi işler de yapmaktadır.
Ulaknet bağlantıları dışında, bazı üniversitelerin kendilerinin doğrudan yurtdışı
internet bağlantıları da mevcuttur. İTÜ, Boğaziçi Üniv., Koç Üniv., Bilkent Üniv. bu üniversitelere örnek olarak verilebilir. Bu kurumlar, ulaknet omurgasını yurtiçi bağlantılar için kullanmakta yurtdışı bağlantılar için ise kendi bağlantılarını kullanmaktadırlar.
Türkiye'de Kaç Bilgisayar İnternet'e Bağlıdır?
Kaç Kişi İnternet Kullanmaktadır ?
1997 sonları itibarıyla, Türkiye'de yaklaşık 30,000 civarında bilgisayarın internete bağlı olduğu tahmin ediliyordu. Bu sayının 2000'li yılların başlarında 100,000'e yaklaştığını; her internet bağlantısından ortalama 6 kişinin yararlandığını düşünürsek, ülkemizde Internet'i kullanan kişi sayısının ise 600,000 civarında olduğunu iyimser bir şekilde tahmin edebiliriz. Topluma açık internet kullanım mekanlarının (internet kafeler, üniversite laboratuvarları, internet kiosklar gibi) artmasıyla, internetle tanışık insanlarımızın sayısı sürekli artmaktadır.