Webmaster etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

17 Temmuz 2014

CSS Nedir Yorum yok

CSS Nedir?

Css’in açılımı ile söze başlayalım. Cascading Style Sheets. Biz kısaca konularımız dahilinde Stil Şablon olarak bahsedeceğiz. Gelelim Stil Şablonun varoluş amacına. Sizinde bildiğiniz üzere Html yazım şekli olarak etiket türünde bir yazım dili. Bu yüzden pek fazla özelliklere sahip değil. Bu sahip olamadığı özellikler nedeniyle sayfanın dizaynında bize tam esneklik veremiyor. Css bu amaçla üretilmiş bir dil. Kullanım kolaylığı ve kullanışlılığı ile Html’e eklenmesinden itibaren çoğu web tasarımcısının gözdesi oldu. Çünkü her türlü sayfa dizaynını bize bırakarak müthiş bir esneklik sağlıyor. Ayrıca ileriki konularımızda bahsedeceğimiz üzere bağlantılı stil şablonlar aracılığı ile de birden çok sayfaya etkiyebiliyor. Bu da bize sitenin görünümün değiştirmek istediğimizde elimizdeki onlarca belki de yüzlerce sayfanın kodlarını değiştirmeden sadece css dosyasının değiştirerek bu imkanı sağlıyor.

Stil Şablon’un tarayıcılara eklenmesinden sonra iki versiyonu çıktı. Bunlar Css 1 ve Css 2. Ayrıca bazı konularda MSIE (Internet Explorer) ve NN (Netscape Navigator) tarayıcıları aynı kodları kabul etmiyorlar. Biz derslerimizde her iki tarayıcıda da etkin olan veya etkin olmayıp dizaynı bozmayan (A:hover gibi) Stil Şablon özelliklerini göreceğiz. Şimdi derslerin içeriğinde neler var onları görelim :

1. Stil Şablon çeşitleri :

Css’in en çok beğenilen yönü istendiğinde sadece bir öğeye etkimesi, istendiğinde tüm sayfaya etkimesi, istendiğinde site içindeki tüm html dosyalarına etkimesidir. Bunlar kısaca Stil Şablonun kullanım çeşitleridir.

2. Html etiketleri ile Css :

Bu dersimizde Html’deki font,background gibi çeşitli özelliklerin Stil Şablon tarafından nasıl belirlenebileceğini göreceğiz.

3. Seçiciler (Selectors) :

Kimi zaman Html etiketlerinden fontu hepimiz kullanırız. Örneğin bir sayfa içerisinde font etiketine birden çok görünüm eklemek isteriz. Bu durumda seçiciler imdadımıza yetişir. Bu dersimizde de seçicilerin nasıl kullanıldığını ve yazım kurallarını öğrenceğiz.

4. Genel kullanım şekilleri :

Bu dersimizde ise A (link) etiketinin çeşitli kullanım biçimleri ile birlikte bir Stil Şablonun nasıl kullanırsak işimize daha fazla yarayacağını göreceğiz. Siz buradaki kullanım tarzına göre Css’i kullanırken kendinize nasıl bir yön izleyeceğinize karar vereceksiniz.

CSS Çeşitleri

Css’in (Stil Şablonu) 3 farklı kullanım alanı vardır. Bunlar ;

· Yerel, yani sayfada sadece bir kez: Yerel stil şablonlar bir html etiketi için özel olarak kullanılırlar.

· Global, yani tüm sayfa için: Global stil şablonlar sayfadaki tüm html etiketlerinin belirlenen özellikte olması istendiğinde kullanılırlar.

· Bağlantılı, yani birden çok sayfa için: Bağlantılı stil şablonlar birçok sayfada aynı biçimde olması istendiğinde kullanılırlar.

2.1 Yerel Stil Şablonu

Başlangıçta belirttiğimiz gibi Yerel Stil Şablonlar, uygulanacak etiketi sadece bir kez bulunduğu yerde (yerel) etkiler. Şimdi bir örnek verelim.

<html>
<head>
<title>Css</title>
</head>
<body>
<h2>Web Teknikleri</h2><br>
<h2 style="font-size:20pt; color:blue">Web Teknikleri</h2>
</body>
</html>

Bu örneğimizi css.htm adıyla kaydedip tarayıcı yardımıyla açtığımızda iki tane Web Teknikleri yazısıyla karşılacağız. Fakat bunların yazım tarzı farklı olacak. Çünkü biz ikinci <h2> etiketimize etkimek üzere bir stil şablon ekledik.

2.2 Global Stil Şablonu

Global Stil Şablonları bir önceki örnekte yaptığımız <h2> etiketinin tüm sayfada aynı özellikte olması istendiğinde kullanılır. Bunu için Stil Şablon özellikleri sayfanın başlangıcında (<head></head> etiketleri arasında) tanımlanmalıdır.

Örnek ile biraz daha ayrıntılı inceleyelim.

<html>
<head>
<title>Css</title>
<style type="text/css">

</style>
</head>
<body>
<h2>Web Teknikleri</h2>
</body>
</html>

Burada ne yapmış olduk? Sayfa içerisinde kullanacağımız tüm <h2> etiketlerinin özelliklerini sabitlemiş olduk. Yani sayfa içerisinde nerede kullanırsanız kullanın <h2> etiketinin stil özellikleri hep aynı olacaktır. Yazım kurallarına biraz değinirsek, Stil Şablon tanımlamaları <head> </head> etiketleri arasında <style type="text/css"> ile başlayıp </style> ile bitmelidir.  etiketi ile son bulur.

2.3 Bağlantılı Stil Şablon

Global stil şablonu ise sitemiz içerisindeki tüm sayfalarda aynı stil özelliklerini kullanmak istediğimizde kullanırız.

Her zaman olduğu gibi stillerimizi yukarıda örneklerini verdiğimiz şekilde hazırlarız. Fakat bunu html dosyamızın içerisinde değil de boş bir sayfaya yazarız. Sonra onu kaydederken css uzantılı bir şekilde kaydederiz. Ardından da html dosyamızın içerisine yine <head> </head> etiketleri arasına
<link rel="stylesheet" type="text/css" href="dosya_ismi.css">
şeklinde ekleriz. Şimdi hemen bir örnek verelim.

h1 {font-size:13pt; color:green}
h2 {font:20pt; color:blue}
h3 {font-size:15pt; color:red}

Bu dosyamızı stil.css olarak kaydedelim. Şimdi de html dosyamıza gelelim. Html dosyamızın kodları da şu şekilde olmalıdır.

<html>
<head>
<title>Css</title>
<link rel="stylesheet" type="text/css" href="stil.css">
</head>
<body>
<h1>Web Teknikleri</h2>
<h2>Web Teknikleri</h2>
<h3>Web Teknikleri</h2>
</body>
</html>

Html dosyasının kodları arasında geçen <link rel="stylesheet" type="text/css" href="stil.css"> kodu stil.css dosyasındaki stil özelliklerini kullanmamızı sağlar. Bu kodu istediğimiz diğer html dosyalarına da eklediğimizde orada da kullanabiliriz.

Böylelikle her sayfada stil özellikleri tanımlamamış, başlangıçta tanımladığımız stil özelliklerini kullanarak hem koddan tasarruf etmiş oluruz hem de paradan :)

HTML etiketleri ile CSS

Biz bundan sonraki tüm Stil Şablon örneklerimizde Global Stil Şablonu kullanacağız. Bu yüzden Css ile Html dosyalarımız beraber olacak böylece de konuyu kavrama ve anında uygulamanız daha kolay olacak. Şimdi Css’in etkidiği Html etiketlerini hangi özelliklerini değiştirdiğini görelim.

3.1. Font Özellikleri

Adı üzerinde Font özelliklerini değiştirmeye yarayan bir stil şablon özelliğidir. Nasıl kullanıldığına hemen bir bakalım.

<html>
<body>
<head>
<title>Css</title>
<style type="text/css">

</style>
<body>
<p>Web Teknikleri</p>
</body>
</html>

Alt özellikleri tanıyalım.

font-size : Font büyüklüğünü belirtir.
İsterseniz aşağıdaki gibi standart değerleri seçersiniz;

xx-large (en büyük )
x-large (biraz büyük)
large (büyük)
medium (orta)
small (küçük)
x-small (biraz küçük)
xx-small (en küçük)

isterseniz direkt olarak punto (pt) değerini verebilirsiniz.

font-family : Font tipini belirler.

Arial, Courier, Verdana gibi font isimlerini alabilir.

font-weight : Fontun kalınlı incelik durumunu belirler.

bold : Fontu kalın yapar. normal : Fontun normal halde olmasını sağlar.

Bu özellik yazılmadığında normal özellik alınır.

font-style : Fontun yatık olup olmamasını sağlar.

italic : Yazının sağa doğru yatık olmasını sağlar. normal : Fontu normal halde olmasını sağlar.

Bu özellik yazılmadığında normal özellik alınır.

color : Fontun rengini belirler.

Blue, red,green gibi renklerin ingilizce karşılıklarını alabilir.

3.2 Text Özellikleri

Text özelliği ile de font özelliğinin sahip olmadığı bazı özellikleri etiketimize ekleriz. Örnek ile açıklayalım.

<html>
<body>
<head>
<title>Css</title>
<style type="text/css">

</style>
<body>
<p>Web Teknikleri</p>
</body>
</html>

Alt özellikleri tanıyalım.

text-transform :

lowercase : Yazının tümünün küçük harf olmasını sağlar.
uppercase : Yazının tümünün büyük harf olmasını sağlar.
capitalize : Yazının istenilen şekilde kalmasını sağlar.

text-decoration :

underline : Yazının altının çizili olmasını sağlar.
overline : Yazının üstünün çizili olmasının sağlar.
line-through : Yazının üstünün çizili olmasını sağlar.
none : Yazının herhangi bir yerine çizgi çekilmemesini sağlar.

text-align:

left: Yazının sola bitişik olmasını sağlar.
center : Yazının ortada olmasının sağlar.
right : Yazının sağa bitişik olmasını sağlar.
line-height :Yazının normal satırdan çizgi yüksekliğini belirler. 3px, 5px gibi değerler alır.
text-ident : Yazının soldan ne kadar boşlukla içeriden başlayacağını belirler. 5px, 10px gibi değerler alır.

3.3 Background Özellikleri

Background ile html sayfamızın arkafonlarının özelliklerini değiştirmemizi sağlar.

<html>
<body>
<head>
<title>Css</title>
<style type="text/css">

</style>
<body>
<p>Web Teknikleri</p>
</body>
</html>

background-color : Arka fonun rengini belirler. Css’te renkleri blue, red gibi tanımlayabileceğimiz gibi Html kodunu vererek de tanımlayabiliriz.

background-image : Arka fonu bir resim dosyası yapmak için kullanılır. url etiketinin içine resim dosyasının yolu ve ismi tam olarak yazılmalıdır.

background-position :

left : Arka fondaki resmin sadece sol tarafta olmasını sağlar.
center : Arka fondaki resmin sadece sol tarafta olmasını sağlar.
right : Arka fondaki resmin sadece sol tarafta olmasını sağlar.

background-repeat : Arkafondaki resmin tekrarlanması istendiğinde kullanılır.

repeat : Tüm yönlerde tekrar edilmesini sağlar.
repeat-x : X (yatay) yönünde tekrar edilmesini sağlar.
repeat-y : Y (dikey) yönünde tekrar edilmesini sağlar.
no-repeat : Resmin tekrar edilmeyerek bir kere gösterilmesini sağlar.

3.4 List Özellikleri

Bu Css özelliği <ul> ve <li> html etiketleri ile oluşturduğumuz listelerin özelliklerini belirlemek için kullanılır.

<html>
<body>
<head>
<title>Css</title>
<style type="text/css">

</style>
<body>
<ul>
<li>Web Teknikleri
<li>Html
<li>Javascript
<li>Css
<li>Web Grafik
</ul>
</body>
</html>

list-style-type :

disk : Liste biçiminin disk (içi dolu yuvarlak) ş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 roma rakamlarının küçük harfi olmasını sağlar.

upper-roman: Liste biçiminin I,II,II gibi roma rakamlarının büyük harfi olmasını sağlar. lower-alpha : Liste biçiminin a,b,c şeklinde olmasını sağlar. upper-alpha: Liste biçiminin A,B,C şeklinde olmasını sağlar. none : Listenin imgesiz olmasını sağlar.

list-style-position :

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.

3.5 Position Özelliği

Html’de kullandığımız Layer (katman) etiketlerinin html üzerindeki yerleştirme işlemi için kullanılır. Hemen bir örnek ile görelim.

<html>
<head>
<title>Css</title>
<style type="text/css">

</style>
<body>
<div>
Web Teknikleri<br>
Html<br>
Javascript<br>
Css<br>
Grafik<br>
</div>
<p> Web Teknikleri
</body>
</html>

position :

absolute : Katmanın yerinin kesin olarak belirlenmek istendiğinde kullanılır.
relative : Katmanın yerinin göreli(diğer öğelere göre değişebilen) olarak belirlenmek istendiğinde kullanılır.
static : Katmanın yerinin sabit olarak belirlenmek istendiğinde kullanılır.

top : Katmanın üst kısımdan kaç piksel aşağıda olması gerektiğini belirler.

left : Katmanın sol kısımdan kaç piksel aşağıda olması gerektiğini belirler.

width : Katmanın genişliğinin kaç piksel olacağını belirler.

height : Katmanın boyunun kaç piksel olacağını belirler.

clip : Katmanın görünmesi istenen bölgeyi içeren kutucuk.

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 çubukları ekler.

visibility : Katmanın görünebilirlik ayarı yapar
visible : Görünür hale getirir.
hidden : Gizler.

z-index : Katmanın sayfa üzerindeki sıra sayısı.

Seçiciler (Selectors)

Css’te seçiciler en çok kullanılan öğelerdendir. Örneğin <h1> etiketine Css yardımıyla belli bir şablon yüklediniz. Ama sayfanızda kullanacağınız <h1> etiketlerinin tümünün aynı şekilde olmasını istemiyorsunuz. Bu durumda bize seçiciler yardımcı olur.

İki çeşit seçici göreceğiz. Bunlar :

· Id Selector (Id seçicisi)

· Class Selector (Sınıf Seçicisi)

4.1 Class Selector (Sınıf Seçicisi)

Bu seçiciyi sayfanızdaki <h1> gibi etiketlerin tümünün aynı olmasını istemediğiniz durumlarda kullanırız. Böylelikle genel bazı özellikleri koruyarak farklı özellikleri özelleştirebilirsiniz. Sınıf seçicisinin iki türü vardır. İlk önce birinci şeklini görelim. Hemen bir örnekle bu seçiciyi tanıyalım.

<html>
<head>
<title>Css</title>
<style type="text/css">
<!-
h1.mavi {color:blue}
h1.kirmizi {color:red}
-->
</style>
</head>
<body>
<h1 class=mavi>Mavi sınıf seçicisi ile </h1><br>
<h1 class=kirmizi>Kırmızı sınıf seçicisi ile </h1>
</body>
</html>

Burada sınıf seçicisini sadece <h1> için tanımladık. Sınıf seçicisinin ikinci türü de genel bir sınıf seçicisi tanımlamaktır. Bunu da bir örnekle görelim.

<html>
<head>
<title>Css</title>
<style type="text/css">
<!-
.mavi {color:blue}
.kirmizi {color:red}
-->
</style>
</head>
<body>
<h3 class=mavi>Mavi sınıf seçicisi ile </h1><br>
<h4 class=kirmizi>Kırmızı sınıf seçicisi ile </h1>
</body>
</html>

4.2 Id Selector (Id Seçicisi)

Id Selector’lerini tanımlayıcı adlarının önündeki # işaretinden tanırız. Html belgesinde kendi tanımlayıcı adlarına gönderme yaparak herhangi bir Html etiketine stil vermekte kullanılırlar. Bu etiketler span’dan tutunda paragraf(p)’a kadar olabilir. Bir örnekle açıklayalım.

<html>
<head>
<title>Css</title>
<style type="text/css">

#mavi
{
background:blue;
color:white;
}
#yesil
{
background:green;
color:white;
}
-->
</style>
</head>
<body>
<span id=mavi>Bu yazının arkafon rengi mavi font rengi beyaz</span><br><br>
<span id=yesil>Bu yazının arkafon rengi yeşil font rengi beyaz</span>
</body>
</html>

Genel kullanımı

Css’i Html üzerinde kullanmak için 3 yöntem (yerel-global-bağlantılı) olduğunu daha önce belirtmiştik. Şimdi ise komple bir css dosyasını Html üzerinde nasıl kullanacağımız görelim. Fakat öncelikle Html’deki <a> etiketinin diğer etiketlerden farklı olarak bir kullanım tarzı bulunmakta. İlk önce ona değinelim.

A etiketinin Css ile kullanımı

Bildiğiniz üzere <a> etiketi Html’e çok büyük bir özellik katan link etiketidir. Bu etiket ile diğer bir web sayfasına veya bir mail adresine gönderme yapabiliriz. Bu etiketin belli durumlarda aldığı değişik değerler vardır. Yani link tıklandığında etiket artık visited (ziyaret edilmiş) pozisyonuna geçecektir. Biz Css yardımıyla <a> etiketinin aldığı posizyonlara istediğimiz biçimi verebiliriz. Şimdi <a> etiketinin aldığı pozisyonları görelim :

İlk poziyon linke herhangi bir tıklama olmadığındadır. Bu değer linkin sayfada görülecek ilk halidir.

Visited : Bu pozisyon link tıklandığından sonra etiketin aldığı değerdir. Active : Bu pozisyon linkin aktif olduğu durumdur. Yani imleç linkin tıklandığı andaki durumdur. Hover : Bu pozisyon Linkin üzerine gelindiği durumdur. Yani linkin üzerine gelindiğinde nasıl bir biçimde olması isteniyorsa stil o şekilde verilir.

Şimdi <a> etiketi için bir stil dosyası yapalım.

<html>
<head>
<title>Css</title>
<style type="text/css">
<!-
A.normal
{
background-color:white;
color:blue;
}
A.ziyaret:visited
{
background-color:white;
color:maroon;
font-weight:normal;
}
A.aktif:active
{
background-color:white;
color:red;
font-weight:normal;
}
A.degisken:hover
{
background-color:blue;
color:white;
font-weight:bold;
}
-->
</style>
</head>
<body>
<a href="#" class="normal">Linkin normal durumu</a><br>
<a href="#" class="ziyaret">Linki tıklayın ve değiştiğini görün</a><br>
<a href="#" class="aktif">Linkin aktif durumu</a><br>
<a href="#" class="degisken">Linkin üzerine geldiğinde stil değişecek</a><br>
</body>
</html>

Şimdi <a> etiketinin özel durumunu da gördükten sonra esaslı bir css kullanma tekniğini görelim. Bu örneğimizde <div>, <table>, <span>, <h1>...<h6>, <p>, <a> gibi Html etiketlerini kullanırken nasıl bir yöntem izlememiz gerektiğini göreceğiz.

İlk öncelikle stillerimiz hem bağlantılı hem global hem de yerel kullanacağız. Bunu belirteyim. Böylelikle sizde nasıl bir yol izlemenize karar verin.

Şimdi bağlantılı css dosyamızı hazırlayalım. Hatırlayacağınız üzere bu dosyanın uzantısı css olmalı. Bu css dosyasını Html dosyamızın içerisinde çağıracağız. Aşağıdaki kodları stil.css adıyla kaydedelim.

A {font-style : normal;
color : navy;
font-family : Times New Roman ! important;
text-decoration : none; }
A:Visited {font-family : Times New Roman ! important;
font-style : italic;
color : olive; }
A:Active { font-family : Times New Roman;
color : red;}
A:Hover {text-decoration : underline;
font-family : Times New Roman ! important;
font-weight : bold;
font-style : normal;
color : maroon;}
BODY { background: white url("fon.gif");
background-repeat: repeat-y;
background-position: left; }
p#sol {position : relative;
visibility : visible;
left : 30pt;
width : 450pt;
font-family:"Verdana,Arial,Helvetica" ! important;
font:15pt;}

Aşağıdaki kodları da css.html adıyla kaydedelim. (Dikkat ! html uzantlı kaydedin )

<html>
<head>
<title>Css</title>
<style type="text/css">

</style>
<link rel=stylesheet href="stil.css" type="text/css">
</head>
<body>
<table width="500" align="center">
<tr><td> 
<h4>Bilgisayar;<a name="bsl">  </a></h4>


<p id="sol">
Aldığı komutlar uyarınca, veri işleyerek problem çözen otomatik elektronik aygıtların ortak adı. Bu tür aygıtlar, çalışma ilkeleri,donanım tasarımları ve uygulama alanları bakımından örneksel, sayısal ve karma bilgisayarlar olarak <font class="onemli">üçe</font> ayrılır.</p>
<p id="sol">
<ul>
<li><a href="css.html#orneksel">Örneksel (analog) bilgisayarlar</a>
<li><a href="css.html#sayisal">Sayısal bilgisayarlar</a>
<li><a href="css.html#karma">Karma bilgisayarlar</a>
</ul>
</p> <p class="solic">
Örneksel (analog) bilgisayarlar<a name="orneksel">  </a></p>
<p id="sol">Açısal konum ya da gerilim gibi değişken nicelikleri temsil eden veriler üzerinde işlem yapar ve çözülmesi istenen matematiksel problemin fiziksel bir örneğini oluştururlar. Sıradan diferensiyel denklemleri çözebilen örneksel bilgisayarlar, sistem mühendisliğinde, özellikle bazı süre ve donatımların gerçek zamanlı benzetim modellerinin oluşturulmasına çok elverişlidirler. Bu bilgisayarların bir başka yaygın kullanım alanı da elektrik dağıtım sistemi gibi şebekelerin analizidir.<br>
<a href="css.html#bsl">Başa Dön</a>
</p>
<p class="solic">Sayısal bilgisayarlar,<a name="sayisal">  </a></p>
<p id="sol">Çeşitli üretim süreçlerine, takım tezgahlarına , karmaşık laboratuvar ve hastane aygıtlarına kumanda etmekte kullanılırlar. Aynı özellikten, uçakların ve uzay araçlarının karmaşık iletişim sistemlerinin otomatizasyonunda da yararlanılır. Sayısal bilgisayarlar ayrıca, eğitimde yardımcı olarak (örn. temel dil ve matematik becerilerinin kazandırılmasında) , bilimsel araştırmalarda ise verilerin analizi ve matematiksel modellerin geliştirilmesi amacıyla kullanılır.
<br> <a href="css.html#bsl">Başa Dön</a> </p>
<p class="solic">Karma bilgisayarlar,<a name="karma">  </a></p>
<p id="sol">Örneksel ve sayısal bilgisayarların özelliklerine ve yararlarını birleştirirler; örneksel bilgisayarlara oranla daha fazla kesinlik, sayısal bilgisayarlara oranla daha fazla deneteleme sağlarlar.
<br><a href="css.html#bsl">Başa Dön</a>
</p> </td> </tr> </table>
</body>
</html>

Burada birkaç konuya açıklık getirelim.

Bazı stil özelliklerinin sonunda gördüğünüz !important ifadesi ile ziyaretçi kendi bilgisayarındaki tarayıcı özelliklerini değiştirmiş olsa dahi bu değerleri kullanmamasının bizim belirttiğimiz değerleri kullanmasını söylemiş oluyoruz. Font özelliklerinde çoğu zaman birden çok font ismi kullandık. Bunun nedeni eğer ziyaretçinin makinasında ilk font yoksa ikincisi o da yoksa üçüncü font kullanılır. Şayet o fontta yoksa tarayıcının kendi banko fontu kullanılır. Böylelikle bizde değişik ziyaretçi makinalarında sayfamızın nasıl görünebileceğini öncelikle kontrol altına almış oluruz.

daha fazlası..

12 Mart 2014

Wordpress Kısa Url Oluşturma Yorum yok

Her geçen gün sosyal medya gündelik hayatımızda daha fazla yer edinmektedir, bunun sonucunda sitelerini oluşturan ve sitelerine içerik ekleyen webmaster'lar da sitelerini arama motorlarına uyumlu hale getirdikleri gibi sosyal medya sitelerine (facebook, twitter, pinterest v.b) de uyumlu hale getirmelidirler. Örnek vermek gerekirse Facebook'ta paylaşılan bir linkiniz artık sizin belirlediğiniz thumbnail, açıklama, ve başlık ile çıkmaktadır. Twitter da ise var olan yazı sınırı nedeni ile paylaşımlara eklenen uzun linkler'e çare olarak bit.ly, goo.gl tarzı url kısaltıcı servislerin kullanımı popüler hale geldi. Eğer siz linkinizi paylaşacak sitenizdeki kullanıcıları link kısaltma zahmetinden kurtarmak istiyorsanız WordPress tabanlı blog ve siteleriniz'de hiçbir eklenti kullanmadan çok basit bir şekilde halledebilirsiniz.

WordPress siteleriniz için sosyal medyada paylaşılacak linkleri kısaltmak için aşağıdaki kodu Wp panelinizden Görünüm > Düzenleyici > Single.php dosyasını açarak her yazı için otomatik olarak oluşturulacak kısa url'nin nerede çıkmasını istiyorsanız kodu oraya ekleyebilirsiniz. (Not: seckit.com yerine kendi adresinizi yazın)
Kod:

Kısa Url: <a href="http://seckit.com/?p=<?php the_ID(); ?>" title="<?php the_title(); ?>">seckit.com/?p=<?php the_ID(); ?></a>

kaynak: http://www.seckit.com/wordpress-otomatik-kisa-url-olusturma.html

daha fazlası..

23 Aralık 2013

Flash Nedir Yorum yok

Flash vektörel grafiklerle animasyonlar hazırlayabileceğiniz, bu animasyonların birbirleriyle etkileşmesini sağlayabileceğiniz, ve en son sürümlerinin (flash 4 ve 5) özelliği olan veritabanları ile asp, php ve cgi gibi script dillerinin yardımıyla haberleşebileceğiniz bir web sayfası nesne geliştirme programıdır.

Önce bahsettiğimiz vektörel grafiği açıklayalım. Photoshop vb. programlarda grafikler hazırladığınızda bu grafikleri daha yakından görmek isterseniz görüntünün bozulduğunu resimde veya grafiğinizde kareleşmeler oluştuğunu, yani bazı yerlerin olması gerektiği gibi yuvarlakça görünmediğini fark edersiniz. Bunun sebebi grafik programlarının, daha doğrusu Windows'un grafikleri -veya resimleri de diyebilirsiniz- her noktası için ayrı tanımlama yaparak tanımasıdır. Yani her bir nokta tanınır ve yan yana getirilince grafik ortaya çıkar. Vektörel grafiklerde ise grafik bir başlangıç noktası, uzunluğu ve yönü vardır diyebilirsiniz.

Bu tanımlamayı direk vektör grafikler için yapamasak bile en azından vektörel büyüklüklerin genel tanımı olarak düşünürsek vektörel grafiklerin de bu çeşit grafikler olduğunu söyleyebiliriz. Yani vektörel grafikler için yapılan tanımlamada bu şekilde birkaç unsur vardır ve bu unsurları belirttiğinizde grafiği tanımlamış olursunuz. Bu da demektir ki kaba bir tabirle bilgisayarınız da vektörel grafikleri bu şekilde birkaç özelliğiyle tanıyabilecektir. Aynı zamanda bu da bilgisayarınızın daha az alanının işgal edilmesi demektir. Yani daha az dosya boyutu. Üstelik nesne noktasal olarak belirlenmediği için, photoshop gibi bir programdaki gibi zoom yaptığınızda görüntü bozulmayacaktır. Nesne büyütülse bile tanımlama olarak başlangıç, son, uzunluk, yön, renk vb değerler kullanıldığı için, cisim bozulmadan görüntülenir.

Flash'ı tanımladıktan sonra neler yapabildiğine de biraz değinelim. Hala kullanıldığını göz önüne alarak flash 4 ü de düşünelim ve direk onu anlatalım. Tabi flash 5 in birkaç artısı var. Flash ile animasyonlar hazırlayıp, bu animasyonların kendi içlerindeki kısımların birbirleriyle etkileşimli olmasını sağlayabilirsiniz. Yani bir buton hazırladığınızda bu butonun içerdeki bir animasyonu başlatmasını bitirmesini veya belli bir yerden devam ettirmesini sağlayabilirsiniz. Bunlar basit örnekler tabi.

Flash ile bir ziyaretçi defteri bile yapabilirsiniz örneğin. Nasıl mı? Uygun bir asp dosyası hazırlarsınız ve flash'ın içine bu asp dosyası ile haberleşmeyi sağlayacak action script kodlarını yerleştirirsiniz. Daha bir çok uygulama da yapılabilir. Yani flash ile database de kullanabilirsiniz. Geri veritabanınızdan bilgileri alacak bir asp, php, cgi dosyasına ihtiyacınız olur ama sonuçta siz flash üzerinde bu verileri görüntülersiniz. Şimdi açıklamamız gereken önemli bir şeyi geçmeyelim. Flash ile çalıştıktan sonra çalışmanızı uzantısı "fla" olan flash'a özel bir dosya türü şeklinde kaydedersiniz. Bundan sonra kullanma amacınıza göre değişik dosya türleri şeklinde bu animasyonu publish edersiniz yani bir nev'i yayınlarsınız, ilan edersiniz, gösteri şekline getirirsiniz, sunarsınız vs. flash çalışmalarında sonuç olarak bu şekilde hazırlayabileceğiniz birçok dosya formatı vardır. İlki uzantısı "swf" olan flash movieler.

Bunlar çalışması için bir Active X yüklenimine ihtiyaç duyulan özel bir formattır. Hep özel diyoruz ama aslında çok genel formatlar da dosyalar şeklinde publish edebilirsiniz çalışmalarınızı. Bunlardan bazılarını hiç açıklamadan direk yazıyorum. Html, gif, jpg, png, windows exe'si, macintosh exe'si ve quick time dosyası olarak yayınlayabilirsiniz. Tabi bunların kendi özelliklerine göre yayınlayabilirsiniz. Örneğin bir gif resminin içinde butonun çalışmasını bekleyemezsiniz. Diğerlerinde de böyle tabi ki, mesela bir quick time movie sinde de buton çalışmaz. Ama swf de html de ve exe de çalışır.

daha fazlası..

14 Aralık 2013

Gökçe Bilişim Yorum yok

Gökçe Bilişim 2007 yılından beri binlerce kurumsal web sitesi tasarımı ve kişisel web sitesi tasarımı ile müşterilerine en iyi hizmeti sağlamakta olup, müşteri memnuniyeti ve güveninin en üst noktada tutmaktadır. Gökcebilisim bu alanda kendisini kanıtlamış, her gün artan müşteri potansiyeli ile özellikle web tasarım alanında zirveye çıkmayı başarmıştır. Web tasarım işini belli bir çalışma planı ve disiplinli olarak yürüten Gökçe Bilişim, müşterilerin her türlü isteğine cevap verebilecek nitelikle bir web tasarım şirketi olmaktadır. Gelişen teknoloji ve programları yakıdan takip eden, web tasarım dünyasındaki güncel haberleri yakından takip eden ve devamlı olarak bu doğrultuda kendini geliştiren Gökçe Bilişim, en iyi kişisel web sitelerini ve kurumsal web sitelerini yapmakta gayet pratik ve hızlıdırlar. Bundan dolayı müşteri sayısı diğer web tasarım şirketlerinin aksine günden güne artmaktadır. Hal böyle olunca Gökçe Bilişim de kendi bünyesini genişletmiş, her gün değişen web tasarım dünyasındaki yenilikleri, bizlerde bu değişikliklerden yararlanalım diye bu hizmetleri de bizlere sağlamaya başlamıştır.

En iyi web tasarım şirketi kendini her zaman geliştiren ve yeniliklere açık olan şirketler olmuştur. Gökçe Bilişim bu işi yapan ve yapılmasına da son derece dikkat eden web tasarım şirketlerinden birisidir. Bundan dolayı diğer web tasarım şirketlerinden hep bir adım önde olan Gökçe Bilişim, kurumsal ve kişisel web siteleri yapmakta uzman kadroya sahiptirler. Çalışma aşamaları ve sitenin gidişatı müşteriye periyodik bir şekilde bildirilirken, özellikle kişisel web site yaptıranlar için daima geniş bir olanak sunarak, kişinin her türlü istediğine cevap verebilecek niteliğe sahip olmaktadır. Bu yüzden web sitesi yaptırmak isterseniz, mutlaka Gökçe Bilişim sitesine girerek buradan ürünlere, yapılan çalışmalara ve örneklere bakarak ne demek istediğimizi tam olarak anlayacaksınızdır.

Böylelikle hangi şirkete web sitemi yaptırmalıyım sorusuna da kesin olarak bir cevap bulacaksınızdır. Gökçe Bilişim yaptıkları web tasarım ile kişisel web sitelerinin arkasında durmuş, karşılaşacağınız her türlü sorun ve şikâyetlerde gökcebilisime başvurarak sorununuzu çözebilir ve şikâyetleriniz de anlık olarak incelenmektedir. Kişisel web sitenizi yaptırdıktan sonra, birçok web tasarım şirketi sizinle ilgilenmeyebilmekte ve şikâyetlerinizi görmezden gelebilmektedir. http://gokcebilisim.com.tr/

daha fazlası..

13 Aralık 2013

Bilişim Suçları Yorum yok

Bilgisayar ve İletişim Teknolojilerindeki gelişmeler, eğitimden ticarete, devlet sektöründen özel sektöre, eğlenceden alış-verişe kadar bir çok alanda klasikleşmiş anlayışı değiştirmiş ve hayatımıza yeni bir yaşam tarzı getirmiştir. Teknolojinin efektif olarak kullanmaya başlandığı günümüzde artık bilgi teknolojilerinin ortaya çıkaracağı yenilik ve değişimlere kendimizi hazırlamamız dolaylı yoldan şart haline gelmiştir.
Hazırlanmamız gereken en önemli konulardan bir de; suçların teknoloji kullanarak işleniyor olmasıdır. Demeki buna ek olarak şunu da belirtmemiz gerekir ki Teknolojinin hayatımıza getirmiş olduğu yeni yaşam tarzına ek olarak yeni bir suç işleme şekli kazandırmıştır. Düz mantık şu; Suç işleme şekilleri, teknolojiye paralel olarak gelişmektedir.
Bilişim Suçlarıyla ilgili olarak karşımıza bir çok tanım çıkmaktadır; Bilgisayar suçları, dijital suçlar, internet suçları, siber suçlar, ileri teknoloji suçları v.b. Diğer ülkelerde ise; Computer Crimes, IT Crimes (İnformation Technologies), Cyber Crimes, Crimes of Network v.b. Aslında her bir tanım bize bir açıklık getirmektedir. Çünkü bu uç türleri bir bilgisayar vasıtasıyla yapılabileceği gibi bir network veya İnternet üzerinde de olabilmekte, yada bir ufak elektrik devresi veya kredi kartı da kullanıla bilinmektedir. Bilişim kelimesi ise Bilgisayar ve bilgisayar teknolojileri ile iletişim teknolojilerini kapsadığından “Bilişim Suçları” adı altında toplanmıştır. Dolayısıyla bilişim suçları terimi kullanıldığında bahsedilen bu teknolojileri kullanarak işlenen bir suç unsuru olduğu unutulmamalıdır.

Bilişim Suçlarının Sınıflandırılması
Bilişim Suçları tanımına uyan konuların sınıflandırılması ve tanımlanmasının yapılması yapılacak olan çalışmalara hazırlık teşkil edecek ve her bir suç tipi daha rahat anlaşılmış olacaktır. Burada suç türleri arasında farkı oluşturacak olan ana etken “suçun işleniş amacı” olmalıdır. Bu tür suçlar hangi yöntemle işlenmiş olursa olsun, hangi amaca hizmet ettiğine bakmak gerektiği kanısındayım. Örneğin bir bilgisayara girmenin çeşitli yolları mevcuttur, virüs,trojan,bug kullanarak gibi, ama asıl önemli nokta “suçun amacı”. Yani bu örnekte olduğu gibi “sisteme girme” eylemi. Kullanılan metodlar ise ancak suçun ağırlaştırıcı sebeplerini oluşturabilir. Mesela bir sisteme girmek için önce bir başka sisteme girmek veya ön hazırlık yapmak maksadıyla bir yazılım oluşturmak (trojan). Suç tiplerine bakacak olursak;

1.Bilgisayar Sistemlerine ve Servislerine Yetkisiz erişim.
Anayasamızda da belirtilen “Özel Hayatın Gizliliği”maddesine aykırı olarak teknolojik dinlemelerin yapıldığı güncel olarak karşılaşmaktayız. Daha modern bir yapıya ulaşan iletişim kavramı artık bilgisayar vasıtasıyla yapılmakta ve çoğu insan artık önemli bilgilerini (banka,kişisel v.s. gibi bilgiler) bilgisayarlarda saklamaktadırlar. Bunlara ek olarak birde Bankaların, Hastanelerin, bir çok özel şirketlerin hatta ve hatta güvenlik ve istihbarat birimleri bile hizmete özel bilgilerini bu ortamda muhafaza etmektedirler. Bu denli bilgilere ulaşmak yine bilgisayar teknolojilerini kullanarak yapılmaktadır.

2.Bilgisayar Sabotajı.
Bu suç türü iki şekilde karşımıza çıkmaktadır.
1. Bilgisayar teknolojisi kullanarak sistemine sızılan bilgisayardaki bilgilerin silinmesi, yok edilmesi ve değiştirilmesi.
2. Hedef alınan sisteme uzaktan erişerek değil de bilakis fiziksel zarar vererek yada sistem başında bulunarak bilgisayardaki bilgileri silmek,yok etmek veya değiştirerek zarar verilmesi.
2.sinde önemli olan mala verilen zarar değil de içindeki bilgilerdir, çünkü bilgi her zaman için çok değerlidir hele ki telafisi mümkün değilse.
3.Bilgisayar Yoluyla dolandırıcılık.
Klasik olarak bildiğimiz ve karşılaştığımız dolandırıcılık suçunun bilgisayar ve iletişim ortamları üzerinden yapılıyor olmasıdır. “Bilgisayar yoluyla dolandırıcılık” en çok kredi kartlarının suiistimaliyle yapılmaktadır. En basiti bu işlem için geliştirilmiş birçok “Card Generator” bulunmaktadır. İstenilen kredi kartı şirketi için mantıksal olarak olası kredi kartı bilgileri üretilmekte ve bu olaydan kredi kartı sahibinin haberi bile olmamaktadır. Bununla birlikte birde finans bilgileri bulunan sistemler üzerinde değişiklikler gerçekleştirilerek hesap transferleri yapıla bilinmektedir.

3.Bilgisayar yoluyla sahtecilik.
Bilinen klasik sahtecilik suçunun, ileri teknoloji ürünlerini kullanarak yapılmasıdır. Bilgisayar suçlarının tanımı içerisinde bu suçlarla bakıldığında diğer sahtecilik suçlarından ayırt edebilmek için “Bilgisayar Yoluyla Sahteciliği” ayrı olarak ele almak gerekir. Çünkü; Bilgisayar kullanarak üretilmiş sahte para, kimlik, kıymetli evrak v.b. suçunda, yapılacak incelemede teknik olarak işleyişi incelemek gerekir. Yani kısacası klasik sahtecilikle teknolojik suç arasında ince nokta yakalamak gerekebilir.

4.Kanunla Korunmuş bir yazılımın İzinsiz kullanılması.
Fikir ve Sanat Eserleri Kanununda eser olarak kabul edilen bilgisayar yazılımlarının lisans haklarına aykırı olarak kullanılmasıdır. Bilgisayar yazılımları satın alınırken üzerinde gelen lisans sözleşmesine göre bir yazılımın bir adet kopyası ancak satın alan kişi tarafından yapılacağı ve bu yazılımın başka bir kişi tarafından kopyalanamayacağı ve kiralanamayacağı belirtilmektedir. Bir çok yazılım şirketinin yazılım korsanlığına karşı hukuki mücadelesini yürüten “BSA”’nın (Business Software Alliance) verdiği rakamlara göre ülkemizde lisanssız yazılım kullanımın %80 üzerinde olduğu belirtilmektedir.

5.Yasadışı Yayınlar.
Yasadışı yayınlar karşımıza 3 şekilde çıkmaktadır.
1. Halkın ar ve haya duygularını incitecek şekilde genel ahlaka aykırı p0rn0grafik görüntüler içeren internet sayfaları da yayınlanabilmektedir. Yurt dışında genel itibariyle çocuk p0rn0grafisi üzerine yoğunlaşmıştır. Ülkemizde ise böle bir ayrım yoktur. Gerek çocuk p0rn0grafisi gerek Büyük p0rn0grafi ülke çapında yasaktır.
2. Kişi ve kurumlara karşı işlenen hakaret ve sövme içerikli sayfalar mevcuttur. Bunlar genelde şahsi olaylar sonucunda ortaya çıkmaktadır veya eleştiri boyutunu yalan yanlış bilgilerle abartma durumudur.

6.Diğer Suç tipleri.
6. maddeye kadar bahsetmiş olduğum suç tip veya türleri genel itibariyle hepimizin bildiği ve en yaygın olan türlerdir. Bunlara ek olarak bir çok suç türü daha maddelenebilinir.

daha fazlası..

12 Aralık 2013

Spam Nedir Yorum yok

Spam Nedir ?
●Spam mesajlara kısaca istenmeyen mesajlar denir. Bir eposta
kullanıcısının rızası olmadan , değişik amaçlara sahip (siyasi, reklam vb.)
epostaların , eposta kullanıcısına gelmesi ve giderek bu eposta trafiğinin
artmasına da Spam denebilir.
●Spam Mesajları göndermenin etkin 2 ve dolaylı 1 yöntemi vardır.
● Spam atan kişilerin kendi SMTP sunucularını, PPP,ADSL ve
benzeri bağlantı şekilleri ile kullanıp, gerçek olmayan Host İsmi ve
IP ile göndermeleri.
● Spam atan kişilerin internet üzerinde RELAY'a açık ( Bu SMTP
sunucusunu herkes kullanır ve bu eposta sunucusu üzerinden eposta
atar.) SMTP sunucularını bulup, sistem yöneticilerinin haberi
olmadan eposta atmalarıdır.
● Dolaylı yöntem ise, kişilerin virus yazmaları ve bu viruslerin
sistemlere bulaşıp, kişilerin istekleri dışında sistemlerini tarayarak ,
ilgili ilgisiz herkese eposta atmalarıdır.

Kavramlar Ve Açıklamaları:

OpenRELAY DATABASE (ordb.org) : Relay'a açık eposta sunuclarını veri
bankasında tutan ve ihtiyacı olan insanlara sunan bir organizasyon.
Relay : Bir Eposta Sunucusunun kullanılarak Eposta Atılma işlemi .( Spam
atıcıları sistemin güvenlik açıklarını kullanarak veya sistemin herkese eposta
atma hakkını kullanarak attıkları mesajlara OpenRELAY Spam denir )
RBL (RealTimeBlackList) : Kendi eposta sunucularını kullanarak, internete
bağlandıkları ISP'nin kaynakları vasıtası ile SPAM eposta atılması
sonucunda belirli organizasyonların oluşturdukları veri bankası .
(SpamCop.net)

daha fazlası..

İzmir Web Tasarım Yorum yok

Web tasarımının geçmişi elbette internetin yaygınlaşması ile çok ilgilenen bir alan olmaya başladı. Başlarda sadece işlevsellik önde iken pazarlama kavramının da işin içine girmesiyle tasarım öğesi de bu işle uğraşan herkesin yöneldiği nokta oldu. Bu işin bir sonraki aşaması ise web üzerinden belli başlı uygulamaların gerçekleşmesi noktasında yazılım ve belli başlı yazılım dillerinin web tasarım işinin içine girmesi oldu. Yani bu aşamalar elbette bazı o anki uzmanları işin dışına itti. Ancak bu işin başından beri evrimine hâkim olan ve kendini bu şekilde eğiten uzmanlar da şu anda sektörün en çok aranılan elemanları oluyorlar. Bu noktada İzmir gibi bir bölgede ticaret ve sanayinin aktif olduğu bir alanda şirketlerin özellikle sanatsal dokunuşlarla birlikte mükemmel yazılımsal işlevleri de olan web siteleri talepleri oluyor. İzmir web tasarım açısından çok zengin bir şehir. Bunun nedeni de yukarıda da belirttiğimiz sebeplerden hareketler. İzmir web tasarım açısından her anlamda kendini geliştirmiş web tasarım uzmanlarına ihtiyaç duyuyor. İzmir’deki bu hizmet sektörünün derinliği bu sektörün içini doldurmak için deneyimli ve işini bilen elemanlara ihtiyaç duyuyor. İzmir web tasarım piyasasında herkesi memnun edecek özelliklerde uzmanlar İzmir bölgesindeki sanayi ve ticaret kuruluşlarına hem temel anlamda bir web sitesi hizmeti veriyorlar. Bunun yanında ürün ya da hizmetlerini pazarlama açısından şık bir tasarım vaat ediyorlar. En son çizgi olarak da yazılımsal derinliği kazandırabilecek bilgisayar programlama dilini bu tasarımların içine yediriyorlar. Böylece kusursuz bir web sitesi için ne gerekiyorsa bu uzmanlar İzmir web tasarım piyasasında kusursuz hizmet vermek için hazır bulunuyorlar. Siz de İzmir’de bu tip bir hizmet arayışında iseniz, yapmanız gereken bu uzmanların geçmiş işlerinden hareketle kendilerine en uygun uzmana bir iş vererek işin sonuçlarını izlemelisiniz. Böylece işlerinizin bir anda nasıl artacağını göreceksiniz. Mükemmel bir web sitesinin yapamayacağı bir iş olmadığını düşünüyoruz. Bundan hareketle mükemmel web sitesine ulaşmak için İzmir web tasarım piyasasında işinize yarayacak uzmanı bulmanız gerekiyor. Her şey güzel tasarımlar için

daha fazlası..

7 Aralık 2013

Flash Nasıl Çalışır Yorum yok

Normal Flash içeriği iki dosya kullanılarak yaratılır ve dağıtılır:Bir kaynak dosya (bunda içeriği, animasyonu ve etkileşimi yaratacaksınız)ve daha çok flash filmi adıyla bilinen,bu dosyanın sıkıştırılmış ve optimize edilmiş bir versiyonu.

Kaynak dosya(.fla uzantısına sahiptir),daha sonra üzerinde uğraşmak üzere çalışmanızı kaydedeceğiniz yerdir:Bu, Flash açıkken üzerinde çalıştığınız dosyadır.son filminizde yer alacak tüm sesleri , bitmap’leri,çizimleri metni ve etkileşimi içerir.kaynak dosya,filminizin optimizasyon öncesindeki halidir; yani bu dosyanın boyu megabyte’larca bile olabilir.

Kaynak dosyanız,istediğiniz gibi göründüğünde ve çalıştığında, onu bir flash filmine dönüştürmenin zamanı gelir. Bu işleme ihraç etme (export) adı verilir.Kaynak dosyanızı bir filme (.swf dosya uzantısına sahiptir)ihraç ettiğinizde,flash onu sıkıştırır ve optimize eder;bu sayede Flash filminin boyu, orjinan kaynak dosyasına göre çok daha küçüktür(şekil2.1).Bu daha küçük olan dosyayı web sayfanıza koyar veya bir disket veya cd üzerinde dağıtırsınız. Çoğunlukla, ihraç edilen film düzenlenemez.filminizin içeriğini düzenlemek isterseniz,orijinal kaynak dosyayı tekrar açmalı, istediğiniz değişiklikleri yapmalı ve sonra kaynak dosyayı tekrar bir flash filmine ihraç etmelisiniz.

Flash filminizin boyunu etkileyen pek çok etken vardır ve bunların çoğunu kontrol edebilirsiniz son filmde en küçük dosya boyunu elde etmek,genellikle bir denge ve seçime bağlı bir fedakarlık meselesidir.İhraç edeceğiniz dosyanın boyunu küçültmek için, ne zaman ve nerede kaliteden ödün vereceğinize karar vermelisiniz(örneğin,sesin berraklığı veya resimlerin keskinliği gibi).Flash’ın araçlarını kullanarak makul bir dosya boyunu korurken en iyi kalitede son filmi nasıl elde edebileceğinizi göstereceğiz.

Kaynak dosyalarınızdan yaratabileceğiniz tek şey flash filmleri değildir; bu dosyaları Quick time filmleri,animated GIF’ler (hareketli GIF)ve durağan yada hareketsiz grafikler halinde de ihraç edebilirsiniz;Flash bunların tümünün aynı anda yarata bilir!Bu, kaynak dosyayı yarattıktan sonra ,onu çeşitli şekillerde dağıta bileceğiniz anlamına gelir(Flash filmi,Quick time filmi ,animated GIF,JPEG vb..)

İçeriğin yaratılması

Flash projeleri sunular, öğreticiler,ürün demoları slayt gösterileri hatta oyunlar dahil olmak üzere pek çok farklı şekle bürünebilir.Bazı Flash projeleri etkileşimi kullanırken az miktarda animasyon kullanabilir,bazıları da hareketli grafikleri kullanırken az miktarda etkileşim içerebilir.

Projenizin alanı ne olursa olsun,çalışmanız tipik olarak şu şekilde ilerler:

1.Flash’ta grafikleri çizmek veya ithal etmek

2.Düğmeleri,bagımsız animasyonları ve tekrar kullanmak istediğiniz öğeleri semboller haline dönüştürmek.

3.film öğelerini Stage’e yerleştirmek(vektörler grafikler,bitmap’ler ve semboller dahil olmak üzere).

4.Etkileşimli hale getirmek için, timeline’de (zaman çizgisi) düğmelere film kliplerine (movie clip)ve karelere eylemler eklemek.

5.Stage’de bir kareyi,sembolü,dış hattı,dolguyu veya metin bloğunu seçerek,çeşitli panellerle özeliklerini ayarlamak.

Flash’ın çalışma şekli hakkında aklımızda tutmamız gereken birkaç şey var : Stge’de görmekte olduğumuz şey, Timeline’deki geçerli karenin içeriğini temsil eder. Oynatım kafasını farklı bir kareye götürdüğümüzde Stegedeki sahnede değişir.Animasyon,stagedeki içerik kareden kareye düzenleyerek yaratır ve kareler sıralı ardışık bir şekilde hızla gösterilir Timeline’ımızın içerdiği karelere de çalışmayı kolaylaştırmamız için Flash kaynak dosyayı sahnelere (scenes) ayırmanıza izin verir sahneleri her biri diğerlerinden tamamen farklı görünen kaynak dosyanızdaki sayfalar gibi düşüne bilirsiniz.Nir kaynak dosya istediğiniz sayıda sahne içere bilir; ancak bu sahnelerin tümü ihraç edilen bir tek filmin parçalarıdır. Sahneler,Timeline idare edebilir. Kısımlara ayırarak yaratım ortamında içeriğin oluşturmasını son derece basitleştirir.

İçeriğin Dağıtılması

Kaynak dosyada içeriğinizi yarattıktan sonra, onu bir flash filmi olarak ihraç etmeniz ve sonuçtaki optimize edilmiş,SWF dosyasıyla ne yapmak istediğinize karar vermeniz gerekir. Seçeneklerden biri,filminize bir Web sayfasına gömmektir;burada normal bir grafik gibi görünür,sadece etkileşimli ve hareketlidir.Aslında ,bir Web sitesinin tümünü tek bir flash filmiyle yaratmanızda mümkün.İzleyicilerinizin filminizi görmesini istediğiniz durum buysa.onu izleyebilmeleri için sistemlerinde Flash plug-in’inin kurulu olmasının gerektiğini unutmayın.

Flash filminiz Web üzerinde akar bu sayede filmin geri kalan kısmı arka planda yüklenirken,izleyicileriniz neredeyse anında filmi izlemeye başlaya bilir. Film oynatılırken ,Flas’a tarayıcı pencerelerini açmasını ve kapatmasını,kullanıcıdan bilgi almasını(bu bilgi bir CGI script’i tarafından işlenebilir ),sesleri çalmasını,kullanıcıyla etkileşmesini ve daha çok şeyi bildire bilirsiniz.

Flash filminizi sunmanın bir diğer popüler şekli, onu kendi başına çalışan bir uygulamaya dönüştüren bir projektör (projektör) veya bağımsız bir oynatıcı (player) haline getirmektir.Bu filminizi bir diskete veya CD’ye koyduğunuzda , sadece onu açarak herkesin anında filminizi izleyebileceği anlamına gelir.(Flash plug-in ‘ine sahip olmasalar bile).Flash’ın yeni script motoru ve Web sunucularıyla iletişim için desteği sayesinde,projektör dosyasıyla dağıtabileceğiniz eksiksiz ve güçlü Flash uygulamaları yaratabilirsiniz.işin aslı, Web sitenizin tümünü Flash’ta yaratarak,onu Web’e koyabilir ve müşterilerinize de disket veya CD-ROM’da verebilirsiniz.

Flash projenizi bir QuickTime filmine,bir Windows AVI dosyasına,hatta bir Real Player dosyasına dönüştürmeniz de mümkün. İhtiyaçlarınız ne olursa olsun, büyük ihtimalle Flash bu işi kolayca yapabilir.

daha fazlası..

API Nedir Yorum yok

İşletim sistemlerine duyulan ihtiyaçlardan biri standart olarak her program tarafından yapılması gereken şeyleri ortak bir çatı altında toplamak ve programları sistemde belirli kurallar altında çalışmasını sağlamaktır. İşletim sistemlerinin değerini anlamak için işletim sistemi olmayan bir bilgisayar düşünün.

Yaptığınız programları diske kaydetme ihtiyacınız var. İşletim sisteminiz yoksa programlarınızı diske yazacak ve okuyacak assembly kodları sizin yazmanız gerekecektir. Ve her program diske yazma ve okuma kodlarını içinde bulundurmak zorunda olacaktır. Ayrıca diske yazacağınız programı diskin neresine yazacaksınız. Tabi ki herkes kendi programının başa yazılmasını isteyecektir. Bu da diski paylaşım sorununu çıkaracaktır. Ayrıca yazıcı için de problem vardır. Her yazıcı aynı sistemle çalışmayacağı için programınızda yazdırma işlemleri de varsa belli başlı yazıcı tipleri için gerekli kodları yazmanız gerekecektir. Bu örnekler çoğaltılabilir.

İşte PC'ler ilk çıktığında disk işlemlerini kolaylaştırmak için DOS ta piyasaya çıktı. DOS disk işlemlerini yapmak için yazılım interruptlarını programcıların hizmetine sunmuştu. Diskle ilgili bir işleminiz için INT X'in Y numaralı servisini çağırıyordunuz ve bu işlemleri sizin yerinize DOS yapıyordu. Sistemler geliştikçe bilgisayar değişik alanlara da hitap etmeye başlayınca çok değişik arabirimler de çıktı. DOS'a grafik, yazıcı işlemleri gibi standart işlemler de eklendi ve sistemde bulunan standart donanımların hemen hemen hepsine DOS veya BIOS interruptlarıyla erişebiliyordunuz. Ayrıca DOS programların belleği nasıl kullanacağını da belirliyordu. DOS işletim sistemi olarak kullanıcıya herhangi bir standart arabirim sunmamıştır. Sadece programların sistemdeki standart donanımlara ulaşabilecekleri kodları kullanıcıya sunmuştur. DOS'ta yapılan programların hiçbiri bir birine benzemez. Her program kendi kullanıcı arayüzünü belirlemek zorundadır ve bunun için gerekli kodu kendisi yazmak zorundadır. DOS'ta yapılan programların kullanım ve programlanmasının zorluğu da bir ölçüde buradan kaynaklanır.

DOS'un programlara standart bir arabirim sunmaması, bellek sınırlarının olması gibi sebeplerden dolayı çok çok geç kalmış olsada Windows çıktı. Windows DOS'un sağladığı standart donanıma ulaşma haricinde Ses kartları, Gelişmiş yazıcılar, Scanner'ler gibi donanımların kullanımını da programların kullanımına sunar. Ayrıca programlara standart arabirimleri (Diyalog kutuları, Formlar, Kontroller gibi) kullanma imkanı da sunmuştur. DOS kendi servislerini yazılım interruptlarıyla sunarken Windows API'lerle sunar.

Şimdi şöyle bir şey düşünülebilir. DOS'ta çok program yaptım ama diske birşey yazdırmak için DOS'un interruptlarını kullanmaya hiç ihtiyaç duymadım. Evet eğer assembly program yazmadıysanız bunlara da ihtiyacınız yoktur. Çünkü kullandığınız programlama dili bu işi sizin yerinize yapıyordu. Bu VB'de yaptığınız programlarda da böyledir. API kullanacaksınız diye bir şart yok VB bunları sizin yerinize kullanır. Ancak DOS'taki programlama dillerinde olduğu gibi VB'de de programlama dilinin sunduğu işlemler her zaman işinizi görmeyebilir, bu durumda Windows API'lerini kullanma ihtiyacı duyarsınız.

Basic herhalde bütün zamanların en yavaş programlar üreten dili olma özelliğini kimseye kaptırmak istemiyor. Quick Basicte yaptığınız bir program, aynı işi yapan C ile yapılmış programdan en az 5 kat daha yavaş çalışacaktır. Bu fark GWBasic'te daha da büyüktür. VB'de de durumun iç açıcı olduğunu iddia etmek çok güç. Programlarınızda API kullanmanız bu hız barajlarını aşmanızı sağlayacaktır. Ayrıca VB'nin sunmadığı bazı işlemler için de API kullanmak gerekir. Örneğin sistemdeki boş bellek miktarını verecek herhangi bir komut VB'de bulunmaz bunu da yine API kullanarak öğrenmek zorundasınız.

Windows'un sunduğu bu API'ler gruplandırılarak bir çok DLL ve EXE dosyasına konmuştur. VB'de kullanılan OCX dosyalarında da API'ler bulunabilir. Bu API'lerden birini kullandığınızda API'nin bulunduğu DLL sisteme daha önce yüklenmemişse önce bu DLL yüklenir ve API çalıştırılır.

Programınızda API kullanmak için Declare deyimiyle API'yi tanımlamanız gerekir. Bu tanımdan sonra tanımladığınız API'ye bir fonksiyon veya bir altprogram gibi ulaşabilirsiniz.

daha fazlası..

CGI Nedir Yorum yok

CGI Nedir?

CGI'nin uzun hali "Common Gateway Interface"dir. Türkçesi "Web Server'a Ortak Çıkış Kapısı" dir. Server'ın veritabanlarına, dökümanlara ve diğer programlara bilgi gönderebileceği (veya alabileceği), ve bu bilgiyi web üzerinden kullanıcılara sunabileceği bir metoddur. Kısaca web için programlama diyebiliriz yani. CGI programları değişik dillerde yazılabilir. Ama en popüleri Perl'dür ve Perl'ü anlatacağız.
Neden CGI bilmeliyiz?
Bir web sayfası hazırlıyorsanız, sayfanızın kaç kişi tarafından ziyaret edildiğini bilmek, ya da sayfanızda ziyaretçilerin düşüncelerini mail adresinize gönderebileceği bir form olmasını istersiniz. Bugün profesyonelce hazırlanan web sayfaları form gönderme ve sayaç gibi basit scriptlerden tutun da karmaşık veritabanı scriptlerine varana kadar birçok değişik scriptle desteklenmektedir. Kısacası günümüzde CGI bilmek bir ayrıcalıktır.
Başlangıç için neler gerekli?
Her ne kadar UNIX sistemi üzerinde Perl ile CGI programlamayı anlatacak olsak da başlangıç için UNIX bilgisine sahip olmanız gerekmiyor. Çünkü zaten bilmeniz gereken kısmı burada size anlatılacak. UNIX bilgisi gerekli değil dedik ama, tabi ki bir UNIX accountunuzun olması gerekiyor. Eğer yoksa size http://www.virtualave.net'de bir account açtırmanızı tavsiye ederim. Aslında tam olarak bir UNIX accountu vermiyorlar ama CGI scriptlerinizi çalıştırabileceğiniz bir cgi-bin dizininiz oluyor. Buraya FTP ile bağlanıp scriptlerinizi gönderebilirsiniz. Bu konuda daha ayrıntılı bilgi edinmek için web sitesini ziyaret ediniz.
Eğer UNIX değil de Windows NT kullanıyorsanız yine de buradaki programların çoğunu çalıştırabilir ve Perl öğrenebilirsiniz. Çoğu NT makinesi UNIX makinesinin çalıştırdığı kodları çalıştırabilir. Ama örneklerimizden bazıları UNIX'e özel yazıldığı için makinenizde çalışmayacaktır. Daha fazla bilgi için perl.com'un Perl ResourcesFor Windows (Windows İçin Perl Kaynakları) listesini gözden geçirin.
Scriptlerinizi Windows kurulu bir bilgisayarda çalıştırmak için http://www.activestate.com/ActivePerl/download.htm adresinden ActivePerl'ü indirebilirsiniz. Eğer yazdığınız scriptleri UNIX sistemine göndermeden önce kendi bilgisayarınızda denemek istiyorsanız bu programı mutlaka indirin.
UNIX sistemine telnet ile bağlanacağımız için bir telnet programına ihtiyacınız olacak tabi. Windows'la birlikte gelen basit telnet programı da işinizi görür. Windows kullanıcısı değilseniz ya da başka bir program kullanmak istiyorsanız tavsiye edeceğim program:
Macintosh için: NCSA Telnet
Windows için: CRT
Eğer scriptlerinizi kendi bilgisayarınızda yazıp gönderecekseniz tavsiye edeceğim program:
Macintosh için: Fetch
Windows için: CuteFTP
Okuma kolaylığı açısından Perl ve HTML kodlarını sabit genişlikli bir font kullanarak yazacağım.
Mesela: print "Bu bir Perl kodu.\n";
Ayrıca UNIX komut satırında yazmanız gereken komutları anlatırken <Dosya Adı> gibi < ve > karakterleri arasında yazacağım kısımları kendinize uygun şekilde değiştirmeniz gerekecek. Örneğin chmod 755 <dosya adı> dediğim zaman yapmanız gereken dosyanızın adı sayac.cgi ise komut satırında chmod 755 sayac.cgi yazmak.

daha fazlası..

4 Mayıs 2013

Google Pagerank Güncellemesi Başladı 4 yorum var.

Google Pagerank Güncellemesi Başladı.

Google pagerank güncellemesi bugün yani mayıs ayının 4. günü başladı.Beklendiği gibi 3 ayda bir yapılan güncelleme bugün başlayarak tam tamına 6 gün sürecek.Bu güncelleme genel güncelleme olduğu için tüm siteler ayrıntılı olarak bakılacak ve pagerank artışı daha fazla olacak.Yazımızı görür görmez pagerank ölçmeyin çünkü daha bugün yeni başladı.Tahminen Mayıs’ın 6 veya 7. günü birçok siteye pagerank verilecektir.Eğer siteniz Blogger ise emin olun güncellemede siz daha çok rank alacaksınız.Tabiki sitenizin zamana ihtiyacı var.Örneğin 1 aylık siteden pagerank almasını beklemek yanlış olur.En az 2 ay veya daha fazla bir sürede olursa pagerank değeri alması mümkün olacaktır.Pagerank almak için bu aralar 100-200 tane wiki , 50-100 tane blog vb. backlinkler yapınız.Sitenize çok faydalı olacaktır.Ama asla abartıpda 1000 wikipedia backlink veya 10000 blog backlink yapmayınız.Size faydadan çok zararı olacaktır.

Güncellemede Google işe yaramaz , paylaşım yapmayan sitelerin pagerankını geri alacaktır.Özgün paylaşım yapan ve Seo’ya düzgün hareket edenlere rank verecektir.En önemlisi az yazmak öz yazmaktır.Çünkü günde 1000 tane alıntı yapsanız 1 tane özgün yazı kadar olmaz.Sadece ziyaretci sayınızı arttıracaktır.Ziyaretciden daha önemli olan etken ise Google’dır.Google zaten websitenizi beğenirse size birşekilde hit gönderecektir.Asla birgün ben bıktım deyipde alıntı yapmayın gerçekten çok zararlı.

Pagerank’ın Faydaları

Pagerank gerçekten çok faydalı bir etkendir.Pagerank sayesinde web siteniz diğer sitelerden üstün gözükecektir.En önemliside Google Adsense’dir.Google Adsense pagerank’a bakarak başvuruları kabul eder veya etmez.Google Adsense eğer pagerankınız yoksa birçok bahane uydurur.Siteniz Google politikalarına uymuyor vb. şeyler söyler.Aslında Adsense’nin derdi sizin sitenizin pageranksız olmasıdır.Adsense’yi bırak tüm reklam siteleri pagerankınız var diye size reklam verecektir.Ziyaretci sayınızın temelli artmasına sebep olacaktır.Diğer siteler karşısında daha üstün görünceksiniz ve Google gibi arama motorlarında ilk sıralara yerleşeceksiniz.

Kaynak : www.f5blog.org

daha fazlası..

3 Mayıs 2013

Googlede Çabuk İndexlenmek Yorum yok

Googlede Çabuk indexlenmek

Merhaba arkadaşlar bu yazımızda google'de ve diğer arama motorlarında nasıl daha çabuk index alırız ve yükseliriz bunu konuşacağız.Yeni açılan siteler veya googlede 1-2. sayfalara henüz çıkamamış siteler için gerçekten ideal bir konu.

Herkes bana aynı soruyu sorması üzerine bu konuda bir yazı yazayım dedim ve yazdımda.Herkesin sorduğu sorular; googlede sitem çıkmıyor, sitem 1-2 ayda bir indexleniyor Vs. bu sorulara son artık siteniz hemen index alıcak ve googlede gözükecektir.

1) Link değişimi Yapın
2) Sitenize Seo uygulayın
3) Sitenizin içeriği özgün ve hedef kelimelerinize uygun olsun
4) Pagerank'ı yüksek olan sitelere Kendi sitenizi ekleyin(Googleye site ekle yazarsanız birçoğu işinize yarayacaktır.)
5) Sitenize Backlink alın

Bunlar birkaç ipucu Ama bu 5 maddeyi sitenize uygularsanız siteniz çok kısa sürede googlede ilk sayfalara çıkacaktır.

daha fazlası..

17 Temmuz 2014

CSS Nedir Yorum yok

HTML etiketleri ile CSS

A etiketinin Css ile kullanımı

12 Mart 2014

Wordpress Kısa Url Oluşturma Yorum yok

23 Aralık 2013

Flash Nedir Yorum yok

14 Aralık 2013

Gökçe Bilişim Yorum yok

13 Aralık 2013

Bilişim Suçları Yorum yok

12 Aralık 2013

Spam Nedir Yorum yok

Kavramlar Ve Açıklamaları:

İzmir Web Tasarım Yorum yok

7 Aralık 2013

Flash Nasıl Çalışır Yorum yok

İçeriğin yaratılması

İçeriğin Dağıtılması

API Nedir Yorum yok

CGI Nedir Yorum yok

4 Mayıs 2013

Google Pagerank Güncellemesi Başladı 4 yorum var.

3 Mayıs 2013

Googlede Çabuk İndexlenmek Yorum yok

Kategoriler

Popüler Yayınlar

Son Yorumlar