C# Alarm Saat Yapımı

Merhabalar değerli Deep-Kod okurları.Bu makalemde sizlere C# dili üzerinden alarm saat yapmayı göstereceğim.Öncelikle projemize bir kaç araç ekliyeceğiz.

1) Öncelikle Formumuza 1 adet timer ekleyelim
2) 3 adet textbox ekleyelim
3) 2 adet de buton ekleyelim.

Ekledikten sonra kodları aşağıda vereceğim satır satır açıklama bulunmaktadır.Akılda takılan bir soru olmaması için açıklama bulunuyor.Kodları vereceğim;

private void Form1_Load(object sender, System.EventArgs e)
{
//Program çalıştığında şuanki tarih ve saati Text kutularında gösterelim

textBox1.Text = DateTime.Now.ToShortDateString();\\\\ ToShortDateString bugünün tarihini gün ay yıl olarak string formatında gösterir.
textBox2.Text = DateTime.Now.ToLongTimeString();

//Başlangıçta alarm kapalı olsun.
timer1.Enabled = false;
//her saniyede bir alarmı kontrol etsin
timer1.Interval = 1000;
Text = “Alarm Kapalı”;\\\\Formda alarm kapalı yazacak.
}

private void timer1_Tick(object sender, System.EventArgs e)
{
//Eğer textbox1 deki değer şuanki tarihe eşitse ve textbox2 deki değer şuanki saate eşitse, alarm vakti gelmiştir.
if (textBox1.Text == DateTime.Now.ToShortDateString() && textBox2.Text == DateTime.Now.ToLongTimeString())
{
//Alarm metnini mesaj olarak gösterecek.
MessageBox.Show(textBox3.Text);
}
}

private void button1_Click(object sender, System.EventArgs e)
{
//Alarmı aktif yap
timer1.Enabled = true;
this.Text = “Alarm Açık”;
}

private void button2_Click(object sender, System.EventArgs e)
{
//alarmı kapat
timer1.Enabled = false;
this.Text = “Alarm Kapalı”;
}

Kodları sıkıntısız girdikten sonra projemizi tamamlamış oluyoruz.Başlattığımızda aşağıdaki resimdeki gibi bir görünüm alıyor.

Umarım faydalı bir yazı olmuştur.Takıldığınız veya anlamadığınız bir şey olursa yorum kısmına yazarsanız gereken yardımı ederim.Okuduğunuz için teşekkür ederim.

PHP İle Websitesi Nasıl Hazırlanır?

 

PHP ile websitesi nasıl hazırlanır?

PHP ile websitesi nasıl hazırlanır?

PHP dili ile bir websitesinin hazırlanışı birden çok yol ile sağlanır. Düz PHP kodlama, yani hiçbir alt yapı, iskelet (framework) kullanmadan bir websitesi hazırlandığı gibi birçok fonksiyonu, faydayı içinde bulunduran paketler ile de bu yapılabilir.

PHP diline ilk başladığım sıralarda bende gelişi güzel kodlamalar ile websiteleri hazırlardım. Ta ki PHP framework’ler ile tanışmadan önce. framework, ingilizce bir kelime olup iskelet anlamına gelmektedir. Amaç, komplike büyük işlerin altından profesyonelce bir yardım alarak kalkmaktır. Çünkü frameworkler, yapılacak olan işin yükünü çok ciddi bir şekilde azaltmakta ve çok ciddi çözümler üretmektedir. Bu altyapıların %90 open source yani açık kaynaktır ve yüzlerce kişi tarafından desteklenip sürekli taze tutulmaktadır.

Kullandığım ilk framework CodeIgniter’dı. Sonradan desteğini bırakınca Laravel PHP framework ile tanıştım.

PHP Framework Seçimi

En başta bu seçimi yapabilmek için birkaç soruya cevap bulmamız gerekli;

1. Kullanacak olduğumuz framework’ün özellikleri ve kapasitesi nedir?
2. Öğrenilmesi kolay bir PHP framework mü?
3. Öğrenilmek istenen framework aktif bir takım tarafından sürekli güncel tutuluyor mu?

Laravel PHP Framework

Laravel Taylor Otwell isimli bir şahıs tarafından 2011 yılında yapılmıştır. En çok bilinen ve kullanılan bir framework. Sloganı “PHP framework for Web Artisans” yani “Web Zanaatkârları için PHP çatısı”. Codeigniter’dan sonra ilk tanıştığım framework. Artık desteklenmediği için bırakmıştım, şimdi tekrar başlandı desteklenmeye bildiğim kadarıyla.

Symfony PHP Framework

Symfony Jonathan Wage tarafından 2005 yılında pisyasaya sürülmüş bir framework. Birçok popüler projeler; Drupal phpBB Symfony framework kullanmıştır. Bunların yanı sıra Laravel ve benzeri birçok framework’e ciddi bir altyapı sağlamıştır.

Yii PHP Framework

Qiang Xue tarafından 2008 yılında piyasaya sürülmüştür. Yii güvenilir, yüksek performans ve hızlı bir alt yapıya sahiptir. Composer paket yöneticisinin kullanılabilmesi ihtiyaçların en hızlı ve en güzel bir şekilde karşılanması sağlar. Artık zamanımızda birçok altyapı Composer ve benzeri Paket Yöneticileri kullanmaktadır.

Bir sonraki yazımız Laravel PHP Framework’e başlangıç olacaktır.

WordPress Site Bulucu

Merhaba değerli deep-kod.org okurları bugün sizler için kodladığım WordPress Site Bulucuyu paylaşıyorum.PHP dili ile kodlanmıştır.Kodları localhostunuzda çalıştırmanız yeterlidir.Arama yaptırdıktan sonra çıkan siteler direk localin htdocs klasörüne kaydedecektir.Aynı siteden 2 tane çıkmamasıda güzel bir özellik.Anlatacaklarım bu kadar sizi video ve kodlarla başbaşa bırakıyorum.

Kodlar : https://justpaste.it/3lqz6

C# İle X-Ball Oyun Yapımı

Selamun Aleyküm değerli Deep-Kod okurları.Bu yazımda sizlere C# ile nasıl oyun yapılır onun hakkında bilgi vereceğim.Geniş kapsamlı yazılım programlama dili olan C# bir çok alanda kolaylık sağladığı gibi bilgisayar oyunları alanında da bizlere güzel imkanlar sağlıyor.Geniş kapsamlı bir oyun programak için genellikle Unity 2d 3d programları kullanılır.Kendi aranızda küçük bir oyun tasarlamak isterseniz C# sizlere imkan tanıyor.Aşağıda vereceğim kodları sıkıntısız girdiğiniz zaman sizde böyle imkanlardan faydalanmış oluyorsunuz.

Kodlar:

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
using System.Collections;
namespace xball7
{
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
}
int level = 1, kutusayısı = 10;
ArrayList kutucuklar = new ArrayList();
int yerX = 5, yerY = 5, hak = 3;
private void Form1_Load(object sender, EventArgs e)
{
this.Text = “kalan hak=” + hak.ToString() + “level=” + level.ToString();
yenile();
kutucukolustur();
}
private void yenile()
{
kutusayısı = 10 * level;
Random rnd = new Random();
int x = rnd.Next(0, 50);
int y = rnd.Next(300, 350);
ball.Location = new Point(x, y);
timer1.Enabled = true;
timer1.Interval = 5;
yerX = 1 + level * 1;
yerY = -1 – level * 1;
}

private void çarpmadenetimi()
{
Rectangle r = new Rectangle();
Rectangle t = new Rectangle();
t.X = ball.Left;
t.Y = ball.Top;
t.Height = ball.Height;
t.Width = ball.Width;
for(int i=0; i < kutucuklar.Count; i++)
{
PictureBox btn = ((PictureBox)kutucuklar);
r.X = btn.Left;
r.Y = btn.Top;
r.Height = btn.Height;
r.Width = btn.Width;

if (r.IntersectsWith(t))
{
kutusayısı–;
kutucuklar.RemoveAt(i);

if (yerY > 0 && yerX > 0)
{

if (btn.Top <= ball.Bottom && btn.Left < ball.Right)
yerY = yerY * -1;
else
yerX = yerX * -1;
}
else
if (yerX > 0 && yerX < 0)
{
if (btn.Top <= ball.Bottom && btn.Right > ball.Left)
yerY = yerY * -1;
else
yerX = yerX * -1;
}
else
if (yerY<0 && yerX > 0)
{
if (btn.Bottom >= ball.Top && btn.Left < ball.Right)
yerY = yerY * -1;
else
yerX = yerX * -1;

}
else
if (yerY < 0&& yerX < 0)
{
if (btn.Bottom >= ball.Top && btn.Right > ball.Left)
yerY = yerY * -1;
else
yerX = yerX * -1;
}
btn.Dispose();
}
}
}
private void timer1_Tick(object sender, EventArgs e)
{
ballhakeket();
çarpmadenetimi();
kalanhak(sender,e);
oyunbitti(sender, e);
}
private void kalanhak(object sender, EventArgs e)
{
if (ball.Bottom>kontrol.Bottom&&!(ball.Right>=kontrol.Left&&ball.Left <= kontrol.Right))
{
hak–;
for (int i =0; i <kutucuklar.Count; i++)
{
PictureBox btn = ((PictureBox)kutucuklar);
((PictureBox)kutucuklar).Dispose();

}
kutucuklar.Clear();
timer1.Enabled = false;
DialogResult dr = DialogResult.None;
if (hak > 0)
{
dr = MessageBox.Show(“yandın=” + hak.ToString());
if (dr == DialogResult.OK)
Form1_Load(sender, e);
}
else if (hak == 0)
{
MessageBox.Show(“oyun bitti”);
this.Close();
}
}
}
private void Form1_MouseMove(object sender, MouseEventArgs e)
{
kontrol.Left = e.X;
}
private void kutucukolustur()
{
for(int j = 0; j < level; j++)
{
for(int i = 0; i < 10; i++)
{
PictureBox btn = new PictureBox();
if (level == 1)
btn.ImageLocation = “1.png”;
else if (level == 2)
btn.ImageLocation = “2.png”;
else if (level == 3)
btn.ImageLocation = “3.png”;
btn.Name = i.ToString();
btn.SizeMode = PictureBoxSizeMode.StretchImage;
btn.Size = new Size(70, 65);
btn.Location = new Point(20 + i * 120, j * 90 + 20);
btn.BackColor = Color.Transparent;
this.Controls.Add(btn);
kutucuklar.Add(btn);
}
}
}
private void oyunbitti(object sender, EventArgs e)
{
DialogResult dr = DialogResult.None;
if (kutusayısı == 0)
{
timer1.Enabled = false;
dr = MessageBox.Show(“tebrikler seviye atladınız=” + level + “tebrikler oyunu bitirdiniz”);
level++;
}
if (dr == DialogResult.OK)
Form1_Load(sender, e);
}
private void ballhakeket()
{
if (this.ClientSize.Width <= ball.Right)
yerX = yerX * -1;
else if (0 >= ball.Left)
yerX = yerX * -1;
if (this.ClientSize.Height <= ball.Bottom)
yerY = yerY * -1;
else if (0 > ball.Top)
yerY = yerY * -1;
else if (ball.Bottom >= kontrol.Top && ball.Right >= kontrol.Left && ball.Left <= kontrol.Right)
yerY = yerY * -1;
ball.Location = new Point(ball.Left + yerX, ball.Top + yerY);
}

}
}

 

 

Oyunumuz bu şekilde umarım faydalı olmuştur.Okuduğunuz için teşekkür ederim diğer bir yazımda görüşmek üzere.

C# XML İşlemleri

Selamun Aleyküm değerli deep-kod okurları.Bu yazımda C# ile XML işlemleri konusunu ele alacağım.Öncelikle XML hakkında bilgi vereceğim.

XML Nedir?

İnterneti kullanarak veri alış verişi yapan sistemler ve platformlar arasında ki veri işlemlerini standart hale getirmek için W3C tarafından tasarlanan bir işaret dilidir.

W3C Nedir?

W3C temel amacı Html dilinin devamını sağlamak amacıyla HTML çıktılarının bütün tarayıcılarda ve cihazlarda aynı çıktıyı vermeyi sağlamaktır.

XML Gelişimi

XML dilini geliştiren ve tasarımcısı,HTML dilini’de tasarlamış olan Tim Berners Lee dir.

XML Kullanım Alanları Nelerdir?

XML dili günümüzde veri iletimiyle alakalı her alanda sıklıkla kullanılmaktadır.Kısa özetlemek olursa;

-Web siteleri için site haritası oluşturma

-Veri Tabanlarının Aktarılması

-Yazılım paketleri içindeki bağımlılıkları tanımlaması

-Finansal Verileri iletmesi 

-Dosya sistemlerinin oluşturulması

-Bilimsel içeriklerin depolanması 

Günümüzde yüzlerce alanda XML teknolojisi kullanılmaktadır.Bunlar bir kaç örneğidir seçenekleri çoğaltabiliriz.

XML ile Tasarım Yapmak

XML kodlarını kullanmamız için küçük bir işlem yapmamız gerekiyor.Aşağıda gösterdiğim gibi projenizin “Using” kısmına “Using System.xml;” yazmamız gerekiyor.Yazmadığımız zaman kodlar aktif olmayacak ve projeniz üzerinde herhangi bir işlem yapılmayacaktır.

XML Dosya Oluşturma Veri Ekleme Nasıl Yapılır?

XML ile dosya oluşturma ve o dosyanın içine veri nasıl eklenir onun hakkında bilgi vereceğim.Aşağıya kodunu yazacağım kodları sıkıntısız girdiğiniz zaman projeniz herhangi bir hata vermeyecektir.

Xml TextWriter xml_yazma = new XmlTextWriter(“Deep-Kod”, System.Text.UTF8Encoding.UTF8);

xml_yazma.Formatting = Formatting.Indented;

xml_yazma.WriteStartDocument();

xml_yazma.WriteStartElement(“Deep-Kod”);

xml_yazma.WriteStartElement(“Üyeler”);

xml_WriteAttributeString(“İd”, “1”);

xml_yazma.WriteElementString(“Nick”, “Admin”);

xml_yazma.WriteElementString(“Adı”, “Mehmet”);

xml_yazma.WriteElementString(“Soyadı”, “Ateş”);

xml_yazma.WriteElementString(“Uzmanlık Alanı” , “Yazılım Geliştirici”);

xml_yazma.WriteEndElement();

xml_yazma.WriteEndElement();

xml_yazma.Close();

Kodlarımız bu arkadaşlar.WriteElementSring kısmında seçeneği çoğaltabiliriz.İstediğiniz yazıyı ekleyebilirsiniz.Kodları sıkıntısız şekilde girdikten sonra Xml ile Dosya oluşturduğunuz verileri otomatik olarak bu proje dosyasının içine kayıt edecektir.Dosyanızın yerini bulmak için Çözüm gezgini bölümünden “Xml dosya oluşturma ve Ekleme” seçeneğine sağ tıklıyoruz ve “Klasörü Dosya Gezgininde Aç” seçeneğine basıyoruz.Oluşturmuş olduğunuz dosya içine istediğiniz verileri ekleyebilirsiniz.

XML ile İnternet Üzerinden Veri Kayıt Etmek

Xml ile internet üzerinden veri kayıt etmek Xml kullanım alanlarından bir tanesidir.Günlük hayatımızı kolaylaştırmak için yüzlerce çeşit örnek bulunmaktadır.Xml ile bir döviz bilgilerini kendi tasarım alanımıza kayıt ediyoruz.Veri çekeceğimiz sitediki bilgiler otomatik olarak kendi projemize geliyor.Sitenin bilgilerine ulaşmak için sağ tıklıyoruz ve Kaynak Görüntüle seçeneğini seçiyoruz.Tasarım Kodlarımız böyledir;

string bugün = “http://www.tcmb.gov.tr/kurlar/today.xml”;

var xmldoc = new XmlDocument();

xmldox.Load(bugün);

DateTime tarih = Convert.ToDateTime(xmldoc.SelectSingleNode(“//Tarih_Date”).Attributes[“Tarih”].Value);

string USD = xmldoc.SelectSingleNode(“Tarih_Date/Currency [@Kod=’USD’]/BankonoteSelling”).InnerXml;

label1.Text = string.Format(“Tarih{0} USD; {1}” ,TARİH.ToShortDateString(), USD);

Tasarım kodlarımızı sıkıntısız şekilde girdikten sonra verisini almak istediğimiz internet sitesini yazıyoruz.Aldıktan sonra yazılı olan kodları giriyoruz ve adresini girdiğimiz sitedeki almak istediğimiz bilgiyi topluyoruz.

TCMB Döviz bilgilerini kendi tasarımıma çekmek istedim ve otomatik olarak bana bilgilerini yazdı.Xml ile Veri Kaydetme işlemi böylelikle tamamlanmış oluyor.

Okuduğunuz için teşekkür ederim herhangi bir problem veya sorun olursa yorum yazarak belirtirseniz daha hızlı yardımcı olurum.Diğer konularda görüşmek üzere.

Php İle Hesap Makinesi

Merhaba değerli deep-kod.org okurları.Artık konular ilerlemeye başladı.Bugün sizler için php ile hesap makinesi nasıl yapılır ?Sizlere onu anlatacağım.Kodlar aşağıdadır.Uzantısını .php olarak kaydedip localde çalıştırırsanız kodların çalıştığını görüp yazılım açısından biraz daha bilginize bilgi katmış olacaksınız.Bizi izlemeye devam edin.

<?php

if($_POST){
$sayi1 = $_POST[“sayi1”]; // birinci sayı değerini $sayi1 değişkenine aktardık.
$sayi2 = $_POST[“sayi2”]; // ikinci sayı değerini $sayi2 değişkenine aktardık.
$islem = $_POST[“islem”]; // işlem deki işareti $islem değişkenine aktardık.

if($islem == “+”){
echo $sayi1+$sayi2; //Eğer işlem + eşitse
}elseif($islem == “-“){
echo $sayi1-$sayi2; //Yada işlem – eşitse
}elseif($islem == “*”){
echo $sayi1*$sayi2; //Yada işlem * eşitse
}elseif($islem == “/”){
echo $sayi1/$sayi2; //Yada işlem / eşitse
}
}

?>
<form action=”” method=”POST”>
Sayi1: <input type=”text” name=”sayi1″ /> <!– Sayi1 inputu –>
Sayi2: <input type=”text” name=”sayi2″ /> <!– Sayi2 inputu –>
Hesap Turu:
<select name=”islem”><!– islem select box ı –>
<option value=”+”>Toplama</option>
<option value=”-“>Cikatma</option>
<option value=”*”>Carpa</option>
<option value=”/”>Bolme</option>
</select>
<input type=”submit” value=”Hesapla!” /> <!– submit –>
</form>

PHP ile RSS Okuma, Veri Çekme

Umarım anlaşılır olmuştur.İlerleyen yazılarda görüşmek üzere.

Bir Program Nasıl Yazılır ?

Bu yazımızda bir programın yazılabilmesi için yapılması ve izlenmesi gereken yolları ele alacağız.

Öncelikle bir program yazabilmeniz için bilgisayar şart 🙂

En basit ve en kısa şekilde yazıyı sonlandırmaya çalışacağım.

Kısaca programın tanımına bakacak olursak; ihtiyacımız olan işleri kolaya indirgeyerek daha kısa zamanda daha çok işlem yapmamızı sağlayan fonksiyonel şekilde tasarlanan ve kullanıma sunulan bilgisayar uygulamalarıdır.

Peki bu uygulamalar nasıl yazılır adım adım inceleyelim.

  1. 1. Ne yazacağız?
  2. 2. Neden yazacağız?
  3. 3. Ne ile yazacağız?
  4. 4. Nasıl yazacağız?

 

1. Ne yazacağız? 

Bir program yazacağız. 🙂 Bu adımda hazırlayacağımız uygulamanın adını ve işlevini belirliyoruz.

Ornek: Hesap Makinesi ; Matematiksel işlemleri kolaylaştırmak için.

2. Neden yazacağız? 

Matematiksel işlemleri ihtiyaçlarımız doğrultusunda hızlı ve basit bir yöntem ile sonuclandirmak için yazacağız.

3. Ne ile yazacağız? 

Programların da yazılabilmesi için bilgisayarın onları anlayabileceği bir dile ihtiyaç vardır.

Programlama dili, yazılımcının bir algoritmayı ifade etmek amacıyla, bir bilgisayara ne yapmasını istediğini anlatmasının tektipleştirilmiş yoludur. Programlama dilleri, yazılımcının bilgisayara hangi veri üzerinde işlem yapacağını, verinin nasıl depolanıp iletileceğini, hangi koşullarda hangi işlemlerin yapılacağını tam olarak anlatmasını sağlar.

Alt seviye programlama dilleri: Makine koduna oldukca yakın programlama dilleridir.Makina hakimiyeti oldukca gelişmiştir.Bu programlama dillerini bilen kişilerin mikro işlemciler hakkında bilgi sahibi olması gereklidir.(Assembly programlama dili gibi)

Orta seviye programlama dilleri: Oldukça esnek olan bu diller hem üst hem alt seviye programlama yapabilirler. Alt seviye dillere oranla biraz daha anlaşılırdır. (C programlama dili gibi.)

Üst seviye programlama dilleri: Olay tabanlı programlama dilleri olarak da adlandırılırlar yalnız bu programlama dilleri sadece belirli fonksiyonlar etrafında çalışırlar ve programlama hakimeyitini azaltırlar. En hızlı ve en etkili programlama dilleri bu kategoridedir. (visual basic ve pic basic pro gibi) Diğer programlama dillerine kıyasla daha kolay öğrenildiği ve uygulandığı için yeni başlayanlara en uygun diller üst seviye programlama dilleridir.

Şu ana kadar 150’den fazla programlama dili yapılmıştır. Bunlardan bazıları Pascal, Basic, C, C#, C++, Java, Cobol, Perl, Python, Ada,Fortran, Delphi ve 1C Enterprise’dır.

Biz ise seviyeye göre hangi dili biliyorsak hangi dil kolayimiza geliyorsa onu seçip kullanmamız gerekiyor.

4. Nasıl yazacağız? 

Önce karegrofik bir kurgu oluşturuyoruz, yani programimiz nasıl çalışacak ne işlemler yapacak

Örnek : Bir metin kutusuna girilen rakam ile başka bir metin kutusuna girilen rakamı, toplama butonuna basildiginda toplayacak, çıkarma butonuna basildiginda çıkaracak, çarpma butonuna basildiginda çarpacak , bölme butonuna basildiginda bölecek.

Sonra algoritmayı oluşturuyoruz.

Algoritma, matematikte ve bilgisayar biliminde bir işi yapmak için tanımlanan, bir başlangıç durumundan başladığında, açıkça belirlenmiş bir son durumunda sonlanan, sonlu işlemler kümesidir. Yani belli bir problemi çözmek veya belirli bir amaca ulaşmak için çizilen yola algoritma denir. Genellikle programlamada kullanılır ve tüm programlama dillerinin temeli algoritmaya dayanır. Aynı zamanda algoritma tek bir problemi çözecek davranışın, temel işleri yapan komutların veya deyimlerin adım adım ortaya konulmasıdır ve bu adımların sıralamasına dikkat edilmelidir. Bir problem çözülürken algoritmik ve sezgisel (herustic) olmak üzere iki yaklaşım vardır. algoritmik yaklaşımda da çözüm için olası yöntemlerden en uygun olan seçilir ve yapılması gerekenler adım adım ortaya konulur. Algoritmayı belirtmek için ; metinsel olarak düz ifade ve akış diyagramı olmak üzere 2 yöntem kullanılır.

Oluşturduğumuz bu algoritmaya göre de seçtiğimiz programlama dilini kullanarak programımızı yazabiliriz.

Herkese kolay gelsin, ilerleyen yazılarda görüşmek üzere.

Css Kodları ve Anlamları Nelerdir?

Merhaba arkadaşlar,

Bu makalemde sizlere CSS Kodlarını ve Anlamlarını anlatacağım, Zaten bildiğiniz gibi temel olmadan yani HTML, CSS bilmeden hiç bir şey olmuyor. Şimdi makalemize tam geçmeden kısaca bir CSS’in tanımını yapalım ki unutulan bir şey varsa eksik giderilsin. HTML bize metin biçimlendirme alanında çok geniş olanaklar sunar.

CSS, uzun yazılışıyla Cascading Style Sheets, veya Türkçesiyle Stil şablonları ise bunu bir adım daha öteye götürür, bize sayfalarımız için global şablonlar hazırlama olanağı verdiği gibi, tek bir harfin stilini; yani renk, font, büyüklük gibi özelliklerini değiştirmek için de kullanılabilir. Bu tekniğin en önemli özelliği kullanımındaki bu esnekliğidir.

Artık konumuza geçebiliriz…

————————————————————————

LİNK ÖZELLİKLERİ
a : Linkin, sayfa açıldığında tıklanmadan veya ümleç üzerine getirilmeden önceki durumudur.
a:hover : Linkin imleç üzerine getirildiğindeki durumudur.
a:active : Linkin tıklandığı andaki durumudur.
a:visited : Linkin tıklandıktan sonraki durumudur.

————————————————————————

BİÇİMLENDİRME
color: Linkin rengini belirler.
background-color: Linkin zemin rengini belirler.
background-image: Linkin zeminine resim ekler(Bu animated-gif de olabilir.)
text-decoration: Linkin altının,üstünün vs. çizgili olup olmayacağını belirler.
font-weight: Yazının kalınlık veya inceliğini belirler.
border: Linkin etrafına kenarlık ekler.
display: Linki içeren hücre , satır vb. istenilen alanın seçilmesini sağlar.

————————————————————————

LİSTE ÖZELLİKLERİ
disk: Liste biçiminin disk (içi dolu daire) şeklinde olmasını sağlar.
circle : Liste biçiminin çember şeklinde olmasını sağlar.
square : Liste biçiminin kare olmasını sağlar.
decimal : Liste biçiminin rakamlardan oluşmasını sağlar.
lower-roman : Liste biçiminin i,ii,iii gibi küçük roma rakamlarından oluşmasını sağlar.
upper-roman : Liste biçiminin I,II,II gibi büyük roma rakamlarından oluşmasını sağlar.
lower-alpha : Liste biçiminin a,b,c şeklinde küçük harf olmasını sağlar.
upper-alpha : Liste biçiminin A,B,C şeklinde büyük harf olmasını sağlar.
none : Listenin simgesiz olmasını sağlar.
inside : Listenin ikinci satırının en soldan başlamasını sağlar.
Outside : Listenin ikinci satırının ilk satır ile aynı yerden başlamasını sağlar.
list-style-image : Liste biçiminin resim olmasını sağlar.

————————————————————————

KATMAN ÖZELLİKLERİ
position: Katmanın yerinin belirlenmesini sağlar.
absolute: Katmanın yerinin pencere esas alınarak belirlenmesini sağlar.
relative: Katmanın yerinin bir önceki katman esas alınarak belirlenmesini sağlar.
static: Katmanın yerinin sabit olarak (Varsayılan olan sol üst köşe) belirlenmesini sağlar.
top: Katmanın üstten ne kadar aşağıda olması gerektiğini belirler.
left: Katmanın soldan ne kadar içeride olması gerektiğini belirler.
width: Katmanın genişliğinin ne kadar olacağını belirler.
height: Katmanın yüksekliğinin ne kadar olacağını belirler.
overflow: Katmanın belirtilen yükseklik ve genişliğe sığmayan kısmına ne olacağını belirler.
auto: Otomatik olarak belirlenir.
scroll: Kaydırma çubuğu ekleyerek görünmesini sağlar.
visible : Katmanı belirtilen boyutların dışına taşırarak sığmayan yerlerin görünmesini sağlar.
hidden: Sığmayan yerleri gizler.
visibility: Katmanın görünebilirlik ayarını yapar.
visible : Katmanın görünür olmasını sağlar.
hidden: Katmanı gizler.
z-index : Katmanların alttan üste doğru hangi sıra ile gösterileceğini belirler.1 değeri katmanın en altta olacağını belirtir.

————————————————————————

FONT ÖZELLİKLERİ
font-family: Yazı türünü belirler.(Arial , Verdana gibi.)
font-style: Yazının normal veya sağa eğik olmasını sağlar.
font-variant: Yazının normal veya tümünün büyük harflerden oluşmuş olmasını sağlar.
font-weight: Yazının kalınlık-inceliğini belirler.
font-size: Yazının büyüklüğünü belirler.

————————————————————————

TEXT ÖZELLİKLERİ
word-spacing : Kelimeler arasında bırakılacak boşluğu boşluğu belirler.
letter-spacing : Harfler arasında bırakılacak boşluğu boşluğu belirler.
text-decoration : Kelimenin altının , üstünün vs. çizili olup olmayacağını belirler.
underline : Kelimenin altının (Satır altından) çizili olmasını sağlar.
overline : Kelimenin üstünün (Satır üstünden) çizili olmasını sağlar.
line-through : Kelimenin ortasından çizili olmasını sağlar.
blink : Kelimenin yanıp sönmesini sağlar.(Netscape için)
vertical-align : Metnin yatay olarak nasıl hizalanacağını belirler.
text-transform: Kelimelerin büyük harf veya küçük harflerden oluşmasını sağlar.
capitalize : Kelimelerin ilk harflerinin büyük olmasını sağlar.
uppercase : Kelimelerin bütün harflerinin büyük olmasını sağlar.
lowercase : Kelimelerin bütün harflerinin küçük olmasını sağlar.
none : Kelimelerin orjinal metindeki gibi olmasını sağlar.
text-align: Metnin dikey olarak nasıl hizalanacağını belirler.
left : Metni sola yaslar.
right : Metni sağa yaslar.
center : Metni ortalar.
justify : Metni iki yana yaslar.
text-indent : Metnin ilk satırının soldan ne kadar içerden başlayacağını belirler.
line-height : Satırın yüksekliğini ayarlar.(Yüksek değer verildiğinde satırlar arasındaki boşluk artar.)
first-line : Metnin ilk satırının biçimlendirilmesini sağlar.
first-letter : Metnin ilk harfinin biçimlendirilmesini sağlar.

————————————————————————

İMLEÇ ÖZELLİKLERİ
crosshair: İmlecin artı işareti şeklinde olmasını sağlar.
auto: İmlecin metinde dikey çizgi ,boş alanda normal ok şeklinde olmasını sağlar.
default: İmlecin hem metinde hem de boş alanda normal ok şeklinde olmasını sağlar.
hand: İmlecin linkte olduğu gibi el şeklinde olmasını sağlar.
move: İmlecin taşıma işareti şeklinde olmasını sağlar.
ne-resize: İmlecin sağa yatık normal ok olmasını sağlar.
nw-resize: İmlecin sola yatık normal ok olmasını sağlar.
se-resize: İmlecin yukardan aşağı doğru ve sağa yatık normal ok olmasını sağlar.
sw-resize: İmlecin yukardan aşağı doğru ve sola yatık normal ok olmasını sağlar.
n-resize: İmlecin aşağıdan yukarıya doğru ince ok şeklinde olmasını sağlar.
s-resize: İmlecin yukardan aşağı doğru ince ok şeklinde olmasını sağlar.
w-resize: İmlecin sola doğru ince ok şeklinde olmasını sağlar.
e-resize: İmlecin sağa doğru ince ok şeklinde olmasını sağlar.
text: İmlecin hem metinde hem de boş alanda metinde olduğu gibi görünmesini sağlar.
wait: İmlecin meşgul animasyonuna dönüşmesini sağlar.
help: İmlecin yardım-soru işaretine dönüşmesini sağlar.

————————————————————————

ZEMİN ÖZELLİKLERİ
background-color: Zeminin rengini belirler.
color : Renk adı.
transparent: Zeminin saydam olmasını sağlar.
background-image: Zemine resim yerleştirilmesini sağlar.
url : Zemine yerleştirilen resmin adresi.
background-repeat: Zemine yerleştirilen resmin nasıl yayılacağını belirler.
repeat : Resmin bütün zemine yayılmasını sağlar.
repeat-x : Resmin sol-üstten sağ-üste doğru yayılmasını sağlar.
repeat-y : Resmin sol-üstten sol-alta doğru yayılmasını sağlar.
no-repeat: Resmin yayılmadan orjinal boyutuyla görünmesini sağlar.
background-attachment: Zemindeki resmin , sayfa kaydırma çubuğuyla hareket ettirildiğindeki durumunu belirler.
scroll : Sayfa hareket ettirildiğinde zeminin de kaymasını sağlar.
fixed: Sayfa kaydırılsa da zeminin sabit kalmasını sağlar
background-position: Zemindeki resmin istenilen şekilde yerleştirilmesini sağlar.
top : Resmi yukarı yerleştirir.
center : Resmi ortalar.
bottom : Resmi aşağı yerleştirir.
left : Resmi sola yerleştirir.
right: Resmi sağa yerleştirir.
…px : Resmin soldan istenilen ölçüde içerde olmasını sağlar.

————————————————————————

TABLO ÖZELLİKLERİ
margin : Tablo ile pencerenin kenarları arasında bırakılacak boşluğu belirler.
margin-top : Tablo ile pencerenin üst kenarı arasında bırakılacak boşluğu belirler.
margin-right : Tablo ile pencerenin sağ kenarı arasında bırakılacak boşluğu belirler.
margin-bottom : Tablo ile pencerenin alt kenarı arasında bırakılacak boşluğu belirler.
margin-left : Tablo ile pencerenin sol kenarı arasında bırakılacak boşluğu belirler.

_________________________________________________________________

padding : Tablo kenarları ile tablo içeriği (Yazı vb.) arasında bırakılacak boşluğu belirler.
padding-top : Tablonun üst kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.
padding-right : Tablonun sağ kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.
padding-bottom : Tablonun alt kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.
padding-left : Tablonun sol kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.

_________________________________________________________________

border : Tablonun kenarlarının şekillendirilmesini sağlar.

_________________________________________________________________

border-top : Tablonun üst kenarının şekillendirilmesini sağlar.
border-left : Tablonun sol kenarının şekillendirilmesini sağlar.
border-bottom : Tablonun alt kenarının şekillendirilmesini sağlar.
border-right : Tablonun sağ kenarının şekillendirilmesini sağlar.

_________________________________________________________________

border-width : Tablonun kenarlarının kalınlığını belirler.
border-top-width : Tablonun üst kenarının kalınlığını belirler.
border-right-width : Tablonun sağ kenarının kalınlığını belirler.
border-bottom-width : Tablonun alt kenarının kalınlığını belirler.
border-left-width : Tablonun sol kenarının kalınlığını belirler.

_________________________________________________________________

border-style : Tablonun kenarlık türünü belirler.
border-top-style : Tablonun üst kenarlık türünü belirler.
border-right-style : Tablonun sağ kenarlık türünü belirler.
border-bottom-style : Tablonun alt kenarlık türünü belirler.
border-left-style : Tablonun sol kenarlık türünü belirler.

_________________________________________________________________

border-color : Tablonun kenarlarının rengini belirler.
border-top-color : Tablonun üst kenarının rengini belirler.
border-right-color : Tablonun sağ kenarının rengini belirler.
border-bottom-color : Tablonun alt kenarının rengini belirler.
border-left-color : Tablonun sol kenarının rengini belirler.

_________________________________________________________________

color : Tabloda geçen metnin rengini belirler.
width : Tablonon genişliğini belirler.
height : Tablonun yüksekliğini belirler.

Teşekkürler.İlerleyen yazılarda görüşmek dileğiyle.

Google Arama Teknikleri?Aramanın Püf Noktaları?

google

Merhaba Değerli deep-kod.org okuyucuları.Bugün sizler için google da arama teknikleri , daha çok sonuca nasıl ulaşılır,hedefe ulaşmak için nasıl arama teknikleri kullanılır.Bundan bahsedeceğim.

filetype
Bu operatör sayesinde istediğiniz uzantıdaki dosyaları sonuç olarak döndürebilirsiniz.
Ör: Turing machine ile alakalı pdf dosya arıyoruz bunu aşağıdaki gibi yapabiliriz.
Örnek : filetype:pdf ‘turing machine ‘

inurl
Aradığınız kelimelerden ilkini URL’de diğerlerinide site içerisinde arar.
Örnek : inurl:java eclipse download

allinurl
inurl den farklı olarak aradığınız kelime veya kelimelerin hepsini URL içerisinde arar.
İconfinder sitesinin adresinde music sorgusu geçen sonuçları ekrana getirir.
Örnek : allinurl:iconfinder music

intitle
Aradığınız kelimelerden ilkini site başlığında arar diğerlerini site içerisinde arar.

allintitle
Aradığınız kelimeleri başlığında barındıran siteleri döndürür.
Örnek : allititle:emre köse bootstrap

intext
Aranan kelime, sayfanın metin kısmında geçmelidir.
Örnek : intext: Sakarya Serdivan

allintext
Aranan kelimelerin hepsi, sayfanın metin kısmında geçmelidir.
Örnek : allintext: Eskişehir Odunpazarı Cam Sanatları

site
Bu operatör sayesinde istediniz sitede arama yapabilirsiniz
Örnek : site:emre-kose.net jquery

link
Aranan siteye başka siteler tarafından verilmiş olan bağlantıları bulup döndürür.
Örnek : link:www.sakarya.edu.tr

cache
Daha önceden indexlenen ve Google tarafından saklanan verileri döndürür.Yani site online değil ancak işinize yarar sonuçları içerisinde barındırıyorsa Google cache belleğinden bulup sizlere sonuçları döndürür.Çok güzel değil mi? 😀

define
Kafanıza birşey takıldı hemen Google’a başvurmanız gerek örneğin “Backbone.js” ile ilgili tanım barındıran siteleri getirmek istiyorsunuz.Yapacağınız işlem çok basit
Örnek : define:backbone.js

related
Çok sevdiğiniz sürekli girdiğiniz favori siteniz var ona benzer siteleri bulmak istiyorsanız.
Örnek: related:www.w3schools.com

or
Arağınız kelimelerden en az birini barındıran siteleri görmek istiyorsanız.
Örnek: Gölcük or Sapanca