Yalnızca eylül ayına özel web tasarım kampanyamızda web sitesi yaptırmanızın yanında hosting, domain ve facebook sayfanıza 1.000 üye bizden hediye..!

The post Antalya Web Tasarım da Eylül Kampanyası first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

barisozcan.net olarak antalya da web işleri alanında hizmet vermeye devam etmekteyiz.Sizlere sunmakta olduğumuz bazı hizmetler ;

Hizmetlerimiz

Google Reklamları

Antalya web tasarım , dünyanın en büyük arama motoru olan google da hergün bir çok alanda arama yapılıyor , bu aramalarda firmanızın veya satmak istediğiniz ürünün ilk sayfalarda çıkmasına yardımcı oluyoruz.

Scriptler ve Eklentiler

Antalya web tasarım , sitenizde daha iyi içerik sunmak için , sitenizi daha zengin hale getirmek için veya kullanıcıya daha kullanışlı bir sayfa sunmak için sizlere scriptler(otel rezervasyon scripti,eticaret scripti vs.) yazıyor. Sizin isteğinize uygun php script, asp script, javascript gibi diller de yazıyoruz.

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

İlk yazımda belirttiğim bazı kavramlar hakkında detaylı bilgi vermeye çalışacağım.

Adsense’ten çok kazanmak için dikkat etmemiz gereken en önemli şeyler sitemizin keywordsleri ve backlinkleridir. Önceki yazımda da belirttiğim gibi fazla keywords ve backlink eklemek sitenizi spam durumuna sokabilir ve hitiniz düşer.

Bu derste keywords ve backlink’lerden bahsetmek istiyorum.

Keywords kelimesi İngilizce’de “anahtar kelimeler” anlamına gelmektedir; yani sitemizin anahtar kelimelerini gireceğiz demektir. Sitemiz ne ile alakalı ise, o kelimeler girilmelidir. İçerikle alakasız, sadece hit gelsin diye eklenen kelimeler sitenin banlanmasına sebep olur. Bir çok scriptte keywords alanı vardır; bu alana fazla abartmadan ve aynı kelimeyi tekrarlamadan içerik yazılır.

Örneğin film fragmanı siteniz varsa film fragmanı, film fragmanları tarzında içerikle uyumlu kelimeler yazılır. Bu kelimeler Google aramasında sonuçlar arasında sitenizin de görülmesini hedefler. 20 veya 30 kelime keywords yeterlidir.

Backlink nedir?

Backlink sitemizin linkinin başka sitelerde olmasıdır. Google botları yaptıkları aramalarda sitemizin linkini ne kadar fazla sitede görürse sitemizin prestiji o kadar artar. Backlink’te de keywordsler gibi aşırıya kaçmadan sitelere ekliyoruz. Aylık 3 veya 5 backlink yeterlidir. Fazlası spam kabul edilebilir. Özellikle de yeni sitelerde…

Gelen aramalar :

• googleden nasil reklam alinir

The post Google adsense çok kazanma sıırları 2 first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

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 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ığı.

Son zamanlarda artık hemen hemen herkes, kendi sitesini yapmanın bir yolunu aramaya başladı. Kimi template ‘edit’liyor, kimi üstünkörü site bozması bir şeyler yapıyor, kimi de gerçekten uğraşıyor, güzel çalışmalar çıkarıyor. İnternetteki kaynaklardan öğrenebildiği kadarıyla herkes bir şeyler döktürmeye gayret ediyor.

Eğer siz, “ben uğraşamam kardeşim, site mite yapmak için program filan öğrenemem, herhangi bir hazır site bile benim işimi görür” diyorsanız, basit bir blog sitesi kurmayı deneyebilirsiniz. Ama kendinize özel siteler yapmak arzusunda iseniz, yazımızın bundan sonraki kısmını dikkatle okumanızı öneriyorum. Çünkü bu yazımda web tasarımına yeni başlayanların bilmeleri gereken aşamalara değinmek istiyorum.

Örnek bir çalışma ile başlayalım ;
Ön Hazırlık Aşaması

Mesela bu yazımızda bir elektrik firmasını ele alalım ve onun üzerinden gidelim.

Yıldırım Elektrik Bobinaj firması bizden müşterilerinin kendilerine kolayca ulaşabileceği ve ürünlerin ön planda olduğu bir web sitesi yapmamızı istiyor. Ürünlere daha sonra ekleme-çıkarma yapılmasını, yani dilediği zaman bir kategori ve ürün eklemek çıkarmak istiyor.

İlk önce yapacağımız site ile ilgili dokümanları temin ediyoruz. Ürünleri ve kategorileri belirliyor, “Hakkında” kısmı için kullanacağımız metni ve adres telefon gibi iletişim bilgilerini alıyoruz. Bizden istenen çok da aşırıya kaçmadan sadelik üzerine kurulu, kullanışlı bir web sitesi oluşturulması. Varsa diğer bilgilere de ulaşıyor ve ön hazırlık kısmını tamamlıyoruz. Böylece sitemiz dört kısımdan oluşacak: Ana Sayfa, Hakkımızda, Referanslar, İletişim. Ürünler ise başlı başına bir modül olacak.

Tasarım Aşaması

Artık sitenin yapısını belirlememiz gerekiyor. Bunun için önce bir karalama ile plan yapmamız lazım, ki sonrasında bunu tasarım haline getirebilelim.

Photoshop yardımı ile sitede kullanacağımız materyalleri temizliyoruz. Bunun için Fireworks’ü kullanmanızı önermem, tırtıklı bir şekilde temizleme yapacaktır. En iyisi Photoshop’tur.

Tasarım çalışmamızda Fireworks kullanıyorum. Siz isterseniz Photoshop da kullanabilirsiniz, ama Fireworks kadar bu konuda pratik olmadığını belirtmek isterim. Tasarımımı tamamlıyorum:

Şimdi bu tasarımın diğer sayfalarda görünümünü yapalım. Referanslarımız kısmı aşağıdaki gibi olacak:

Ürünlerden birine tıklandığında aşağıdaki gibi görünecek:

Tasarım işi sizin becerinize kalmış zaten. Tasarım yaparken çok güzel görünüyor diye öyle herşeyi doldurmayın. Çünkü firma sahibinin bizden isteği, sitenin kullanışlı olması, sitesine giren birinin gerekli bilgileri elde edebilmesi.

Bir düşünün: Bir bobinaj arıyorsunuz ve Google’dan buldunuz siteyi, girdiniz diyelim. Sitenin açılışında uzun süren bir animasyon, yanıp sönen bir sürü saçma sapan hareketli nesneler var. Ana sayfaya geldiniz yine aynı. Ne kadar etkileyici olursa olsun, o an için size bir anlam ifade eder mi tüm bunlar? Yoksa sadece ürünle mi ilgilenirsiniz? İşte bu düşüncelerle lüzumsuz gif animasyonlar, anlamsız resimler, çok farklı keskin renkler web tasarımında uzak durulması gereken unsurlar olarak karşımıza çıkıyor. Sadece amaca ulaşın, yeterli.

Tasarım kısmını tamamladım ve kendi mantığıma uygun şekilde dilimliyorum. Dilimleme yaparken flash yapacağım kısmı tam olarak kesiyorum. Başlıkları dilimlerle belirliyorum.

Hiçbir zaman Fireworks’ten HTML’ye dönüştürülmüş dosyalarla çalışmadığımdan Dilimlediklerimi (sadece kullanacaklarımı) farklı resimler halinde kaydediyorum.

Dreamweaver’da yeni bir sayfa oluşturuyorum. Genel olarak CSS kullanarak oluşturduğum div’leri boyutlandırarak sayfa yerleşimini yapıyorum.

Sonra Flash programını açarak header bölgesi olarak belirlediğim kısmın boyutunu ayarlıyorum ve daha sonra Fireworks’te bu alandaki tüm parçaları ile kopyalayarak Flash içine yapıştırıyorum. Flash, Fireworks’teki bir nesneyi veya nesneleri movie klip olarak, png formatına import edecektir. Yapmanız gereken kopyala yapıştır yapmaktır. Header’i istediğimiz hareket ve efektleri vererek sade bir şekilde yapıyoruz.

Kodlama Aşaması

Bundan sonra programcı devreye giriyor. Soldaki ürünler menüsüne uygun şekilde kodlamayı yapıyor. Birine tıkladığınızda o kategorideki ürünler geliyor, ayrıca belirlenmiş olan kontrol panelinden kategori ve ürün eklenebilir hale getiriyor.

Referanslar kısmını da benzer şekilde hallettikten sonra web sitesini herhangi bir FTP programı vasıtası ile hostingine atıyoruz.

Test Aşaması

Sonra siteyi test ediyoruz, tasarımda veya programlamada hatalar varsa gideriyoruz. Sitenin son haline buradan ulaşabilirsiniz.

Sonuç:

Basit içerikli bir siteyi hazırlarken yukarıda bahsettiğimiz aşamaları takip ederiz genelde. Sizlere fikir vermesi açısından gelen soru ve talepleri de göz önünde bulundurarak böyle bir yazı hazırlama ihtiyacı doğdu. Umarım bir fikir vermiş ve yararlı olmuştur.

Kolay gelsin.

Gelen aramalar :

• web sitesi nasl yaplr
• kişisel web sitesi nasıl yapılır
• kişisel web sayfası nasıl hazırlanır
• film sitesi nasıl yapılır

The post Bir Web Sitesi Nasıl Yapılır? 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ığı.

Barış Özcan – Antalya Web Tasarım & Dijital Medya Çözümleri

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ığı.

Barış özcan kişisel web sayfasına hoş geldiniz aradığınız web tasarımı ile ilgili konu ve örnekleri bulabileceğiniz bir günlük tarzında olacak antalya web tasarım sayfamdır.

Eğer sizde kendinize ait bir web sayası yaptırmak sanal alemde de kendi adınızı duyurmak yazmak istediklerinizi yazmak istiyorsanız bizimle iletişime geçin web sayfanızı sizin isteğinize göre bütçenize uygun fiyatlarla yapalım…

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