Sayfalar

20 Temmuz 2014 Pazar

HTML kodlarının prensibi

HTML kodlarının söz-dizimi 

Bir önceki dersimizde hatırlarsanız ilk HTML kodumuzu yazdırmıştık. HTML, HEAD ve BODY etiketlerine sahipti. Bu üç etiket HTML kodunuzda olmazsa olmazdır. HTML ile dili tanımlarsınız, head ile sitenin görünmeyen kısımlarını oluşturursunuz ve body ile de sitenin kullanıcılar tarafından görülecek kısmını dizayn edersiniz.

Biz şuanlık body kısmıyla ilgileneceğiz, <p> etiketini paragraf anlamında tanımlamıştık. HTML'daki her etiketin bir amacı vardır, <p> etiketi bizim paragraf oluşturarak yazı yazdırmamızı sağladı. <p> etiketi kullanmadan direkt olarak yazabilirsiniz ama bu günümüz HTML kurallarına ters düşer. Etikerler < ve > kullanılarak yazılır.

Ayrıca kapatılması gereken her etiket "/" kullanılarak kapatılır. <p> etiketini </p> kullanarak kapattık. <b> yazmış olsak </b> yazarak kapatacaktık. Kısacası her etiketin kapatılması, o etiketin sonuna / ekleyerek mümkün olur. Daha kolay anlamak için tırnağa özellik gözüyle bakabiliriz, özelliğin içine değeri gireriz. <p>Merhaba</p> de merhaba değer, <p> etiketi özelliktir.

Özelliği aynı zamanda <body> etiketine de verebilirsiniz. <body bgcolor="red"> yazarak sitenin arkaplanını kırmızı yaparsınız. Kafanız karışabilir, bgcolor yazdıktan sonra etiketi niye kapatmadın diye sorabilirsiniz. Çünkü kod satırımızda zaten </body> yazarak kapatmıştık.
<html>
<head>
</head>
<body bgcolor="red">
<p>Merhaba</p>
</body>
</html>

HTML'a başlamak

HTML'a başlamak

HTML(Hyper Text Markup Language) Tim Berners-Lee tarafından CERN'de işaretleme dili olarak 1990 yılında çıkartırırmıştır. Genel amacı dökümanlarını paylaşmak olarak hazırladığı işaretleme dili HTML'ın en son kullanılan sürümü HTML5'dır. HTML, günümüzün internetini ayakta tutan en büyük temellerden birisidir.

HTML etiket sistemi ile çalışır ve bir programlama dili değildir. İstisnalar haricinde ancak bir tarayıcı üzerinde çalışabilir, uzantısı .htm veya .html olarak kaydedilir. Günümüzün teknoloji dillerine nazaran oldukça kolay olduğu için gelişmiş bir text editor'e ihtiyaç duymaz, not defterinde rahatlıkla yazılabilir.

HTML'ı deneyin

HTML'ı denemek için ekstra bir kurulum yapmanıza gerek yok, bir metin belgesi açın ve altta yazan kodları yazın, sonrasında ise farklı kaydet seçeneğinden uzantısını .html veya .htm uzantısıyla istediğiniz ismi vererek kaydedin (örnek olarak index.html)
<html>
<head>
</head>
<body>
    <p>Fujitaz Blogspot</p>
</body>
</html>

Kaydettikten sonra kaydettiğiniz yere giderek çift tık ile açın, eğer tarayıcınızda yeni bir sekme açılıp "Fujitaz Blogspot" yazdıysa tebrikler, ilk sitenizi oluşturdunuz.


11 Mayıs 2014 Pazar

Türkçe kaynaklar ayağınıza kadar geldi hanım! (Türkçe Kaynaklar)

Herkese merhaba arkadaşlar, bu yazıda benim kullandığım siteleri size göstermeye çalıştım. Hem yer-imlerim yerine burada dururken daha derli-toplu olsun, hemde bir nebze de olsa size yardımım olsun istedim. 50'ye yakın veya daha fazla kaynağı yazmaya başladım alta. Hepsi Türkçe, ücretli ve ücretsiz olarak ikiye ayırdım birde. Gerçi Youtube'da istediğiniz programlama dili + "dersleri" kelimesini yazdığınızda bir çok video çıksa da ne yazık ki büyük bir çoğunluğu 5-10 video çekilip bırakılmış seriler. Benim hazırladıklarım gerek yazılı, gerek videolu olarak bayağı uzun devam eden ve sizi en az orta seviyeye oluştura bilecek kaynaklar! ^^

İngilizce'niz varsa direkt olarak bu konuyu kapatıp Google'a istediğiniz dil + "tutorial" cümlesini yazmak sizi büyük bir arşive yollar. Bilgi olarak cidden çok fazla bilgi var, bende yabancı kaynaklara bakıyorum hep fakat yararlı olması açısından bunları paylaşmayı çok istedim. Dediğim gibi, milyonlarca yabancı kaynak var. Cobol'dan tutun Winbatch'a kadar her şeyi bulabiliyorsunuz. Eğer isterseniz ne kadar bariz kaynaklar olsa da bununda bir arşivini yapabilirim.


Bu arada arkadaşlar kesinlikle reklam için yazmıyorum, sonuçta hepsi babamın oğlunun siteleri değil. Bilmeyen kişiler öğrensin, bilgi çoğalsın diye. Bu arada başında yıldız bulunanlar benim favorilerim, gerçi hepsi favorim fakat ilk olarak onlardan bakmaya başlamanızı öneririm. Not olarak bunu 2014'ün Mayıs ayının ortalarında puslu bir İstanbul akşamında hazırladım. Belki bunu 2016 yılından okuyacak kişiler falan vardır ^^ Siteler kaldırılmış olabilir ya, ama neyse 2014'ün keyfini yaşayın siz.

2014 Ücretsiz Türkçe Kaynaklar -

HTML5 ve CSS3: http://www.youtube.com/playlist?list=PLWctyKyPphPgllQpbeVEzqU721R3WFY1W

* CSS3 ve Git(E-kitap mevcut): http://fatihhayrioglu.com/css-dersleri/

Autocad: http://www.youtube.com/playlist?list=PLWctyKyPphPjxo6xsMkqGciKHAbcPWCva

3Ds Max: http://www.youtube.com/playlist?list=PL4AC9C7E9F2F3CAC4

* Adobe CS4 Fireworks, Dreamweaver, Flash, Illustrator, Acrobat, InDesign, Photoshop, Visual Studio, Network +, Autocad, MySQL, PHP(Cidden PHP olarak çok büyük bir arşiv) http://www.youtube.com/user/EgitimSanati/videos

* Python: http://www.istihza.com/

PHP, Microsoft Office, Actionscript 3.0, HTML5, C#, .Net, Unity 3D, Quark, Adobe Connect, Adobe Fireworks CS6, Adobe Flash CS5, Adobe Illustrator CS5, Adobe Photoshop CS6 & CS5:
http://kursiyernet.meb.gov.tr/

Java, Android, iOS, Microsoft Office 2013: http://www.turkcell.com.tr/akademi/kategori/teknoloji

Adobe Fireworks, Flash, Dreamweaver, Audacity, Premiere Elements: http://yazarlikyazilimi.meb.gov.tr/egitim/

* Neredeyse her yazılım dili için eğitim var: http://www.sanalkurs.net/

* Neredeyse her yazılım dili için eğitim varhttp://www.cizgi-tagem.org/

PHP nesne yönelimli programlamahttps://www.udemy.com/php-nesne-yonelimli-programlama/?sl=E0F0cDFTKitDGk9j&dtcode=d7wvbf5s

HTML: https://www.udemy.com/course-html101/

Java: http://www.youtube.com/watch?
v=QmwC_p0OGmI&list=PL843ECFB656DCE163

Web Premium CS3 & CS4, Macromedia Studio 8: http://uzaktanegitim.meb.gov.tr:8050/

.Net, C#, Ado.NET, Windows 8: https://www.acikakademi.com/portal/default.aspx

* Adobe'nin tüm ürünleri: http://www.adobegunlugu.com/

* CS6 After Effects CS6, Audition CS6, Java & JSP, Wordpress, Adobe CS4(Tüm Programları), Cisco, Arduino, Home Network Builder ve diğerleri: http://www.youtube.com/user/cizgitagem

Java SE, Android: http://www.universiteplus.com/

Ruby(Henüz gelişim zamanında): http://www.rubydersleri.net/ruby-dersleri

Java: http://www.javauzmani.com/

C++: https://www.youtube.com/playlist?list=PL14A2BD5C50C91ADB

Javascript Garden: http://bonsaiden.github.io/

Java: http://www.javaturk.org/

C#: http://www.csharpnedir.com/articles/


2014 Ücretli Türkçe Kaynaklar -

Çoğu dil için eğitim: http://www.ogretiyor.com/

* Çoğu dil için eğitim: http://www.vidobu.com/

Çoğu dil için eğitim: http://www.videmy.com/Default.aspx

Çoğu dil için eğitim: http://www.sahneakademi.com/

MySQL, PHP, CSS ile haber sitesi kodlama: https://www.udemy.com/gorseltv-kendi-haber-siteni-gelistir-giris/?dtcode=f22iwl7d

Dreamweaver CS6 blog oluşturma: https://www.udemy.com/gorseltv-kendi-blogunu-olustur-1-kisim/?dtcode=x5h63rur

jQuery: https://www.udemy.com/gorseltv-jquery-giris-gorsel-egitim/?dtcode=r8v6ch33

Django: https://www.udemy.com/django-framework-dersleri/?dtcode=ju398uk8

iOS: https://www.udemy.com/objective-c-programlama-dili-egitimi/?dtcode=11fybfli

Ado.NET: https://www.udemy.com/yeni-baslayanlar-icin-adonet-hakkinda-hersey/?dtcode=1d1cfphr

C: https://www.udemy.com/c-programlama/?dtcode=rzwcmz39

Javascript: https://www.udemy.com/egitim-videosu-izle-sifirdan-profesyonel-javascript-ogreniyorum-1/?dtcode=pjctleje

HTML: https://www.udemy.com/herkes-icin-seviye-yazilimcilar-ve-web-gelistiriciler-icin-html/?dtcode=2wtf5i21

Ağırlıklı olarak PHP ve diğer dillerde var: http://pro.phphocam.com/

*Yazmadan edemiyorum, İngilizce'niz olmasa dahi sırf örneklere bakarak öğrenebileceğiniz harika bir site.
http://www.w3schools.com/default.asp (Çoğu yazılım dili var.)

23 Nisan 2014 Çarşamba

#1 Manga çizimine başlamak - Malzemeler ve Eğitim

Öncelikle yazıya geçmeden önce herkese merhaba demek istiyorum. Üşengeç birisi olarak kendimi toparlayıp yazabildiğim ilk yazı bu olacak. Manga çizimine son 3 aydır ilgi sardım, her ne kadar usta olmasam da en azından malzemeleri öğrendim diyebilirim sanırım.

Aslında manga çizmek istiyorsanız bunu kırtasiyelerde bulabileceğiniz 50 kuruşluk kalemle dahi yapabilirsiniz. Fakat eğer böyle bir şeyi söyleyecek olsam, direkt olarak 50 kuruşluk kalem ve silgi alın derdim(GÜLSENİZE?). Sonuç itibariyle bu yazıyı yazmamın amacı insanlara yardımcı olmak ve BİR HAYLİ geniş bir rehber hazırlamak, allahu akbar vuuhuuuv!



Aşağıda gördüğünüz resimde HB kalem uçlarının arasındaki ton farkları resimlerinize gölgeler vermenizi/ayrıntıya inmenizi sağlar. H'den B'ye kadar koyuluğu artar, sertliği azalır. B'nin açılımı black, H'nin açılımı hard, F'nin açılımı fine. Resim çizenler genellikle HB veya H ile başlayıp sonra 6B, en sonda 8B veya 9B ile üstünden geçerler. Tabii diğer tonlarda bunun gölgelendirme görevini görür. Manga çizimleriniz için şuanlık; 9B, HB ve 5B'yi toplamda 6TL'ye alabilirsiniz. Tabii geliştikten sonra g-pen'in gücünü göreceksiniz.


G-pen, Japonya'daki mangakaların kullandığı ince uçlu, eskilerden kalma gerçek kalemlerdir. Mürekkep ile kullanılan g-pen'e alışması zor, kullanması kolaydır. Mangaya istediğiniz gibi ton verebildiğiniz bu kalemlerin çizim boyutunu dahi manuel olarak ayarlayabiliyorsunuz. 

Eğer G-pen bulamazsanız(Türkiye'de var mı bilmiyorum.) ve internetten sipariş edemeyecekseniz onun alternatifleri olan brause kalemlerden kullana bilirsiniz. 18TL gibi bir fiyata satılan brause kalemleri çiziminizi bitirdikten sonra üstünden geçmek için kullanıyorsunuz, kullanımı oldukça zevkli. (Şahsen ben kullanıyorum 2 gündür, bayıldım!)

Brause kalemler bu şekilde, g-pen'e eliniz alışmadıysa buna alışmanız uzun sürmüyor.
Tabii brause'u tek başına sipariş etmeniz bir işinize yaramaz. Yanında çini mürekkebine de ihtiyaç duyacaksınız, 10TL'ye Talens Indian kullanıyorum ben. Şuan piyasada en uygunu o, güzel olarak kullandığınız zaman ömürü bir hayli uzun oluyor

- Çizim Kağıtları

Sketchbook olarak adlandırılan bu defterlerde vardır, Türkçe olarak eskiz defteri diye çevirebiliriz sanırım. Bu defterlerin yanında sanatsal kağıtlar olarak geçen kağıtlarda vardır profesyonellerin kullandığı ki şuan bu kağıtlar yeni başlamış amatörlerin işini zorlaştırmaktan başka bir işe yaramaz. 

Fakat eğer bu kadar meraklıysanız ve almak istiyorsanız size kullandığım Lutart Drawing Book'u önerebilirim. Kendim almadım bu arada, hediye olarak geldi bana. Fakat memnun musun diye sorarsanız, evet kesinlikle memnunum diyebilirim. Renkleri ve tonları daha iyi yansıtmasının yanında gölgelendirme yaptığınızda onların ve ince ayrıntıların gözükmesini göze batmadan sağlıyor. 


Lutart Drawing Book alamasanız bile 3TL gibi bir fiyata 50-100 sayfa aralığında defterler almalısınız, bu defterler sizin eskiz defteriniz(sketchbook) olacak. Sketchbook'unuzun küçük ve uzun olmasını öneririm ben, her daim yanınızda taşımalısınız, eğer bunu okuyan kişi bir hanımsa çantasında rahatlıkla taşıyabilir. Yanınızda sürekli taşımanızı istememin sebebi kendinizi geliştirmenizin en büyük yöntemi çizmenizdir. Her boş anınızda çizmelisiniz, cin-ali dahi olsa eskiz defterinize çizin ki ilerki çizimlerinize bakıp gelişmelerinizi görün. 



- Çizim Setleri

Faber Castell'in ürettiği manga kalemleri dünyada daha çok yeni kullanılmaya başlandı. Mangaya özel olarak üretilen setlerin içinde 8 tane tonlama kalemi bulunan PITT Artist Pen Manga Set'ler var. Ortalama 20TL'ye satılan bu setleri genellikle D&R'dan veya internet üzerinden bulabilirsiniz. Kalemler setin içinde 3'ü siyah, 5'i gri olarak bulunuyor. 



Boya olarak Copic Sketch Marker'ler var. Oldukça ayrıntılı versiyonları da varmış, mangakalar genellikle boyaları kendileri yapmaz, onun yerine asistanları yapar. Mangaka asistanlarının en çok kullandığı boyalar bunlar. 



Aşağıdaki resimlerde gördüğünüz gibi taramaları yapabilmeniz için eğer elleriniz bir çizim makinesi değilse cetvele ihtiyacınız var. Aşağıda gördüğünüz gibi burun, alın, ince gölgelemeler kısmını bunlarla yapacaksınız. Pek pahalı değil tabii, hepimizin okul hayatında kullandığı/kullanmış olduğu bu cetvelleri kırtasiyelerden rahatlıkla bulabilirsiniz. 






- Çizim Eğitimi

İnternette bu konuda bir çok site/döküman var. Sıra-sıra bir mangayı nasıl çizebileceğinizi dahi anlatıyorlar, fakat manga çizimine başlangıç için bu kitabı size önerebilirim. Türkiye'de en çok bilinen ve Türkçe'ye çevirilen nadir manga çizimi kitaplarından, ismi "Yeni Başlayanlar için Manga", 17TL'ye kitapyurdu'ndan sipariş edebilir veya en yakın D&R'dan alabilirsiniz. 



Manga çizimi için Türkçe'ye çevrilmiş ilk kitap. Fakat manganın yanında karakalem içinde kitaplar var, manga ile bağdaştırması çok zor olmayan bu kitapları çoğu ressam şiddetle öneriyor. Çizimin Sırları, Çizim Sanatı Serisi, Herkes Çizim Yapabilir, Temel Çizim Teknikleri... gibi kitapların arasından konularını inceleyip size en uygun olanını alabilirsiniz.


Eğer alacak durumum yok diyorsanız internet siteleri olarak benim gelişmemde en büyük rol oynayan sitelerin linkini altta listesini hazırlamaya çalıştım.

1- DeviantArt
2- Anime.gen Çizim Dersleri
3- Hobicraft - Hayvan Çizimleri
4- Hobicraft - Manga Karakter Çizimleri
5- Dragoart
6- How to Draw Manga
7- Manga Tutorials
8- Howcast
9- Easy Drawing Tutorials

Bu listeyi güncel tutmaya çalışacağım, şuanlık yer-imimde olanlardan ekledim.