3 - Deneme Sunucuları ve Metin Editörleri
Merhabalar, 3.dersimize hoşgeldiniz. Bu dersimizde kodlarımızı yazmak ve test etmek için gerekli olan programlardan bahseteceğim.
Web Tasarım Eğitimi yazı dizisinde bundan sonra php ile anlatımlar vereceğimden php kodlarını test etmek için gerekli olan uygulamalara yer vereceğim.
Kodlarımızı yazdıktan sonra bu kodları her seferinde uzaktaki bir siteye atmak gayet yorucu ve zaman savurganıdır. Bu yüzden yazdığımız kodları hiçbir yere göndermeden, kendi bilgisayarımız üzerinde test etmemiz gereklidir. Bu testi yapan uygulamalardan en önemlisi apache'dir. Microsoft'un IIS'nin üzerine php kurarakta php kodlarınızı çalıştırabilirsiniz fakat ben bunu hiç tavsiye etmem. Nedeni ise hız konusunda büyük kayıplar yaşamamız. Apache'nin ise içinde mysql vb. bulunan bir toplu paketi var. Adı xampp . Bu paketi indirip doğrudan bilgisayarınıza apache kurabilirsiniz. Kurulumu zaten anlatılmış olduğundan anlatmıyor, xampp kurulumun direkt linkini veriyorum. http://www.argeakademi.com/content/view/57/34/
xampp'ı kurduktan sonra dosyalarımızı C:\xampp\htdocs adresine atarak çalıştırabiliriz.
Geldik kullanacağımız metin editörüne. Benim kullandığım 2 tane editör var. Bir tanesi notepad++ diğeri dreamweaver . Notepad++ bildiğimiz not defteri gibi sadece kodlara renklendirmeler yapıyor. Dreamweaver ise çeşitli efektleri, çeşitli kodları kendisi yazabiliyor. Size tavsiyem dreamweaver olacaktır. Dreamweaveri kurduktan size nasıl yeni proje açıldığını anlatacağım.
Video : DreamWeaver Site Oluşturma
Projemizi açmayı öğrendik şimdi ise kurduğumuz xampp test edelim. Dreamweaver ile yeni bir sayfa açıp (kısayol : CTRL + N) sayfanın kod kısmına
<?php phpinfo(); ?>yazıp index.php diye kaydedelim. Daha sonra bunu localhost/site_ismi diye açıp test edelim. Eğer çalıştıysa tebrikler başardınız.Çalıştıramadıysanız alta yorum yazın yardımcı olurum.
Önceki Dersler :
2 - Bir Web Sitesi Yapmak İçin Gereken Ön Hazırlıklar
1 - Bir Web Sitesinin Sahip Olması Gereken Özellikler
2 - Bir Web Sitesi Yapmak İçin Gereken Ön Hazırlıklar
Serimizin ikinci dersine hoşgeldiniz. Bu derste websiteyi yapmadan önce yapmanız gereken şeylere değineceğim. Zira bu yapacağımız şeyler, sizi ileride projenizi sıfırdan kodlamaya varacak şekilde hatalardan uzak tutacaktır.
Web Sitesini yapmaya başlamadan önce iyi bir düşünme sürecinden geçmeniz lazım. Ayrıca projenin bütün detaylarını bilmeniz gerek. Elinize bir kağıt alarak yada not defteri'ni açarak sayfa adlarını ve bu sayfalarda neler yapılacağını yazmanız gerek. Örneğin :
index.php -> Giriş yapılan sayfa
kayit_oku.php -> Kayıtların okunduğu sayfa
gibi. Bunu hazırladıktan sonra veritabanını hazırlayın. Veritabanında bütün alanları ekleyin. Veritabanınızıda hazırladıktan sonra tasarımı yapmaya başlayın. Tasarım tam olarak bitmeden kodlamaya geçmeniz, daha sonradan olabilecek değişikler nedeniyle zorlayacaktır. Bu nedenle tasarımı hazırladıktan sonra kodlamaya geçilmesini tavsiye ediyorum. Tasarımı sayfa sayfa hazırladıktan sonra, tasarımı kodlarımızın içine gömebiliriz. Her sayfanın başında olacak bir ayarlar sayfası hazırlayın. Bu sayfada adından da anlaşılacağı gibi sitenin genel ayarları bulunacak. title tagları arasına bir tane daha php dosyası ekleyin, bu dosya sayesinde daha sonradan ekleyebileceğimiz javascript,css dosyalarımızı her sayfaya kolay bir şekilde ekleyebileceğiz. Bu örnekler daha da çoğaltılarak, alt kısma yan kısma ekleme sayfalar yapılabilir.
Projenizi kodlamaya başladıktan sonra projenizin sık sık yedeğini alın. Yani mesala V0.1 deyin yedekleyin. V0.2 deyin yedekleyin. Farklı farklı yedekleriniz olsun. Ayrıca çıkarılabilir bir diske güncel olarak yedekleyin. Bu güncel yedekleme işlemini belirlediğiniz zamanlar arasında yapan goodsync adında bir program var. Bende onu kullanıyorum.
Bir sonraki dersimizde yavaş yavaş bir projeye başlıyacağız.
Önceki Dersler :
1 - Bir Web Sitesinin Sahip Olması Gereken Özellikler
1 - Bir Web Sitesinin Sahip Olması Gereken Özellikler
Web Tasarım Eğitim Serime Hoşgeldiniz.
Bu ders ilk dersimiz. Bu derste bazı şeylere giriş yapacağım. Sadece teorik olarak birşeyler anlatacağım. Bu yüzden deneyimli internet kullanıclarının bu dersi okumasına gerek yok.
Bir websitesini güzel kılan birkaç unsur vardır. Siz kendi tasarımınızda bu unsurları yerine getirdiğinizde websiteniz güzel olur. Ayrıca belirteyim her zaman güzel site güzel hit alan site demek değildir. O yüzden bizim için önemli olan sitenin hit alması değil yeterli olmasıdır. Bu yeterliliği sağlayan unsurlar şunlardır :
- Tasarım - Renk Uyumu
- Menü
- İletişim Bilgileri
- Hız
- Kullanım Kolaylığı - Açıklamalar
- Dinamik İçerik
Tasarım - Renk Uyumu
Bir websitesinin ikinci göze çarpan özelliği tasarımıdır. Birincisinide websitenin açılmasını sağlayan hız faktörüdür. Hız'ı aşağıda inceleyeceğim için geçiyorum. Tasarımda benim fikrime göre sadelik önemlidir. Dediğim gibi benim fikrime göre. Her zaman sade tasarımlardan hoşlanmışımdır. Ayrıca iyi renk seçimi tasarım için önemlidir. Renk seçimi için http://www.colourlovers.com/ adresinde öneriler bulabilirsiniz. Genel bir renk temasını önceden belirleyip, o renkleri kullanmanız sitenin görünüşünü daha güzel hale getirir. Bu sayede kullanıcının gözüde yorumlamış olur. Güzel bir logo ile tasarımı süslemeyi ise benim burda bahsetmeme gerek yok. Zaten çoğu kişi bunun farkındadır.Menü
Menüler sitedeki gerekli olan gezintiyi sağlayan yapılardır. Olmazsa olmazlar arasındadır. Menülerde dikkat edilmesi gereken bir kaç husus vardır. Menü'de genel olarak çok fazla seçenek bulunmaması gerekir. Çünkü bu kullanıcının seçimini zorlaştırır. Eğer çok seçeneğim var diyorsanız bir alt menü uygulaması yapabilirsiniz. Yani ya menüdeki linke tıklayınca yada linkin üstüne gelince bir alt menü açılması sağlanarak bu karışıklık giderilmiş olur. Menünün aynısından sitenin altında bulunması kullanım kolaylığı bakımından önemlidir. Büyük siteleri incelediğinizde de zaten alta bir tanede daha menü olduğunu görürsünüz.İletişim Bilgileri
İletişim bilgilerinin doğru ve tutarlı olması kullanıcıya site hakkında güven verir. Ayrıca sitedeki hataların, şikayetlerin, önerilerin geri dönmesinde yardımcı olur. Siteye bir mail adresinin yanında kolayca site sahibine mesaj gönderebilecekleri bir form koyarsanız kullanıcın mesaj göndermesini kolaylaştırmasını sağlanırsınız. Hazırladığını bu iletişim formuna sizinle alakası olmayan (telefon numarası, ayakkabı numarası) gibi soruları sormazsanız kullanıcıyı sıkmamış olursunuz.Hız
Yukarıdada bahsettiğim gibi bir sitenin göze çarpan ilk özelliği hızlı olup olmadığıdır. Hızlı bir sitenin her zaman daha çok şansı vardır. Bu hızın %50'lik kısmı hazırlayan kişiye, diğer %50'si ise hosta bağlıdır. Hazırlayan kişinin resimleri olabildiğince sıkıştırması, table yerine div kullanması hızda artış sağlayacaktır. Belki küçük farklar yaratacak düzenlemeler büyük bir çalışmada sitenizi gözle görünür bir şekilde hızlandıracaktır. Algoritmaları daha iyi düşünürek kurmada hızınızı artıracaktır. Host seçiminizide hız farktörünü göz önüne alarak yapmanız gerekmektedir.Kullanım Kolaylığı
Bir siteye giren herkesin interneti iyi bilme zorunluluğu yoktur. O yüzden sitenizdeki bütün açıklamaları hiç bilmeyene göre yapmanız sitenizin genele hitap etmesini sağlar, ama mesela siz sadece doktorlara hitap edecek bir site yapacaksanız doktorların anlayacağı dilde bir açıklama yapmanız kullanıcıyı sıkmamış olur. Şu anda aklıma gelen bir düşünceyide paylaşayım. Sitenize ilk girişte bir seçim yeri ekleyerek kullanıcının deneyimini sorabilirsiniz. Deneyime göre farklı mesajlar gösterebilirsiniz sitede. Bu sayede kullanıcıyı ne sıkmış, ne de zorlamış olursunuz.Dinamik İçerik
Dinamik içerik sitenin içeriğinin veritabanından alınmasıdır. Haber siteleri, kişisel siteler ve çoğu site dinamik içerikten oluşmuştur. Dinamik içerik bulunduran bir site server-side programlama dili (PHP,ASP,ASP.NET,JSP) kullanmak zorundadır. Bu sitelerde genelde bir admin paneli bulunur kullanıcı bu admin paneliden siteye bilgi ekler. Bu bilginin her yerde kolayca eklenebilmesini sağlar.Yukarıda bahsettiğim özelliklere sahip olan siteler, genellikle başarılı olurlar. İleriki dersimde HTML ufaktan bir giriş yapacağım.
Gelişen İnternet Teknolojileri
Günümüzde internet hayatın her tarafına girdi. Neredeyse her reklamdan sonra bir internet sitesi veriyorlar. Zaten internet sitelerinin reklamlarıda televizyonda boy göstermeye başladı. İşte tüm bu durumlar içinde ne yapmamız gerek ?
İşte bu sorunun cevabını bu yazıda öğrenebileceksiniz.
Eskiden iş kolaydı. Dinamik sayfalar çok azdı ve yapılan sayfalarda herhangi bir efekt kullanılmıyor düz yazıya yakın bir tasarım kullanılıyordu. Şimdi ise durum farklı neredeyse bütün siteler dinamik ve tasarımları gayet güzel. Bu gelişen dünyada yer edinebilmek için tasarım yönünüzü geliştirmeniz gerekiyor. Örneğin Fireworks,Photoshop,Flash gibi programları hem iyi kullanmayı öğrenip, hem de çok fazla örnek incelemeniz gerekiyor. Yani sadece programı öğrendimle olmuyor. Çeşitli siteleri incelemek, çeşitli derslere bakmak gerekiyor. Kısacası iş gerçekten zor. Çünkü ben de tasarım konusunda büyük sıkıntılar yaşıyorum.
Programlamanın ise gücü azaldı. Açık kaynak kodlu uygulamalar çıktıkça sadece tasarıma önem verilirken, programlama önemsiz kabul ediliyor. Eğer php biliyor olsanızda wordpress üzerine eklenti,tema yaparak site hazırlamanız daha kolay olacaktır. Zaten Wordpress kodlamış, bir daha siz niye kodlayasınız ki. Bu yapılan işten zaman kazancı sağladığı halde alınan ücreti epey bir düşürüyor. Ama hala özgün uygulamalar için programlanın önemi dorukta. Yani hiç yapılmamış birşeyi yaptırmak kişiye epey tuzluya mal oluyor.
Programlama dili konusunda asp 'nin ömrünün bittiği kaanatindeyim. Sıfırdan ASP öğrenmek bu saatten sonra çok saçma. En iyi seçenekler arasında PHP ve ASP.NET (C#) var. PHP server maliyetlerinin düşüklüğü nedeniyle avantajlı ayrıca asp.net te veri yönetim tekniklerinin hızlılığı nedeniyle avantajlı. Seçim size kalmış tabiki, ama kendi fikrimi sorarsanız PHP'yi öneririm. PHP'nin her ortamda çalışması ve klasik tekniklerle kodlanması fikrime gerekçe olabilir.
Kodlarımı yazarken çoğu zaman Notepad++ ve Dreamweaver kullanırım. Notepad++ zaten bildiğimiz not defterinin biraz gelişmişi. Kodlara renklendirme yapması benim için yeterli oluyor zaten. Dreamweaver ise hazır eklentileri sayesinde beni birçok kodu yazmaktan kurtarıyor. Mesala bir düzenleme sayfası oluştururken 20-25 dk uğraşacağım yerde sadece 2dk 'da veri düzenleme sayfası yapabiliyorum. Büyük kolaylık değil mi?
Veri tabanı olarak ise neredeyse her zaman mysql kullanıyorum. Sadece bazı asp.net projelerimde mssql kullanıyorum. Access'i hiç tartışmıyorum bile :).
İşte bu durumları göz önüne alaraktan söylüyorum, tasarımın önü açık. :)
Genel Yayın İçeriği Hakkında Bilgilendirme
Neleri yayınlayıp neleri yayınlamayacağıma bir karar vermem gerekiyordu. O yüzden bu yazıyı yazıyorum. Her zaman olduğu gibi bu seferde genel yayın konumuz bilgisayar ve internet olacak. Daha çok programlama eğitimlerine yer vereceğim. Yeni başlayanlar için eğitim makalelerim olacağı gibi, orta ve üst seviye için küçük püf noktalarına değineceğim. Anlatacağım programlama dilleri C,PHP,C# olacak. Ayrıca ADOBE Dreamweaver,Fireworks,Flash,Photoshop,Flex,After Effects eğitimlerinide yayınlayacağım. Bu eğitimler video şeklinde olacak :). Kulağınıza ilginç geldi değil mi? Ben ve Video. Yayınımda sadece bilgisayar ilgili olmayacak tabiki. Arada sırada kişisel gelişim hakkında bildiğim kadarıyla :) yazacağım. Kendi yazdığım şiirleri, denemeleri de yayınlayacağım. Artık bir değişiklik yaparak sadece kendim olanları değil başkalarının yazmış olduğu hoşuma giden şeyleride yayınlayacağım. İnşaallah daha faydalı olabilirim...
1 2 [3] 4