23 Ağustos 2015 Pazar

Web Site Klavuz 2




İlk yazımızda web sitesinin nasıl bir yapı ile hayata geçebileceğini anlatmıştık. ( WebSite Kurulum Klavuzu )

Şimdi ise web sitemizin yapım aşamasında ihtiyaçlarımız neler ? Hangi bilgi ve becerilere sahip olmamız gerekmektedir. Bu konular hakkında mümkün olduğunca teknik terimler kullanmadan anlatmaya çalışacağım.
Web Sitemizi hazırlamamızın bir çok yolu olduğunu söyleyerek başlayalım.Ancak muhakkak bir kaç kod öğrenmemiz şart ama sakın gözünüz korkmasın :) Bu kodları öğrenmemizin amacı sadece aradıklarımızı rahat bulabilmemizi sağlaması için yani şöyle düşünün bir arabamız var ve aracımızın silecek suyu bitti işte bu silecek suyunu nereden dolduracağımızı bilmemiz gibi düşünün tabi ki tamamen kodlara hakim olabilmenizi isterim böylece biraz önce verdiğimiz örnek üzerinden bakarsak bu size aracınızla hiç yolda kalmamanızı ve gitmek istediğiniz yere rahatça ulaşabilmenizi sağlayacaktır.
Merak etmeyin ilerleyen dersler de yavaş yavaş her konuya vakıf olabileceksiniz.

Gelelim sizlere korkutacak ilk kodlara :)

 <html>
<head>
<body>

İşte korku salan ilk kodlarımız bu kadar evet yanlış duymadınız bu kadar bu yazılı 3 kod parçası web sitemizin olmazsa olmazı burada dikkat etmemiz gereken en önemli unsur açtığımız tagları kapatmamız gerekiyor.

 Örnek :
Açıyoruz         <html>
Kapatıyoruz   </html>

Şimdi de sitemizin temel taşını oluşturan kodların açma kapama işlemlerini gösteren yapıya bakalım;

<html>
<head>
</head>
<body>
</body>
</html>

Bugünlük bu kadar kodlama ve ders yeterli bir sonraki dersimizde görüşene kadar hoşcakalın.


12 Ağustos 2015 Çarşamba

Forum Rank Spor V.01



Merhaba arkadaşlar bugün sizlere özellikle spor ile ilgili forum sitelerinde kullanabileceğiniz tasarımı sitemize ait olan rank paketini paylaşmak istiyorum. Daha önceki yazılarımda da belirttiğim üzere bu tasarıma ait psd dosyası tamamen ücretsizdir. Kaynak belirtmek koşulu ile dağıtım ve paylaşım yapılabilir ancak kazanç elde etmek üzere dağıtım ve paylaşım yapılması tamamen yasaktır.

İyi ve mutlu günlerde güzel paylaşımlar için kullanmanızı temenni ederim. Çorbada bir tutam tuzumuz olması bizlere büyük bir mutluluk vermektedir.

Bir başka ders ve paylaşımda buluşmak üzere ;

Forum Rank - Spor V.01 İndir
 

31 Temmuz 2015 Cuma

Photoshop Button Yapım Dersi - 01


Photoshop Buton 01

İlk dersimizde Adobe Photoshop Programı ile Buton Yapımına başlıyoruz.Ders içerisinde uyguladığımız effect - renk ayarlarını kendi zevkinize göre değiştirebilirsiniz.Sorularınızı yorum bölümünden sorabilirsiniz.

Adobe Photoshop CC
20 - 30 Dakika
Temel - Orta

Buton 01 adında 500 px 350 px boyutlarında aşağıdaki resimde belirtilen özelliklere sahip yeni bir dosya açıyoruz.


Şimdi background yani zemin yapımına başlayalım.
( Paint Bucket ) Boya aracını kullanarak zeminimizi renklendirelim ben #262626 renk kodlarını kullandım sizler isterseniz farklı bir renk kullanabilirsiniz.


Şimdi zeminimiz de kumlu bir effect oluşturmak için Filter/ Noise/Add Noise yolunu izleyerek aşağıdaki resimde bulunan effect ayarlarını uygulayalım.

Amount bölüm değerini azaltıp yükselterek effect özelliklerini inceleyiniz.


Şimdi butonumuzu yapmaya başlıyoruz.Yeni bir Layer ekleyelim ve Rectangular Marquee Aracını kullanarak istediğimiz boyutlarda bir diktörgen çiziyoruz.Paint Bucket ( Boya Kovası ) aracını kullanarak diktörgen şeklimizi renklendiriyoruz.Effect uygulayacağımız için dolgu rengi çok önemli değil ama ben gri tonlarda bir renk uyguladım.


Diktörtgen şeklimizden biraz daha ufak boyutta bir tane daha oluşturacağız.Bunun için dikdörtgen şeklimiz seçili haldeyken Select/Modify/Contract yolunu izliyoruz açılan penceredeki Contract By boyutunu 5 px yapalım ve Ok butonuna basalım.


Diktörgen şeklimiz biraz daha ufak boyutlarda seçili halde iken CTRL+C tuş kombinasyonu ile kopyalama yapıyor takibinde ise CTRL+V tuş kombinasyonunu kullanarak yapıştırıyoruz.Bu işlemi tamamladığımızda Layer 3 adında yeni bir layer eklendiğini göreceksiniz.


Tasarımlarınızda katmanlara isim vermeniz yararınıza olacaktır.
Layer 1 katmanına "Background"
Layer 2 katmanına "alt-buton"
Layer 3 katmanına "ust-buton" ismi verelim.
İsimlendirme işlemini tamamladıktan sonra alt-buton katmanının effect işlemlerine geçiyoruz.Aşağıdaki resimlerde bulunan effect ayarlarını uygulayalım.

        ALT-BUTON LAYER EFFECT AYARLARI

Alt-Buton Katmanımızın effect işlemlerini tamamladık.
Şimdi üst-buton katmanımızın effect işlemlerine başlıyoruz.Aşağıdaki resimlerde bulunan effect ayarlarını ust-buton katmanına uygulayalım.

        UST-BUTON LAYER EFFECT AYARLARI

Eğer bütün işlemleri doğru yaptıysanız butonumuzun tasarımını bitirmiş oluyoruz.
Type aracını kullanarak buton ismi yazalım ben butonumuza DERS V DERS ismini verdim yazı karakteri olarak Calibri fontunu, renk olarak beyaz rengi, effect olarak da Drop Shadow efect uyguladım.
Bir dersimizin hatta ilk dersimizin :) sonuna geldik hepinize mutlu yarınlar dilerim.

PSD Dosyasının linkini aşağıda veriyorum. Dosyayı indirebilir kaynak belirtmek suretiyle ücretsiz olarak dağıtabilir ve kullanabilirsiniz.


PSD Dosyasını İndir...


WebSite Kurulum Klavuzu


Bugün kendimize ait bir web sitemiz olmasını arzu ettiğimizi varsayalım ; Ancak hiç bilgimiz yok ufak bir araştırma yapıyoruz ve karşımıza hiç bilmediğimiz domain , hosting , bant genişliği , sunucu vb. deyimler çıkıyor. Endişe duymaya başlıyoruz bu kadar kompleke bir olaya vakıf olamayacağımız düşüncesi ile farklı arayışlar içerisine giriyoruz. Sonucunda en basit yolu seçiyor ve bu hizmeti en uygun bedel karşılığı sağlayan kişi ve kurumlar ile görüşmeye başlıyoruz.Ama hayalimiz bu değildi neler hayal ettiğimizi birilerine anlatmak onların bizim gibi düşünmelerini beklemek sonucun da ise hayalimizin benzerini oluşturabilmek.Belki sonuca ulaştık ama bizim beklediğimiz son bu son değildi arzumuz , hayalimiz nerede ?

Bu yazımızda hayalinizi gerçekleştirebilmek için bu gibi deyimlerden endişe duymanıza gerek olmadığını teknik terimler içermeden anlatmaya çalışacağız. Yapı esasında çok basit bizler bu basit yapıyı teknik - yabancı terimler kullanarak zor ve anlaşılmayan bir hale getirmeye çalışıyoruz.

Herşeye baştan başlayalım bugün kendimize bir web sitesi kurmayı tekrar hayal edelim; Gerçekleşmesi için ilk başta bir domain adresi ve bir hosting hizmetine ihtiyacımız olacak peki bunlar şart mı ? Tabiki hayır. Ama bugün kolay olanı değil daha zor olanı seçtiğimizi varsayalım ki ne kadar basit olduğunu anlayalim.

Şimdi tüm teknik terimleri unutalım ve bu basit yapıyı üç madde halinde inceleyelim.

Web Sitemiz - Bizim Güzel Evimiz
Hosting - Evimizin bulunduğu Apartman
Domain - Evimizin Adresi

İşte yapı bu kadar basit; Aynı reel hayattaki gibi bir apartman içerisinde evimiz ve onun adresi işte bu kadar basit. Herşey bu kadar basit iken lütfen hayalinizden vazgeçmeyin.

Bu hayalinizi adım adım hazırlayacağımız dersler ile birlikte hayata geçirmek üzere hoşcakalın...




30 Temmuz 2015 Perşembe

Adobe Photoshop Button - 01 Dosyasını İndir...


Gerek Ders dosyalarımız gerekse sizlerin kullanımı için tasarladığımız grafik dosyaları başta olmak üzere birçok yararlı paylaşıma buradan ulaşabileceksiniz.

İlk paylaşımımız Grafik Tasarım Dersleri sayfamızdan da ulaşabileceğiniz Buton- 01 Dosyası indirme linki aşağıdadır.

Tüm dosyalarımızı kaynak belirtmek koşulu ile ücretsiz olarak dağıtabilir ve kullanabilirsiniz. Blokumuzda paylaşılan dosyalar üzerinden kazanç elde etmek üzere dağıtım yapılması kati suretle yasaktır.


PSD Dosyasını İndir

20 Temmuz 2015 Pazartesi

Ders ve Ders Hakkında



Merhaba

Bugün yarın derken nihayet eğitimlerimize başlama vakti geldi.Heyecan ve mutluluk duyguları içerisinde yayın hayatımıza başlıyoruz.Allah (C.C.) utandırmasın.
Öncelikli hedefimiz web - grafik vb. konularda hiç bilgisi olmayan ziyaretçilerimizin kendi web sitelerini hazırlayabilecek seviyeye getirebilmek.
Sanal dünya okyanusu içerisinde bir damla da olsa Türkçe içerikli eğitim sitelerine katkı olabilmek en büyük amacımız.
Gerek video gerekse yazılı derslerimizin tamamında hazırladığımız dosyaları indirebilecek kaynak belirtmek suretiyle bedava olarak kullanabileceksiniz.
Yararlı olabileceğini düşündüğümüz bilgi, doküman vb. içerikleri sizlerle paylaşmayı gerek reel gerekse sanalda yaşananları farklı bir bakış açısıyla yorumlamayı planlamaktayız.
Hedef ve planlamamız mevcut olmakla beraber sizlerden gelecek tespit, öneri ve eleştiriler sayesinde birlikte büyüyebilmek ve ilk başladığımız gün gibi ilerideki dönemlerde de tamamen bedava içerikleri paylaşmayı taahhüt etmek amacıyla hazırladığımız bu yazının sonuna gelmiş bulunuyoruz.

Sizlerden gelecek destek ve öneriler için şimdiden teşekkür ederiz.


Saygılarımızla,