6 Eylül 2013 Cuma

DVD yakma ve JQERY

JQERY METOTLARI:
attr(): Bu metot sayesinde seçtiğimiz nesnesin özniteliklerine ulaşabiliriz.
addClass(): Seçilen nesneye daha önceden tanımlı bir Class atar.
removeClass(): Seçtiğimiz nesne içindeki belirlediğimiz class'ı siler.
css(): Seçtiğimiz nesnenin css özelliklerinin değiştirmemize yarar.
hasClass():Seçtiğimiz nesnenin içinde belirlediğimiz class'ın olup olmadığına bakar.Sonuç olarak true yada false döner.
remove(): Seçilen nesneyi tamamen sayfadan kaldırır.
val(): Seçtiğimiz şeyin değerini verir.
prepend(): Belirtilen bir nesne üzerinin başına html tagı veye metin eklemeye yarar.
append(): Belirtilen bir nesne üzerinin sonuna html tagı veya metin eklemeye yarar.
JQERY KODLARI:
<html>
<head>
 <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
 </head>
<body>
<style>
.renk
{
font-size:200%;
color:red;
}
</style>
<p>Merhaba Dünya</p>
<button id="attr"  >attr</button>
 <button id="addclass">addclass</button>
 <button id="removeclass">removeclass</button>
 <button id="css">css</button>
 <button id="append">append</button>
 <button id="remove">remove</button>
 <button id="prepend">prepend</button>
 <button id="html">html</button>
 <button id="hasclass">hasclass</button>
 <button id="val">val</button>
 <p>isim: <input type="text" name="user"></p>

<img class='resim' src="resim.jpg"></img>
 <ul id="sirala">
 <li><a href="#" >ANASAYFA</a></li>
 <li><a href="#" >HAKKIMDA</a></li>
 <li><a href="#" >ILETISIM</a></li>
 <li><a href="#" >URUNLER</a></li>
 <li><a href="#" >HABERLER</a></li>
</ul>
  <script>

 $('#attr').click(function(){
 $('.resim').attr("width","100");
     });
  $( "p" ).addClass( "sinif" );
  $( "p" ).removeClass( "sirala" ).addClass( "yeni sinif" );
 $("#css").click(function(){
    $("p").css("color","red");
   });
    $("#remove").click(function(){
    $("#sirala").remove();
  });
  $("#append").click(function(){
    $("p").append(" <b>bugün günlerden pazaretesi</b>.");
  });
   $("#prepend").click(function(){
    $("p").prepend("<b>pazartesi sendromu</b>. ");
  });
 $("#html").click(function(){
    $("p").html("esin <b>atilay!</b>");
  });
   $("#hasclass").click(function(){
    alert($("p").hasClass("intro"));
  });
 $("#addclass").click(function(){
    $("p:first").addClass("renk");
  });
   $("#removeclass").click(function(){
    $("p").removeClass("renk");
  });
$("#val").click(function(){
    $("input:text").val("Esin ATILAY");
  });
 </script>
EKRAN ÇIKTISI:
attr buttonuna tıklandığı zaman ki ekran çıktısı:


addClass butonuna tıklandığı zaman ki ekran çıktısı:





removeClass  butonuna tıklandığı zaman ki ekran çıktısı:
css  butonuna tıklandığı zaman ki ekran çıktısı:

append butonuna tıklandığı zaman ki ekran çıktısı:

remove butonuna tıklandığı zaman ki ekran çıktısı:


prepend butonuna tıklandığı zaman ki ekran çıktısı:


html butonuna tıklandığı zaman ki ekran çıktısı:


hasClass butonuna tıklandığı zaman ki ekran çıktısı:


val butonuna tıklandığı zaman ki ekran çıktısı:


DVD 'YE WİNDOWS 7 YÜKLENMESİ VE FORMAT ATILMASI:
Öncelikle boş bir DVD almalıyız ve net sayfamızın adres çubuğuna ftp://10.100.100.100  adresi ile aşağıda gösterilen sayfaya ulaşalım.
 Microsoft'a tıklayarak windows 7 ye ulaşalım.


PC' miz 32 bit olduğu için format atarken uyum sıkıntısı çıkmaması için 32 bit 'i seçiyoruz.

Rahatlıkla kullanabilmek için Türkçe versiyonunu seçmeliyiz.


 Bu aşamadan sonra bilgisayarımıza kaydedip boş DVD yi takarak DVD'ye yazdırıyoruz.











5 Eylül 2013 Perşembe

JQERY,HTML,CSS

JQERY:
JQERY bir javascript kütüphanesidir.Ya da farklı bir JavaScript Framework'üdür denebilir. jQuery yoğun olarak animasyonlarda kullanılır. Flash'ın alternatifi olarak kullanılan bu teknoloji ile Flash galeri, Tab menü, Sayfa geçişleri gibi birçok işlem yapılmaktadır.
 
ÖRNEK KOD:
<html>
<head>
 <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
 <style>
 * {margin:0; padding:0;}
ul{width:950px; text-align:center;}
ul li{float:left;background:red; display:inline-block; margin: 5px; position:relative;}
 </style>
 </head>
<body>
<ul >
 <li><a href="#" >ANASAYFA</a></li>
 <li><a href="#" >HAKKIMDA</a></li>
 <li><a href="#" >ILETISIM</a></li>
 <li><a href="#" >URUNLER</a></li>
 <li><a href="#" >HABERLER</a></li>
</ul>
<ul class="sirala">
 <li><a href="#" >ANASAYFA</a></li>
 <li><a href="#" >HAKKIMDA</a></li>
 <li><a href="#" >ILETISIM</a></li>
 <li><a href="#" >URUNLER</a></li>
 <li><a href="#" >HABERLER</a></li>
</ul>
 <button id="hide" >HIDE</button>
 <button id="show">SHOW</button>
 <button id="fadeout">FADEOUT</button>
 <button id="fadein">FADEIN</button>
 <button id="fadeto">FADETO</button>
 <button id="slideup">SLIDEUP</button>
 <button id="slidedown">SLIDEDOWN</button>
 <button id="animate">ANIMATE</button>
 <button id="each">EACH</button>
 <script>
 $('#hide').click(function(){
 $('a').hide();
 })
 $('#show').click(function(){
 $('a').show();
 })
 $('#fadeout').click(function(){
 $('a').fadeOut('slow')  ;
 });
 $('#fadein').click(function(){
 $('a').fadeIn('slow')  ;
 });
 $('#fadeto').click(function(){
 $('a').fadeTo('slow')  ;
 });
 $('#slideup').click(function(){
 $('a').slideUp('slow')  ;
 });
 $('#slidedown').click(function(){
 $('a').slideDown('slow')  ;
 });
 $('#animate').click(function(){
 $('a').animate({
  width: "70%",    opacity: 0.4,    marginLeft: "0.6in",    fontSize: "1em",    borderWidth: "5px"  }, 1000 );
 });
 $('#each').click(function(){
 $('li').each(function(index,element){
 $(element).text("sirala"+index);
 $(element).css("background-color","red");
 });
 });
 var sayi=$('li').size(); alert(sayi);
 </script>
</body>
</html>
EKRAN ÇIKTISI:
HIDE Butonuna tıklandığı zaman:


SHOW Butonuna tıklandığı zaman:


EACH Butonuna tıklandığı zaman:



4 Eylül 2013 Çarşamba

html ,css

HTML VE CSS TERİMLERİ:

      CSS:İnternet sayfasıınn görünümünü değiştiren bir tanım dosyasıdır.Css kendine has kuralları olan bir tanım dilidir denilebilir.Css sayfada her bir elemana ait farklı bir özellik atamayı sağlar.

      <HTML>: Web sayfasında bulunan ilk koddur.Bu kod html sayfasının başlangıcını ve sonunu belirler.Bütün html kodları bu kodun arasına yazılmak zorundadır.

     <HEAD> : Web sayfasının temel özelliklerinin bulunduğu koddur.Yani sayfa başlığı, link özellikleri,yazı karakterleri özellikleri vb. özellikleri bu kodun içine yazılır.

     <LİNK> : Dökümana dışardan bir kaynak bağlar.

     <DİV> : Dökümanda bir bölümü temsil eder.

     <SPAN> : Dökümanda bir bölümü temsil eder.

     <H1>ile<H6> :Arası başlık yazısı belirler.

     <UL> : Düzensiz liste.

     <Lİ> : Düzenli listelemedir.

     <A> : Link belirtir.

     <STRONG> : Kalın yazı.

     <LABEL> : Form içindeki metinlere etikettir.

     <FORM> : Kullanıcıdan veri almak için düzenlenir.

     <İNPUT> : Form için bilgi alanı almak için.

     <b> : Koyu harfli yazı

     <FOOTER> : Alt bilgi

     <HEADER> : Baş bilgi

     <ARTİCLE> : Siteye içerik ekleme.

     <ASİDE> : Sayfa içerisinde bölümleme yapabileceğimiz bir alan sunuyor.

     <BACKGROUND> : Arka plan resmini değiştirmek için kullanılır.

     <OVERFLOW> : Yazılan yazıdaki taşma olma durumunda devreye girer ve taşmayı engeller.

     <BORDER> : Çerçevedir.

     <FLOAT> : Normal akışın dışına çıkarmak için kullanılan bir yöntemdir.

     <MARGİN> : Dıştan boşluk vermeyi sağlar.

     <PADDİNG> : İçten boşluk vermeye yarar.

     <DİSPLAY> : Çok amaçlı kullanılır.Herhangi bir nesneyi yok saydırmaya yarar.

     <FONT> : Yazının Px büyüklüğünü belirtir.

     <Text-Decoration> : Metni şekillendirmeye yarar.

  ÖRNEK HTML VE CSS KULLANIMI:
HTML KODU:
<html>
<head>
<title>Web sayfam</title>
<link href="css.css" type="text/css" rel="stylesheet" media="all" />
</head>
<body>
<div class="ust">
<h1>
<img src="resim.jpg" border="10">
</h1>
<ul>
<li><a href="javascript:void(0)">Ana Sayfam</a></li>
<li><a href="javascript:void(0)">Hakkinda</a></li>
<li><a href="javascript:void(0)">Blogum</a></li>
<li><a href="javascript:void(0)">Resimler</a></li>
<li><a href="javascript:void(0)">Sosyal Aglar</a></li>
</ul>

</div>
<div class="orta">

<ul>
<li><a href="javascript:void(0)">Ana Sayfam</a></li>
<li><a href="javascript:void(0)">Hakkinda</a></li>
<li><a href="javascript:void(0)">Blogum</a></li>
<li><a href="javascript:void(0)">Resimler</a></li>
<li><a href="javascript:void(0)">Sosyal Aglar</a></li>
</ul>
<h2><br><br><br><br><br><br><br><br><br><br>
<img src="resim.jpg" border="10"></h2>
</div>
<div class="alt">
<center>
<h1>ESIN ATILAY</h1></center>
</div>

</body>
</html>
CSS KODU:
body {}
.ust{background:red;  overflow:hidden; border:0px;width:1400;height:120;}
.ust h1{float:left;}
.ust h1 img{width:100px;height:100px;}
.ust ul{float:right;}
.ust ul li {float:left;list-style:none;margin:40px 5px 0 0;}
.ust ul li a{color:#333;font-size:16px;}
.ust ul li a:hover{color:blue;}
.orta{background:red; overflow:hidden; border:0px;width:120;height:494;}
.orta ul li a{color:#333;font-size:16px;}
.orta ul li a:hover{color:blue;}
.orta h2 img{width:100px;height:100px;}
.orta h2 img{float:right;}
.alt{background:red; overflow:hidden;width:1400;height:140;}

KOD'UN ÖNİZLEMESİ:




      
     


3 Eylül 2013 Salı

Linux komutları




Ubuntu da uç birimi açmak için CTRL/ALT/X e tıklanmalıdır Ve belirtilen kodlar uç birime yazılmalıdır.


Bilgi edinme komutları:


     pwd : Bulunduğumuz dizinin ismini verir.
     hostname : Makinanın konak ismini verir.
     whoami : Sisteme giriş yaparken yazdığımız kullanıcı ismimizi verir.
     id : Kullanıcının kullanıcı kimliği, birincil grup kimliği ve üyesi olduğu grupları gösterir.
     time : Belli bir komutun işlemini bitirmesinin ne kadar süre tuttuğunu gösterir.
     who : O an sistemde bulunan kullanıcıların kullanıcı isimlerini, hangi uç birimlerinde çalıştıklarını ve  sisteme giriş tarih ve saatlerini gösterir.
     uptime : Makinanın ne kadar süredir açık olduğu bilgisini verir.
     ps : Kullanıcının kullandığı uç birimde çalışmakta olduğu komutların ve süreçlerin listesi.
     free : Bellek kullanımını gösterir.
     top : Temel sistem durumu, çalışmakta olan süreçler ne kadar bellek/işlemci kullandıkları vs.


Genel amaçlı komutlar:


     alias : Komuta başka bir isim vermeye yarar.
     arch : Processor'un yapısı hakkında bilgi verir.
     cal : Aktuel takvimi gösterir.
     calendar : Bir randevu hatırlatma programı.
     clear : Monitörü  temizler.
     xterm : X terminali açar

   

   Donanım' da kasaları söküp kasaların iç temizliği yapılıp kasalar tekrar kuruldu. 

2 Eylül 2013 Pazartesi

Ubuntuya Program Yükleme

PROGRAMLAR
1.)UBUNTU'YA UBUNTU KISITLI İLAVELERİN KURULUMU:
     Ubuntu bazı yazılımları  hazır olarak bünyesinde içermektedir.Örneğin Adobe Flash ve Winrar gibi programları bünyesinde içermektedir.Şimdi biz o programları indiricez.
     İndirebilmemiz için öncelikle ubuntu yazılım merkezi üzerinden ubuntu-restricted-extras(ubuntu kısıtlı ilaveleri) paketinin yüklenmesiyle kolayca elde edinilebilir.
     Yazılım paketi açılır.
     Arama motoruna ubuntu-restricted-extras yazılır ve yükle 'ye tıklanır.

     Ubuntunun kurulumunda ki şifre ile kimlik doğrulaması yapılır ve yüklemenin tamamlanması için beklenir.




2.)UBUNTU'YA WİNRAR VE ADOBE FLASH PLAYER KURULUMU:

     *ADOBE FLASH PLAYERIN KURULUMU:Yazılım paketinde arama motoruna Adobe Flash Player yazılarak program bulunur ve yüklemeye tıklanarak yükleme işlemi gerçekleştirilir.


     *WİNRAR KURULUMU:Yazılım paketinde arama motoruna Winrar yazılarak program bulunur ve yüklemeye tıklanarak yükleme işlemi gerçekleştirilir.






3.)UBUNTU'YA GOOGLE CHROME'IN KURULMASI:
     Google çeşitli nedenlerden dolayı Ubuntu kurulumu ile öntanımlı gelen paket depoları içinde yer almamaktadır.Bu yüzden programın internet sitesinden ubuntu için olan .deb uzantılı sürümünü indirdikten sonra,indirilen dosya çift tıklamamız yeterlidir.
     Google Chrome'u yüklediğimizde, Google otomatik olarak eklenir;böylece sistemimiz Google Chrome'u otomatik olarak güncel tutar.





UBUNTU KURULUMU

UBUNTU KURULUMU
     1.ADIM:
     Kurulumunu gerçekleştireceğimiz ubuntu sürümü 32 bit.Kuruluma başlamadan önce internetteki bağlantılardan sürümü boş bir CD veye DVD ye yazmalıyız ve ardından bilgisayarımızı CD veya CVD ile başlatmalıyız.
     2.ADIM:
     Bigisayar kurulum DVD'si ile başlatıldaktan sonra "Hoşgeldiniz" ekranı çıkacaktır.Kurulum dilini türkçe seçerek "Ubuntuyu Kur" seçeneğini tıklayarak devam ediyoruz.



     3.ADIM:
     Kurulum sihirbazı Ubuntu'yu kurulum için hazırlanırken disk ve internet bağlantısı durumunu kontrol edecektir.Kurulum sırasında internete bağlı olmak şart değil ancak kurulum için minimum 5.4 GB ideal bir çalışma ortamı için 20GB boş disk alanına ihtiyaç olacaktır.







     4.ADIM:
     Ubuntunun nereye nasıl kurulacağını seçtiğimiz bu adımda ubuntuyu Windows 7 işletim sisteminin yanına kur seçeneğine tıklayarak istediğimiz zaman istediğimiz işletim sistemine ulaşabiliriz.
    



     5.ADIM:
     Diski parçalayıp bölümlere ayırabiliriz.
     6.ADIM:
     Doğru zaman ayarı için bulunduğumuz lokasyonu işaretlememiz gerekiyor.Sonrasında "Devam et" tuşuna tıklıyoruz.
    


     7.ADIM:
     Klavye düzenini seçmeliyiz.

     8.ADIM:
     Ubuntu'ya giriş yapacağımız kullanıcı adınızı,şifrenizi ve bilgisayar adınızı bu belirlemelisiniz.
  
 


     9.ADIM:
     Kurulum bir süre devam edecektir.Sisteminizin donanımına göre yaklaşık 15 dakikada kurulum tamamlanacaktır.

    

 
     10.ADIM:
     Kurulum tamamladığında "şimdi yeniden başlat " butonuna basarak bilgisayarı yeniden başlatatalım ve belirldiğimiz şifre ile giriş yapılır.