13 Şubat 2017 Pazartesi

Html temel içerik


Html temel içerik

Basit bir web sayfasının görünümü şöyledir:
<html>
<head>
…. (Sayfayı tanımlayan kodlar.)
</head>
<body>
… (Sayfanın içeriği: metin, resim vb.)
</body>
</html>

HTML HyperText Markup Language kelimelerinin ilk harflerinden oluşur. Hipermetin İşaretleme Dili diye Türkçeleştirilebilir. HTML de web tarayıcısına tag (etiket) denilen komutlarla istekler bildirilir. Etiketlerle verilen komutlar web tarayıcısı tarafından yorumlanır ve görüntü oluşturulur. Etiketlerin yapısı şöyledir:
<etiket özellik1(Parametre1)= "değer" özellik2="değer" özellik3="değer">… </etiket>
Etiketler genelde <etiket …> şeklinde açılıp </etiket> şeklinde kapatılır. Ancak kapatılmayan etiketler de vardır. Etiketleri bir örnekle açıklayacak olursak:
<otomobil marka="tofaş" model="dogan" uretim_tarihi="2003" renk="beyaz">
Bunlarla “2003 yılında üretilmiş, doğan model beyaz renkli tofaş bir otomobil istiyorum” demiş oluruz. Gerçek bir örnek verecek olursak:
< font face="verdana" size="4" color="red" align="center">Paragrafın içerdiği metin</font>
Bu kodlarla da şunu demiş oluruz: “Yazacağım metnin yazıtipi verdana , boyutu 4, rengi kırmızı olsun ve ortaya hizalansın.”


Başlıca HTML etiketleri





HTML (Hyper Text Markup Language)

HTML (Hyper Text Markup Language) internet üzerinde web sayfası oluşturmak için kullanılan bir betik dilidir.
HTML dosyalarının aktarımı için HTTP (Hyper Text Transfer Protocol) kullanılır.
HTML dosyaları sunucu bilgisayarın sabit diskinde .html ya da .htm uzantısı ile saklanır.
Html kodları düz yazı dosyalarından oluşmaktadır.
Bir siteye girdiğimiz zaman bize görüntülenen ilk sayfa index.html, index.htm, index.asp, index.php ya da default.htm dosyalarından birisidir. index.*
Dosyalar UNIX ve türevi sunucu sistemler, default.htm dosyasıda WinNT ya da türevi sistemler için giriş sayfası olur.
Yukarıda saydıklarımın dışında uzantısı değişik birçok biçemdeki sayfalar da sunucu sistemin ayarları değiştirilerek giriş sayfası yapılabilir.

Html’in Yapısı
HTML öğrenmesi oldukça basit ve yaratıcılığa fazla açık olmayan bir dildir.
Basittir çünkü, internette gezinirken görüntülediğiniz sayfaların hazırlanırken kullanılan teknikleri öğrenmemiz mümkündür (Sayfanın üzerinde farenizin sağ tuşuna bastıktan sonra Kaynağı Görüntüle seçeneği ile).
Beğendiğiniz tasarımları kendi sayfanızda kullanabilir, bu tasarımların hangi html kodları kullanılarak yapıldığını öğrenebilirsiniz. bilinmesi gereklidir!
Yaratıcılığa fazla açık değil dedim çünkü html ile yazdığınız sayfalar PHP, ASP, ColdFusion, CGI... gibi web programlama dilleri kullanılmadan statik html dışına çıkamaz.
HTML kodlarını yazmak için özel bir düzenleyiciye ihtiyacınız yoktur. Bu iş için Windows altında NotePad ya da DOS-Edit, Linux altında pico, joe ya da vi gibi metin düzenleyicileri yeterlidir.
HTML sayfalarınızı kod yazmaksızın FrontPage, Netscape Composer gibi programlarla da hazırlayabilirsiniz. Yalnız bu programlar kullanılarak hazırlanan sayfalar genellikle belli bir çerçeve içinde olduğu için zaten dar olan HTML’nin üreticilik alanını daha da daraltmaktadır.
Bunun yanı sıra HTML’yi kod düzeyinde bilmenin kullanıcıya her zaman fayda getireceği de unutulmamalıdır (İleriki bölümlerde değineceğim Dinamik Web Tasarımı için HTML’nin kod düzeyinde


Web sayfası <html> etiketi ile başlar ve </html>  ile biter. İki bölümden oluşur.
<head> …. </head>: Bu bölümde sayfa ve sayfayı hazırlayan kişi vb. konularda bilgi verilir. Burada yazdıklarımız sayfanın görünümünü etkiler, ancak sayfada görüntülenmez.

Örneğin; <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9"> koduyla sayfasının karakter kodlamasının hangi dil ile olacağını belirtmiş oluruz. (“iso-8859-9” ve “windows-1254” sayfanın Türkçe karakterlerle görüntüleneceğini belirtir.)

<title>…</title> etiketi de web tarayıcısının başlık çubuğunda görüntülenecek metni belirler.

<meta name="author" content="Hazırlayan"> Sayfayı hazırlayan veya sahibi olan kişi veya kuruluşu belirtir.
<body>…</body>: Sayfada görüntülenecek metin, resim, tablo vb. nesnelerin bulunduğu bölümdür.

30 Ocak 2017 Pazartesi

Hangi popüler siteler hangi platformlarda çalışıyor?

Aşağıda bulunan tabloda Dünya'da en çok bilinen ve en çok kullanılan web sitelerinin temelde hangi teknolojileri kullandıkları listelenmiştir.

Kaynak: http://www.comentum.com/php-vs-asp.net-comparison.html

26 Ocak 2017 Perşembe

Yazılımlarınızı satarak yada Yazılım İşi Alarak Para Kazanın

Freelancer çalışan insanlar; herhangi bir yere bağlı olmadan genellikle internetten aldıkları işleri belirlenen bir sürede ve fiyatta  yaparak gelir elde eden kişilerdir. İş bulma kanallarından en önemlisi ise bu için geliştirilmiş web siteleridir. Bu sitelerden en önemlileri hakkında bilgiler aşağıda verilmiştir.

 1-) Mevcut Yazılımınızı Kodları ile Beraber Satarak Gelir Elde Edin

Yazılımlarınızı yada tasarımlarınızı (ürünlerinizin çok kapsamlı olmasına gerek yok) CodeCanyon isimli sitede açacağınız bir markete ücretsiz olarak ekleyip istediğiniz fiyattan (isterseniz 2 $ istersenizde 50$) satabilirsiniz. Bunun için CodeCanyon sitesine kolayca kayıt olup, Become a Author dedikten sonra aşağıdaki videoyu izleyerek uygulamanızı merkete ekleyebilirsiniz. Sonrasında satılan ürünlerinize göre gelir elde edebilirsiniz. (En çok kazananların ayda 20.000$ kazandığını söylenmektedir.)

2-) Yazılım İşi Alara Gelir Eldeedin

FreeLancer
Dünya'daki en büyük (12 milyondan fazla kullanıcısı bulunan) iş alma ve iş verme sitesi olan FreeLancer üzerinden de yazılım işi verebilir yada yazılım işi alabilirsiniz. On Milyonlarca dolarlık yazılım projesinin bulunduğu siteye kayıt olduktan sonra bilgi birikimizi ve yazılım becerinizi sisteme girerek sahip olduğunuz beçerilerinize göre işler alabilir (yapamayacağınız işlere talip olmayın) ve yaptığınız işlere göre gelir elde edebilirsiniz. Sitenin ana ekranları Türkçe dil desteği barındırsa da, alacağınız işler ile ilgili olarak yazışmanız gerekeceği için İngilizce bilginizin olması gerekmektedir. Türkiye'den yazılım projesi verenlerinde yer aldığı site üzerinden oldukça büyük mikrarlarda gelir elde etmeniz mümkün.( Hintliler ve Pakistanlılar ciddi fiyat kırıyorlar). Dünya'daki yazılım tirentlerini ve yazılım projeleri hakkında bilgi sahibi olmak için bile kullanılabilecek bir alternatif olan FreeLancer sitesi, yazılım ile ilgilenenlerin bilmesi gereken bir web sitesi olarak görülmektedir.


Aynı fikir ile oluşturulmuş başka bir web sitesi:https://www.toptal.com/

Benzer bir içeriğe sahip bir başka iş alma sitesi https://www.upwork.com/i/how-it-works/client/

3-) Yazılımları Test Ederek Gelir Elde Edin

TestBirds

TestBirds sitesi; website testti yada mobil app testti yapabileceğiniz bir web uygulamasıdır. TestBirds sitesi kullanılarak gelen testleri (işleri) belirlenen zaman içerisinde yaparak ücret kazanmak mümkün (test ağırlığına ve zorluğuna göre ücret değişmektedir.) Yapılan testlerin kabulüne göre en az 5 Euro kazanılmakta. Uygulama içerisinde hata bulursanızda ek ücret olarak hesabınıza yansıtılmaktadır. (10 Euro mimimum para çekme limiti.) Çekme isteği verildikten sonra kazandığınız tutar direk olarak banka hesabınıza yansımakta.



Bu site kullanılarak aylık 100 Euro gibi bir ücret kazanılabilir. Ayrıca yazılım testleri yapılarak kazanç elde etmek için kullanılacak çok sayıda alternatif web uygulamasıda bulunmaktadır.

https://www.usertesting.com/ (Test başı kazanılacak tutar 10-15 Euro Testlerin tamamlanma süresi 45-60 dakika, sistem tarafından küçük bir sınava tabi tutulduktan sonra para kazanmaya başlıyorsunuz.)

https://www.userlytics.com/tester-signup (Test başı ücret; 10$ ile 100$ arası. Sistemde bulduğunuz her ilave hata için ek üçretler kazanabilirsiniz.)

https://www.userlytics.com/tester-signup (Aylık 200$ kadar ücret kazanabileceğiniz başka bir test plantformu)

(Mobil uygulamaları veya web sayfalarını test ederek use caseler tamamlayarak para kazanabileceğiniz bir başka sistem aylık 100$ kazanabilirsiniz.)

(Her bir test için 10$ kazanabileceğiniz bir sistem. Mobil uygulamaların testti için geliştirilmiş bir yapıya sahip. Her bir test için 10$ kazanabilirsiniz testlerin yapılış süresi 45-60 dakika  arasında değişmektedir.)


4-)Tasarımlarınızı Satarak Gelir Elde Edin

https://99designs.com/ sitesine ücretsiz kayıt olarak yaptığınız tasarımları burada satışa çıkarabilir yada gelen tasarım işlerini alarak gelir elde edebilirsiniz.


5-)Diğer Alternatifler


Yukarıdaki pekçok alternatifi hatta daha fazlasını bünyesinde bulunduran başka bir web sitesi alternatifi. Ödeme için paybal hesabı yurtdışından açılmalıdır. https://www.fiverr.com/


Evden herhangi bir iş yerine gitmeden para kazanabileceğiniz bu siteler ile ilgili eklemelerimiz devam edecektir.


 


Uzaktaki Bir Bilgisayarı Kontrol Etme Yazılımı

TightVNC'nin server versiyon kurulumu yapıldıktan sonra, daha önceden TightVNC'nin client versiyonu kurulan uzaktaki bir bilgisayara bağlanabilirsiniz. O bilgisayarın masaüstünü görebilir, uzaktaki bilgisayarın mouse ve klavyesini kontrol edebilirsiniz. TightVNC; hem kişisel hem de ticari kullanım için uygundur. Ücretsiz bir yazılımdır. Yazılımın kaynak kodu mevcuttur. TightVNC'yi bilgisayar yönetimi, teknik destek, eğitim vb diğer pek çok amaç için kullanılabilir. Farklı işletim sistemleri barındıran bilgisayarlara da bağlanabilme özelliği bulunmaktadır. Yazılımın web adresi http://tightvnc.com/

Bu amaçla kullanılabilecek bir başka alternatifte TeamView programıdır. O programıda https://www.teamviewer.com/en/ sitesinden indirebilirsiniz.

Scribus

Scribus, farklı bir text editör arayanların tercihi olabilecek bir text layout dizayn programıdır. Özellikle Linux kullananların bildiği bu yazılımını, Windows kullananlar da indirebilir. Açık kaynak kodlu olan ve pek çok farklı formatı destekleyen bu yazılım ile ilgili detaylı bilgi almak için https://www.scribus.net/sitesini ziyaret edebilirsiniz.

Video Editleme Programı

VSDC ücretsiz bir video editleme programıdır. Ücretsiz olarak http://www.videosoftdev.com/free-video-editor sitesinden indirilip kullanılabilir. Basit ve kolay bir kullanımına sahiptir.

Xmind ile Profesyonel Çizelgeler Oluşturun

Xmind aklınızdaki düşüncelerin çizimlere dönüştürülmesini sağlayan oldukça kapsamlı bir araçtır. XMind organizasyon şeması oluşturmasının yanı sıra, mantık şemaları, grant chart oluşturmaya da yarayan bir araçtır. Bu aracı ücretsiz olarak http://www.xmind.net/ sitesinden indirebilirsiniz. Sürükle bırak yaklaşımı ile çok çeşitli görsel semaların oluşumu için kullanılabilecek güzel ve yararlı bir yazılım.

X-icon ile Icon Oluşturma

Oldukça kolay bir kullanıma sahip olan X-icon sayesinde uygulamalarınızda kullanacağınız iconları kolayca oluşturabilirsiniz. İsterseniz farklı uzantılardaki resim dosyalarını sisteme yükleyerek icon dosyalarına dönüştürebilirsiniz. Dört adımdan oluşan basit ve sade bir uygulama olan X-icon web uygulamasına http://www.xiconeditor.com/ sitesinden erişebilirsiniz. Oluşturduğunuz icon dosyalarını Export ederek kendi bilgisayarınıza kayıt edebilirsiniz.