Joomla! 1.5 serisinde en çok rağbet gören eklentilerden birisidir ziyaretçi defteri bileşenleri. Ama maalesef bu bileşenler genelde düzgün çalışmazlar, ya da istediğimiz gibi olmazlar. Elbette oldukça iyi kodlanmış ve işimizi gören bileşenler var. Bir de kendimiz bir ziyaretçi defteri bileşeni yapalım. Bunun için bir yazı editörü, denemesini yapmak için bilgisayarımızda kurulu bir sunucu (local server) ve tabi ki Joomla! 1.5 paketine ihtiyacımız var.

Eğer bu yazıyı okuyor ve Joomla! ile ilgileniyorsanız zaten Joomla! son sürümü paketiniz ve bilgisayarınızda kurulu easyPHP veya xampp tarzı bir yerel sunucunuz vardır. Eğer yazı editörünüz yoksa ücretsiz olarak kullanabileceğiniz en iyi yazı editörü olarak notepad+ programını tavsiye ederim.
Şimdi elimizde hepsinin olduğunu düşünerek gelin beraber basit bir ziyaretçi defteri bileşeni yapalım. Öncelikle yerel sunucumuzdaki Joomla! kurulu olan dizine girelim ve components klasörü içerisine ?com_defter? adında bir klasör açalım. Bu klasör içerisine de yapacağımız bileşenimizin dosyalarını oluşturacağız.

Daha sonra notepad+ programını açarak yeni bir php dosyası oluşturup bunu UTF-8 olarak com_defter içerisine ?defter.php? adıyla kaydediyoruz. Şimdi bu defter.php dosyasının içerisindeki kodları oluşturalım.

defter.php:

<?php
// direkt erişimi engelleyelim...
defined('_JEXEC') or die ('Restricted access.');

// bu satır ile defter.html.php dosyamızı dahil ediyoruz
require_once(JApplicationHelper::getPath('html'));

// uygulanacak task bilgimizi girelim
switch($task){
    case 'goster':
        // eğer task değerimiz 'goster' ise defteriListele() fonksiyonunu çalıştıracağız
        defteriListele();
        break;

    case 'kayit' :
        // eğer task değerimiz 'kayit' ise deftereKayit() fonksiyonunu çalıştıracağız
        deftereKayit();
        break;

    case 'kaydet':
        // eğer task değerimiz 'kaydet' ise deftereKaydet() fonksiyonumuzu çalıştıracağız
        deftereKaydet();
        break;

    default :
        // eğer herhangi bir task değeri yoksa varsayılan olarak defteriListele() fonksiyonu çalışacak
        defteriListele();
}

// Bu fonksiyonumuz veritabanından kayıtları alıp bizlere gösterecek
function defteriListele(){
    global $option, $mainframe;

    // Kayıt numarası ve limit değerini alalım
    $limit=$mainframe->getUserStateFromRequest( 'global.list.limit', 'limit', $mainframe->getCfg('list_limit'), 'int' );
    $start=JRequest::getVar('limitstart', 0);

    // veritabanı bağlantısını yapalım
    $db=&JFactory::getDBO();

    // veritabanından verilerimizin toplam sayısını alalım
    $db->setQuery("SELECT COUNT(*) FROM `#__defter`");
    $total=$db->loadResult();

    // veritabanındaki tablomuzdan verilerimizi alalım
    $db->setQuery("SELECT * FROM `#__defter` ORDER BY `datetime` DESC", $start, $limit);
    $rows=$db->loadObjectList();
    // hata oluşursa bunu gösterelim
    if($db->getErrorNum()){
        echo $db->stderr();
        return false;
    }

    // sayfalandırma için gerekli olan Joomla! sınıfını dahil edelim
    jimport('joomla.html.pagination');

    // sayfalandırma sınıfı için bir nesne oluşturalım
    $pagenav=new JPagination($total, $start, $limit);

    // HTML_defter sınıfı içerisindeki defteriListele() fonksiyonuna verilerimizi gönderelim
    HTML_defter::defteriListele($option, $rows, $pagenav);
}

// Bu fonksiyonumuz deftere birşeyler yazmak isteyen kullanıcılara kayıt formunu gösterecek
function deftereKayit(){
    global $option;

    // HTML_defter sınıfındaki deftereKayit() fonksiyonunu dahil edelim
    HTML_defter::deftereKayit($option);
}

// Bu fonksiyonumuz ile deftere kayıt edilmek istenen veriyi çeşitli süzgeçlerden geçirip veritabanına yazdıracağız
function deftereKaydet(){
    global $option, $mainframe;

    // gönderilen veriyi düzenleyelim
    $isim=strip_tags(addslashes(JRequest::getVar('isim')));
    $yorum=strip_tags(addslashes(JRequest::getVar('yorum')));
    $email=strip_tags(addslashes(JRequest::getVar('email')));

    // gösterilecek mesajı hazırlayalım
    $message='Ziyaretçi defterine yazdığınız için teşekkürler.'; // mesajımız
    $type='message'; //mesaj çeşidimiz
    $task='show'; // ziyaretçiyi döndüreceğimiz taskımız

    // form içerisinde gönderilen bilgilerin doğruluğunu kontrol edelim
    if(strlen(trim($isim))==0 || strlen(trim($yorum))==0 || !eregi("^[_a-z0-9-]+(.[_a-z0-9-]+)*@[a-z0-9-]+(.[a-z0-9-]+)*(.[a-z]{2,3})$", $email)){
        $message='Lütfen formu düzgün doldurunuz!'; // mesajımız
        $type='error'; // mesaj çeşidimiz
        $task='kayit'; // ziyaretçiyi döndüreceğimiz taskımız
    } else{
        // veritabanı nesnemizi alalım ve veriyi tablomuza kaydedelim
        $db=&JFactory::getDBO();
        $db->setQuery("INSERT INTO `#__defter` (`isim`, `email`, `yorum`, `datetime`) VALUES ('".$isim."', '".$email."', '".$yorum."', NOW())");
        if(!$db->query()){ // verilerin tabloya kaydedildiğini kontrol edelim
            $message='Kayıt işlemi başarısız oldu!'; // mesajımız
            $type='error'; // mesaj çeşidimiz
            $task='kayit'; // ziyaretçiyi döndüreceğimiz taskımız
        }
    }
    // ziyaretçiyi tanımlanmış mesaj ve mesaj çeşidine göre yönlendirelim
    $mainframe->redirect("index.php?option=".$option."&task=".$task, $message, $type);
}

Şimdi de defter.php ile aynı dizinde olması gereken defter.html.php dosyamızı oluşturalım.

defter.html.php:

<?php
// direkt erişimi engelleyelim
defined('_JEXEC') or die ('Restricted access.');

class HTML_defter{
    // ziyaretçi defteri kayıtlarını gösterelim
    function defteriListele($option, &$rows, &$pagenav){
        ?>
        <div class="componentheading">Ziyaretçi Defteri</div>
        <p align="right"><a href="index.php?option=<?php echo $option; ?>&task=kayit">Deftere Yaz</a></p>
        <?php
        if(count($rows)>0){ // eğer ziyaretçi defterimizde bir kayıt varsa
            ?>
            <form action="index.php?option=<?php echo $option; ?>&task=goster" method="post">
                <table cellpadding="4" cellspacing="0" border="0" width="90%" align="center">
                    <tbody>
                        <tr>
                            <td colspan="4"><hr size="1"/></td>
                        </tr>
                        <?php
                        for($i=0;$i<count($rows);$i++){ // döngümüzü oluşturalım
                            ?>
                            <tr>
                                <!-- ## her bir kayıtta tekrarlanacak satırlarımız ## -->
                                <td valign="top" align="center" rowspan="3"><?php echo ($pagenav->limitstart + $i +1); ?>.</td>
                                <td valign="top" align="right"><b>İsim</b></td>
                                <td valign="top" align="center">:</td>
                                <td valign="top" align="left"><?php echo $rows[$i]->isim; ?></td></tr>
                            <tr>
                                <td valign="top" align="right"><b>Tarih</b></td>
                                <td valign="top" align="center">:</td>
                                <!-- ## veritabanımızdaki tarih görünümünü biraz daha güzelleştirelim ## -->
                                <td valign="top" align="left"><?php echo JHTML::Date($rows[$i]->datetime); ?></td>
                            </tr><tr>
                                <!-- ## yorumları gösterelim ve satır başlarına <br> etiketi koyalım ## -->
                                <td valign="top" align="right"><b>Yorum</b></td>
                                <td valign="top" align="center">:</td>
                                <td valign="top" align="left"><?php echo nl2br($rows[$i]->yorum); ?></td>
                            </tr>
                            <tr>
                                <td colspan="4"><hr size="1"/></td>
                            </tr>
                            <?php
                        }
                        ?>
                    </tbody>
                </table>
                <br />
                <!-- ## sayfalandırmayı buraya koyalım ## -->
                <div align="center"><?php  echo $pagenav->getListFooter(); ?></div>
                <!-- ## option ve task değerimizi gizli alan olarak yerleştirelim ## -->
                <input type="hidden" name="option" value="<?php echo $option ?/>">
                <input type="hidden" name="task" value="goster"/>
            </form>
        <?php
        }
        else{
            ?>
            <p align="center"><i>Ziyaretçi defteri hala boş.</i></p>
            <?php
        }
        ?>
        <br /><br />
        <?php
    }

    // Kayıt formumuzu oluşturalım
    function deftereKayit($option){
        ?>
        <div class="componentheading">Ziyaretçi Defterine Yaz</div>
        <p align="right"><a href="index.php?option=<?php echo $option ?>">&lt;&lt; Ziyaretçi Defterine Dön</a></p>
        <form action="index.php" method="post">
            <table>
                <tbody>
                    <tr>
                        <td>İsim</td>
                        <td>:</td>
                        <td><input type="text" name="isim"/></td>
                    </tr>
                    <tr>
                        <td>Email</td>
                        <td>:</td>
                        <td><input type="text" name="email"/> * <i>E-posta adresiniz gösterilmeyecektir.</i></td>
                    </tr>
                    <tr>
                        <td>Yorum</td>
                        <td>:</td>
                        <td><textarea name="yorum" cols="50" rows="5"></textarea></td>
                    </tr>
                    <tr>
                        <td> </td>
                        <td> </td>
                        <td>
                            <br />
                            <input type="submit" name="submit" value="GÖNDER"/>
                        </td>
                    </tr>
                </tbody>
            </table>
            <!-- ## option ve task değerlerimizi gizli alan olarak yerleştirelim ## -->
            <input type="hidden" name="option" value="<?php echo $option; ?/>">
            <input type="hidden" name="task" value="kaydet"/>
        </form>
        <br /><br />
        <?php
    }
}

Son olarak bileşenimizin kullanacağı veritabanı tablosunu oluşturalım. Bunun için kullandığımız yerel sunucunun phpMyAdmin sayfasını açarak SQL sorgusu bölümünden aşağıdaki sorguyu çalıştırıyoruz.

CREATE TABLE IF NOT EXISTS `jos_defter` (
  `id` int(4) NOT NULL AUTO_INCREMENT,
  `isim` varchar(65) NOT NULL DEFAULT '',
  `email` varchar(65) NOT NULL DEFAULT '',
  `yorum` longtext NOT NULL,
  `datetime` varchar(65) NOT NULL DEFAULT '',
  PRIMARY KEY  (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=utf8 AUTO_INCREMENT=1;

Tabiki bir de şu sorguyu çalıştırmamız gerekiyor;

INSERT INTO `jos_components` (`name`, `link`, `menuid`, `parent`, `admin_menu_link`, `admin_menu_alt`, `option`, `ordering`, `admin_menu_img`, `iscore`, `params`, `enabled`) VALUES
    ('Ziyaretçi Defteri', 'option=com_defter', 0, 0, 'option=com_defter', 'Ziyaretçi Defteri', 'com_defter', 0, 'js/ThemeOffice/component.png', 0, '', 1);

Birlikte oldukça basit bir ziyaretçi defteri bileşeni yapmış olduk.

The post Joomla! 1.5 de ziyaretçi defteri yapımı first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Bu dersimizde ActionScript 3.0 ile Preloader yapmayı öğreneceğiz.

ActionScript 3.0 ile hazırladığınız projeye ön yükleme yapmak için ilk olarak tavsiyem projeniz ile ön yüklemeyi farklı sahnelerde yapmanız olacaktır. Bunun için aşağıdaki yolu kullanarak Scene panelini açın ve mevcut sahnenizin üzerine yeni bir sahne ekleyerek ön yükleme işlemi için yeni oluşturduğunuz sahneye geçin.

Window > Othet Panels > Scene ( Shift+F2 )

Yeni oluşturduğunuz sahnede ilk olarak bir dinamik metin alanı oluşturarak ona ekran_txt ismini verin. Daha sonrasında önyükleme sırasında gözükmesini istediğiniz animasyonu 100 frame olarak tasarlayın. Burada 100 frame olarak tasarlamanın esprisi ön yükleme ile animasyonu eş değer şekilde hareket ettirecek olmamızdır. Yani projenin %30’u yüklendiğinde animasyonun 30. karesi gösterilecek.

Gerekli animasyon ve metin kutusunu oluşturduktan sonra aşağıdaki kod ile ön yüklemenizi tamamlayın.

stop();
    var yuklenen:Number; //ondalık değerleri gösterir
    var yuzde:int;   //ondalık değerleri göstermez

    loaderInfo.addEventListener(ProgressEvent.PROGRESS, yukleniyor);
    loaderInfo.addEventListener(Event.COMPLETE, yuklendi);

    function yukleniyor(e:ProgressEvent){
      yuklenen = e.bytesLoaded / e.bytesTotal;
      yuzde = yuklenen * 100;

      ekran_txt.text = yuzde + "%";
      gotoAndStop(yuzde);
    }
    function yuklendi(event:Event){
     nextScene();
    }

Kaynak dosyayı indirmek için tıklayın

Gelen aramalar :

• as3 dersleri
• preloader nedir
• flash as3 dersleri

The post Flash AS3 preloader yapımı first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Asp dosyalarınızı artık html’e çevirip google’da daha iyi indekslenmesini sağlamayı öğreneceğiz.

Asp ile yaptığınız bir sitenin adresinin site.com/konu.asp?id=3 yerine www.site.com/deneme_haberi_h18.html şeklinde göstermenin kolay olduğunu biliyor muydunuz?

Bunun için sunucunuzda IIS7 kurulu olmalı.

Ayrıca sunucunuzda iis7’nin modüllerinden olan iss7 url rewrite kurulu olması gerekir. Bunu hosting firmanıza sorunuz.

Şimdi gelelim meselemize: Web.config adında bir dosya oluşturun ve içine şöyle bir örnek yazın:

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.webServer>
        <rewrite>
            <rules>


               <rule name="deneme" stopProcessing="true">
                    <match url="^(.*)_h([0-9]+).html" ignoreCase="true" />
                    <action type="Rewrite" url="konu.asp?id={R:2}" />
                </rule>

            </rules>
        </rewrite>
    </system.webServer>
</configuration>

Artık kullanıcı site.com/deneme_h19.html yazdığında konu.asp?id=19 sayfası işlenecek

The post Asp uzantılı sayfaları html uzantıya nasıl çevirilir first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Tablo hücrelerini birleştirmeyi görecez nedir bu birleştirme dersek 2 yada daha fazla hücrenin tek hücre olarak birleştirilmesidir.

Colspan

Colspan etiketi arkadaşlar tablo içerisindeki aynı satırda yer alan hücreleri birleştirmek amacıyla kullanabileceğimiz bir etiket yani diyorki 2 satır 3 sütun (hücre) lik bir tablomu olsun 1 satırda yer alan sütunlar (hücreleri) tek sütun yapabileceğimizi belirtiyor.

Colspan Uygulaması

Evet arkadaşlar uygulamamız 2 satır 3 sütunluk bir tablo olacak ama ilk satır 3 sütun yerine tek sütun olmasını istedim normalde bunu başka türlü yapamazsınız colspan etiketi ile yapabiliriz.Aşağıdaki kodları boş bir not defteri açarak yazın arkadaşlar ve farklı kaydet diyerek dosya adı satirbirlestirme.html olarak masaüstüne kaydedin.

<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Web Tasarım Dersleri Tablo Hücreleri Birleştirme Ders 15</title>
</head>

<body>

<table border=”1″>
<tr align=”center”>
<td colspan=”3″ width=”200″>1</td>
</tr>

<tr align=”center”>
<td width=”50″>2</td>
<td width=”100″>3</td>
<td width=”50″>4</td>
</tr>
</table>

</body>
</html>

Html Sütun Birleştirme

Evet arkadaşlar hemen özetliyim ilk satırda gördüğünü gibi tek sütn kodu görünüyor ama net incelendiğinde ilk etapta 3 sütun olduğu colspan ile 3ü birleştirilip tek sütun haline getirildiği görülmekte isteseydik 2 sütunda yapabilirdik 2 sütunu birleştirip tekine sabit bırakabilirdik bunuda uygulama olarak yapınız.

Evet şimdi sütunları birleştirmeyi öğrendik ya peki aşağı doğru satırları birleştirmeyi nasıl yapacak dersek hemen onuda anlatalım.

Rowspan

Rowspan arkadaşlar aynı sütundaki hücreleri birleştirmek için faydalanabiliriz. Yukarda colspan için anlattığım özellikler bu etiket içinde geçerlidir.

Rowspan Uygulaması

Şimdi arkadaşlar uygulamamız yine 2 satır 3 sütunluk bir tablo ile yapalım ilk sütunları birleştirelim aşağıdaki kodları yazıp farklı kaydet diyerek tablobirlestirme.html olarak masaüstüne kaydedin inceleyin.

<html>
<head>
<title>Web Tasarım Dersleri Colspan Rowspan Ders 15</title>
</head>

<body>

<table width=”200″ border=”1″>
<tr align=”center”>
<td rowspan=”2″ width=”100″>1</td>
<td width=”80″>2</td>
<td width=”50″>3</td>
</tr>

<tr align=”center”>
<td width=”80″>4</td>
<td width=”50″>5</td>
</tr>
</table>

</body>
</html>

Tablo Birleştirme

Evet arkadaşlar uygulamamızda ilk sütunları tek sütun haline getirmeyi gösterdik

Bugünkü dersimiz bu kadar arkadaşlar bir sonraki dersimizde tablo ve tablo içeriğindeki hücreleri hizalama mesafeleri görüp artık site uygulamasına geçecegiz hosting,cpanel, ftp ile site sayfası oluşturmayı ve internette yayınlamayı birlikte göreceğiz uygulamalar yapacağız.

Gelen aramalar :

• colspan nedir
• colspan ne işe yarar
• rowspan nedir

The post Web Tasarım Dersleri Tablo Hücrelerini Birleştirmek Ders 15 first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

25. Sitenize Ziyaretçi Çekmek İçin Reklâm Yapın
Bir web sitesinin trafiği trafikteki kritik asama asıldığında katlanarak artmalıdır.
Çünkü daha fazla insan sitenizi ziyaret eder, daha fazla link alırsınız, page rank
değeriniz yükselir – tabii trafiğinizin arttığını varsayıyoruz- sitenizin değerini de
ziyaretçileriniz belirleyecektir. Eğer bu yazıdaki ipuçlarını uygularsanız arama
motorlarından gelen ziyaretçi sayınız artacaktır.Trafiğin trafik doğurması için baslangıçta küçük bir reklâm masrafını gözden
çıkarmalısınız. Gerçi reklamlar arama motorlarına etki etmez fakat ekstra ziyaretçiler
yararlı içeriğinize link verdiğinde bu seo anlamında katkı sağlayacaktır. Google
Adsense bu tarz bir is için oldukça iyi bir reklâm programıdır.

The post seo ipuçları -25 first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Web tasarım ile ilgili yapılan uygulamalar için download sayfamızdan gerekli belgeleri indirebilirsiniz…

Gelen aramalar :

• web tasarım uygulamaları

The post web tasarım uygulamaları first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Antalya web tasarım, logo tasarım, kurumsal kimlik çalışmaları, kartvizit tasarım, otel broşür vs. işlemler üzerine çalışmalar yaparak sizlere hizmet vermekteyiz.Sizlere bir tık kadar uzaklıktayız…

The post antalya web tasarım first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Bu dersimizde statik ve dinamik web sayfalarının yapısal çözümleri ve kullanıcı etileşimleri, statik ve dinamik sayfalar arasındaki farklara değinmek istedim.

Web sayfalarını genel olarak yapılarından ve kullanıcı etkileşimlerinden dolayı statik ve dinamik olarak 2 kısma ayırabiliriz.

Ayrımın genel nedeni olan kullanıcı etkileşimini de şu şekilde açıklamamız gerekmektedir: Bir web sayfaya girdiğimde ben neler yapabiliyorum? Yazı yazabiliyor muyum, forumlara takılabiliyor muyum, ya da yorum yapabiliyor muyum? Site bünyesinde benden kaynaklanan herhangi bir değişikliğe yol açacak bir çalışmada bulunuyor muyum? Ya da daha gelişmiş bir siteyse başka kullanıcılar ile etkileşime girebiliyor muyum? Bu sorularınızın cevabı “hayır” ise, statik web sayfasında geziyorsunuz demektir. Bunu bir konferansa benzetebiliriz. Konuşmacı gelir, konu hakkındaki tüm fikirlerini anlatır, sunumları gösterir; bu aşamaya kadar herşey statik olarak ilerler. Konferans sonunda bizden soru istemesi ya da bizim de düşüncelerimizi öğrenme isteğini de dinamik olarak algılayabiliriz.

Genel olarak özelliklerine bakmak istersek:

Statik Web Sayfaları:

– Kullanıcı ve kullanıcılar arası etkileşim yoktur.
– Kullanıcı websitesi bünyesine her hangi bir bilgi, yorum yada yazı ekleyemez.
– Ziyaretçiye her hangi bir soru soramaz yada fikir alamaz.
– Genellikle html ve javascript kodlarıyla şekillendirilmiştir.
– Güncelleme sırasında tüm sayfanın yapısal özellikleri görünür ve tüm sayfa yapısı kodlar ile değiştirilebilir. Bu güncelleme zor ve zaman gerektiren bir yapıdır.

Dinamik Web Sayfaları:

– Kullanıcı ve kullanıcı grupları etkileşim içindedir. (Forum ve sohbet odaları gibi.)
– Kullanıcılar konu hakkında fikir belirtmek isterse bunu rahatca formu kullanarak (site bünyesinde bulunan) düşüncelerini aktarabilir ve diğer kullanıcılar ile paylaşabilir.
– Üyelik gerektiren siteler bunlara birer örnektir. Foruma üyelik sırasında sizden bilgilerinizi isterler.
– Statik websayfalarının yanı sıra server tabanlı kodlama dilleri kullanılır. Örnek olarak ASP ve PHP ilk sırada gösterilebilir.
– Güncelleme sırasında istenilen tek bir bölüm rahatlıkla güncellenebilir. Genellikle panel yapısına sahip sistemlerden oluşur. Kullanıcı panelı yada yönetici paneli mantıgı vardır. Gelişmiş bir yapısı vardır.

Dersimizi daha rahat anlamak için kendi web sayfamızla yani SANALKURS ile bağlantı kuralım. Sitemizin yapısını yavaş yavaş inceleyerek anlayalım.

Gelişmiş forum ve yorum mekanizmasını çıkaralım ve sadece yazarlar tarafından derslerin oldugu bir site olsun. Web sayfamıza bağlanıyorsunuz ve ilginizi çeken bir dersi okuyorsunuz. Ders bünyesinde ufak bir hata gördünüz, ya da eklemek istediğiniz bir satır cümleniz var, ama siz her hangi birşey yapamıyorsunuz. Bu tarz yapı statik web sayfalarını oluşturmaktadır. Diğer yönden düşünmeye başlayalım ve dinamik web sayfaların yapısını biraz daha iyi anlayalım. Dersimizi okuduk ve kafamızda soru işaretleri var ve sormadan yapamayacağız. Hemen aşağıda bulunan yorum kısmına geliyoruz ve sorumuzu soruyoruz. İşte o anda yaptıgımız bir çalışma site bünyesinde yer alıyor. Durum tamamiyle değişerek dinamik web sayfası oldu.

Umarım yeterince açıklayabilmişimdir. Aklınıza takılan bir soru olursa arkadaşlar, forum ya da buradan sorabilirsiniz. Bu şekilde dinamik bir çalışma yapmış oluruz =)

NOT: Yazımda birkaç yerde çeviriye ihtiyaç duydum. Bazı noktalarda Robert W.Sebesta’nın “Programming the World Wide Web” isimli eserinden de yararlandım.

Gelen aramalar :

• dinamik web sitesi nasıl yapılır

The post Statik ve Dinamik Web Sayfaları first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Uzun süredir tipografi ile ilgili bir makale yazmayı düşünüyordum ancak ne yazsam, nelerden bahsetsem diye tam olarak kafamda planlayamamıştım. Her ne kadar görsel sanatlar mezunu olmasam da, her ne kadar design tam olarak benim işim olmasa da fena işler çıkartmadığım söyleniyor ve tasarımda tipografinin ne kadar önemli olduğunu da biliyorum. Bu noktada dedim tipografi hakkında bildiklerimi yazayım. Bilmeyen arkadaşlar bilgi sahibi olsunlar, bilenlerde yorum yaparak bize bilgi katsınlar.
Tipografi; harf ve sembollerle ifade sanatı ve tekniğidir ve Masaüstü Yayıncılıkla başlı başına sanat haline geldi diyebiliriz. Bu sanat dalında harflerin fontu, puntosu, satırlar arası boşluğu, harfler arası boşluğu, paragraflar arası boşluğu, kelimelerin renkleri, fontların serif ve serifsiz olma durumları, kalınlıkları, italikliğinden tutunda sayfada kullanılan boşluklar, kullanılan resimler ve daha birçok öğenin görünümünü içerir. Tipografide en çok duyulan terimler kerning, leading ve espas?lardır.

Kerning: Harfler arasındaki boşlukları tanımlamada kullanılır.

Leading: Satırlar arasındaki boşluklara verilen addır.

Espas: Karekterler, kelimeler ve paragraflar arasındaki boşluklara denir.

Tipografi de ve web tasarımda önemli kurallardan biri yapılan işte (bu afiş, broşür veya bir web sitesi olabilir) max 3 font kullanmaktır. Siz siz olun sakın 4. fontu kullanmayın hatta mümkünse 2 font kullanın çünkü kullanılan her fontun özelliği birbirinden farklıdır. Şöyle ki Lucida Sans Unicode fontuna verdiğiniz 2em satırlar arası boşluk ile Tahoma fontuna verdiğiniz 2em satırlar arasındaki boşluk aynı gözükmeyebilir ve bu da okumakta sıkıntılar çıkartır.

Diğer bir yandan Serifli yazı fontu ile serifsiz yazıyı fontunu birlikte kullanmayın. Bu kural değildir ancak çok hoş bir görüntü oluşturmaz. Serifli yazı ile serifsiz yazı arasındaki farkı aşağıdaki resimde görebilirsiniz.

Yazının boyutu tipografiyi etkileyen en önemli etkenlerden biridir. Bu sebepledir ki kullandığınız yazının fontuna en uygun olabilecek boyutu belirlemek için test edin. Başlıklara ve metinlerin boyutlarını birbirinden ayırın.

Renklerin dili önemlidir. Kullandığınız rengin yaptığınız işe aykırı renk olmamasına özen göstermek gerekir.

Biraz önce bazı terimlerden bahsettik. Bu terimleri sakın es geçmeyin. Hepsine dikkat edin. Espasları iyi yakalayın. Tipografide etkili diğer bir faktörde yazıların hizalanmasıdır. Hangi paragrafın sağa yaslı,sola yaslı veya her iki yana yaslı ayarlanacağınıda veya hangi başlığın ortalı vs. olacağına doğru karar verin. Örneğin alt başlıkları orta yaslı yapmanız saçma olur gibi.

Ayrıca resimlerin ve diğer bileşenlerin (flash, video vs.) yerleşimlerine de dikkat edin. Sayfada boşluk olması sizi rahatsız etmesin önemli olan boşlukları doğru kullanmak zaten istesenizde sayfanın tamamını doldurmanız zor olacaktır. Ancak boşluklarıda tutarlı olarak verin. Örneğin 1.paragraf ile 2.paragraf arasındaki boşluğu 10px verip, 3.paragraf ve 4.paragraf arasındaki boşluğu 20px vermeyin.

Makalemin sonuna gelirken gene yaptığım iş gereği daha çok webe yöneldiğimi fark ediyorum. Her ne kadar web üzerine makaleymiş gibi gözükse de tipografi her yerde. Tipografi hakkında biraz daha kafanızda birşeyler oluşturmak isterseniz Vimeo, Youtube gibi video paylaşım sitelerinde Tipografi kullanımı ile ilgili eğlenceli ve bir o kadarda güzel tipografiyi anlatan videolar var.

Gelen aramalar :

• kerning nedir

The post Tipografi nedir? first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

30 altın seo ipucundan 6.sını yayınlıyorum kolay gelsin…

6. Anahtar Kelimelerinizi Kalınlastırılmıs, Eğik ve Altı Çizili Olarak
Kullanın
Bir kelimeyi koyu, eğik veya altı çizili olarak yazdığınızda Google bu kelimenin
anahtar kelimelerinizden bir olduğunu düsünür. Bu yüzden bazı anahtar
kelimelerinizi kalın, eğik ve altı çizili olarak kullanmalısınız.
Fakat çok dikkatli olun. Bu islem aleyhinize isleyebilir. Eğer kalın, eğik ve altı çizili
olarak yazdığınız kelimeler anahtar kelimeleriniz değilse Google’ı sasırtabilir ve bu
biçimlendirmelerin anahtar kelimeleriniz üzerindeki etkisini kaybedebilirsiniz.

The post seo ipuçları -6 first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.