{"id":6342,"date":"2021-10-16T15:38:12","date_gmt":"2021-10-16T12:38:12","guid":{"rendered":"https:\/\/www.veridyen.com\/blog\/?p=6342"},"modified":"2021-10-16T15:38:12","modified_gmt":"2021-10-16T12:38:12","slug":"html5-nedir","status":"publish","type":"post","link":"https:\/\/www.veridyen.com\/blog\/html5-nedir\/","title":{"rendered":"HTML5 Nedir? Nas\u0131l Kullan\u0131l\u0131r? Faydalar\u0131 Nelerdir?"},"content":{"rendered":"

HTML5<\/strong>, bir web sayfas\u0131 haz\u0131rlayabilmek i\u00e7in kullan\u0131lan ve uzun zamand\u0131r varl\u0131\u011f\u0131n\u0131 s\u00fcrd\u00fcren kodlama dillerinden biridir. HTML5, a\u00e7\u0131l\u0131m\u0131 yap\u0131ld\u0131\u011f\u0131nda Hiper Metin \u0130\u015faretleme Dili anlam\u0131na gelmektedir. G\u00fcn\u00fcm\u00fczde web masterlara b\u00fcy\u00fck kolayl\u0131k sa\u011flayan bu i\u015faretleme dili sayesinde kullan\u0131c\u0131 deneyimi son derece y\u00fcksek puanlara varan web sayfalar\u0131 haz\u0131rlamak m\u00fcmk\u00fcn olabilmektedir. Bu i\u015faretleme dili \u00fczerine d\u00fc\u015f\u00fcld\u00fc\u011f\u00fcnde k\u0131sa s\u00fcrede \u00f6\u011frenilebilen i\u015faretleme dilleri aras\u0131nda yer almaktad\u0131r. Elbette HTML5 kendi ba\u015f\u0131na bir anlam ta\u015f\u0131mamaktad\u0131r. Web sayfalar\u0131n\u0131n temelini Hiper Metin \u0130\u015faretleme Dili olu\u015ftururken, CSS3 ad\u0131 verdi\u011fimiz makyaj k\u0131sm\u0131 da web sayfalar\u0131n\u0131n \u015fekillendirilmesi i\u00e7in destek sunmaktad\u0131r. PHP ise arka planda \u00e7al\u0131\u015facak olan formlar\u0131n ya da butonlar\u0131n harekete ge\u00e7mesi i\u00e7in kullan\u0131lan bir di\u011fer unsurdur.<\/p>\n

HTML5<\/strong> ile dinamik web sayfalar\u0131 olu\u015fturulabilinirken ayn\u0131 zamanda belli komutlar vererek yeni nesil ekranlara uyum sa\u011flanmas\u0131na da yard\u0131mc\u0131 olunmaktad\u0131r. HTML ile geli\u015ftirilmi\u015f bir web sayfas\u0131 bilgisayar monit\u00f6r\u00fcndeki g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fcn d\u0131\u015f\u0131nda mobil cihazlarda farkl\u0131 bir g\u00f6r\u00fcn\u00fcme kavu\u015fur. Bu durum ise i\u015faretlemeyi yapan ki\u015fi taraf\u0131ndan yaz\u0131lan kodlar ile m\u00fcmk\u00fcn olabilmektedir. Dinamik bir yap\u0131s\u0131 olmas\u0131 nedeniyle de g\u00fcn\u00fcm\u00fczde s\u0131kl\u0131kla tercih edilmektedir. \u00d6zellikle eklenti ya da yama gibi ekstralara ihtiya\u00e7 duyulmamas\u0131 nedeniyle de kullan\u0131c\u0131 deneyimini en \u00fcst safhalara \u00e7\u0131kartmaktad\u0131r. Yeni nesil web sayfalar\u0131 haz\u0131rlamak i\u00e7in HTML5 en \u00e7ok tercih edilen i\u015faretleme dillerinden biridir. Bu nedenle de web tasar\u0131mc\u0131lar halen bu dili kullanmaya devam etmektedir.<\/p>\n

\"\"<\/p>\n

HTML5 Tarih\u00e7esi<\/h2>\n

1980 senesinde Tim Berners Lee isimli bir ki\u015fi, CERN\u2019de g\u00f6rev yaparken ki\u015filerin d\u00f6k\u00fcmanlar\u0131n\u0131 ve bilgilerini bir \u015fekilde birbirleriyle payla\u015fabileceklerine inanmaktayd\u0131. Bu sebeple de ENQUIRE ad\u0131 verilen bir sistemi \u00f6nererek \u00f6n plana \u00e7\u0131km\u0131\u015ft\u0131r. \u0130nternet taban\u0131 olan bu i\u015faretleme dilinin temelleri ise Berners Lee taraf\u0131ndan at\u0131lm\u0131\u015ft\u0131r. WWW ad\u0131 verilen World Wide Web de yine bu ki\u015fi taraf\u0131ndan olu\u015fturulmu\u015ftur. HTML, 1980 y\u0131l\u0131ndan g\u00fcn\u00fcm\u00fcze kadar uzanm\u0131\u015f ve i\u015faretleme dili olarak varl\u0131\u011f\u0131n\u0131 s\u00fcrd\u00fcrmeye devam etmi\u015ftir. Bu nedenle de dinamik web sayfalar\u0131 olu\u015fturabilmek i\u00e7in s\u0131kl\u0131kla tercih edilmektedir. HTML5<\/strong> g\u00fcn\u00fcm\u00fczde kullan\u0131lan ismidir ve sonundaki 5 rakam\u0131 zamanla de\u011fi\u015fmi\u015f ve ad\u0131n\u0131 son haliyle HTML5 olarak alm\u0131\u015ft\u0131r.<\/p>\n

Hiper metin i\u015faretleme dili<\/strong> olarak bilinen HTML5, son s\u00fcr\u00fcm anlam\u0131n\u0131 ta\u015f\u0131maktad\u0131r. Her ne kadar bir programlama dili olarak bilinse de as\u0131l i\u015fi i\u015faretleme yapmakt\u0131r. Bu dille herhangi bir program ya da uygulama yazmak ne yaz\u0131k ki m\u00fcmk\u00fcn olamamaktad\u0131r. Yaln\u0131zca belli programlar bu i\u015faretleme diline destek verdi\u011finde ortaya bir uygulama ya da yaz\u0131l\u0131m konulabilmektedir. HTML tabanl\u0131 kodlar\u0131n her taray\u0131c\u0131da sonuca ula\u015fabilmesi i\u00e7in di\u011fer unsurlarla birlikte kullan\u0131lmas\u0131 gerekmektedir. Bunlar ise CSS ve PHP gibi di\u011fer dillerdir. Bu diller de kodlar ile \u00e7al\u0131\u015f\u0131r ve ortaya dinamik web sayfalar\u0131 \u00e7\u0131kar. HTML sayesinde video oynatma, web sayfalar\u0131na g\u00f6rsel ekleme ya da SEO uyumlu yaz\u0131lar y\u00fcklemek m\u00fcmk\u00fcnd\u00fcr. HTML i\u00e7erisinde yer alan H1-H6 tagleri sayesinde i\u00e7 SEO \u00e7al\u0131\u015fmas\u0131 yapmak da m\u00fcmk\u00fcnd\u00fcr.<\/p>\n

HTML5 Ne \u0130\u015fe Yarar?<\/h2>\n

HTML5, t\u00fcm web siteleri taraf\u0131ndan okunabilen bir dil olarak bilinmektedir. Web sitelerinin \u00e7al\u0131\u015fma prensibi bu i\u015faretleme diline dayal\u0131d\u0131r. Bu nedenle de yeni nesil web sayfalar\u0131nda s\u0131kl\u0131kla bu i\u015faretleme dili kullan\u0131lmaktad\u0131r. G\u00fcn\u00fcm\u00fczde kullan\u0131lan pek \u00e7ok arama motoru HTML5 i\u015faretleme dilini s\u00fczge\u00e7ten ge\u00e7irerek sayfalar hakk\u0131nda detayl\u0131 bilgi sunmaktad\u0131r. Yaz\u0131lar, sayfalar hatta g\u00f6rseller bile HTML5 sayesinde SEO\u2019ya uyumlu hale getirilebilmektedir. Kullan\u0131c\u0131lar web sayfas\u0131n\u0131 haz\u0131rlarken kodlar\u0131n i\u00e7erisine yerle\u015ftirmi\u015f olduklar\u0131 anahtar kelimeler sayesinde web sayfas\u0131n\u0131n okunurlu\u011funu ve index h\u0131z\u0131n\u0131 da art\u0131rmaktad\u0131r. Bu nedenle de HTML5 i\u015faretleme dili dinamik web sayfalar\u0131 olu\u015fturmada b\u00fcy\u00fck \u00f6nem arz etmekte ve s\u0131kl\u0131kla kullan\u0131lmaktad\u0131r.<\/p>\n

HTML5 Nas\u0131l \u00d6\u011frenilir?<\/h2>\n

 <\/p>\n

D\u00fcnya genelinde s\u0131kl\u0131kla kullan\u0131lan ve \u00f6nemli bir yere sahip olan HTML5<\/strong>, \u00f6\u011frenilmesi kolay i\u015faretleme dillerinden biridir. G\u00fcn\u00fcm\u00fczde pek \u00e7ok kurs, HTML5 e\u011fitimi vermekte ve \u00f6\u011frenmek isteyenleri de desteklemektedir. Elbette HTML \u00f6\u011frenmek isteyen ki\u015filer bu dilin en g\u00fcncel halini \u00f6\u011frenmeli ve devaml\u0131 pratik yaparak kendini geli\u015ftirmelidir. \u0130nternet \u00fczerinden videolu kurslar vererek HTML \u00f6\u011freten belli mecralar da bulunmaktad\u0131r. \u00c7ok k\u0131sa vadede \u00f6\u011frenmek m\u00fcmk\u00fcn olmasa bile ki\u015filer HTML yan\u0131 s\u0131ra CSS3 ile basit web sayfalar\u0131 yaparak kendilerini geli\u015ftirebilmektedir. \u00dcniversitelerin belli b\u00f6l\u00fcmlerinde de HTML5 okutulmakta ve ki\u015filerin i\u015f hayat\u0131na katk\u0131 sa\u011flamas\u0131 i\u00e7in destekler sunulmaktad\u0131r. CSS3 ad\u0131 verdi\u011fimiz dil ise HTML5 ile olu\u015fturulan web sayfalar\u0131n\u0131n \u015fekillendirilmesine olanak sa\u011flamaktad\u0131r.<\/p>\n

\"\"

\u00a0<\/p><\/div>\n

HTML5 Yap\u0131s\u0131<\/h2>\n

 <\/p>\n

HTML5<\/strong> yap\u0131s\u0131ndan bahsederken bir insan v\u00fccudunu ele almakla i\u015fe ba\u015flanabilir. \u00c7\u00fcnk\u00fc HTML ile haz\u0131rlanan web sayfalar\u0131nda belli etiketler kullan\u0131lmaktad\u0131r. Body ad\u0131 verilen etiket web sayfas\u0131n\u0131n orta k\u0131sm\u0131n\u0131, footer en alt b\u00f6l\u00fcm\u00fc, header ise en \u00fcstte kalan ba\u015f k\u0131sm\u0131 ifade etmektedir. HTML5 ile i\u015faretleme yap\u0131l\u0131rken a\u00e7\u0131lan her etiketin mutlaka kapat\u0131lmas\u0131 gerekmektedir. Kapat\u0131lmayan etiketler yaz\u0131lan taglerin \u00e7al\u0131\u015fmamas\u0131na neden olacakt\u0131r. Etiketlerin hepsi k\u00fc\u00e7\u00fckt\u00fcr < i\u015fareti ile ba\u015flarken > b\u00fcy\u00fckt\u00fcr i\u015fareti ile kapat\u0131lmaktad\u0131r. Etiket kapatmak i\u00e7in b\u00fcy\u00fckt\u00fcr i\u015faretinin \u00f6n\u00fcne \/ i\u015fareti eklenmektedir. A\u015fa\u011f\u0131daki \u00f6rnekte HTML5 i\u015faretleme dili i\u00e7in bir \u00f6rnekten bahsedilebilir.<\/p>\n

 <\/p>\n

<head><\/p>\n

<title> veridyen <\/title><\/p>\n

<\/head><\/p>\n

<body><\/p>\n

<p>HTML Nedir?<\/p><\/p>\n

<\/body><\/p>\n

<\/html><\/p>\n

 <\/p>\n

HTML5<\/strong> ile web sayfas\u0131 haz\u0131rlarken hangi b\u00f6l\u00fcme ne yaz\u0131lmas\u0131 gerekti\u011fi de olduk\u00e7a \u00f6nemlidir. Head b\u00f6l\u00fcm\u00fc ad\u0131n\u0131 verdi\u011fimiz ba\u015f k\u0131sma stil kodlar\u0131, JavaScript ya da CSS gibi kodlar da yaz\u0131labilmektedir. Web sitesinin ad\u0131n\u0131n yer ald\u0131\u011f\u0131 Title etiketi de bu b\u00f6l\u00fcmde yer almaktad\u0131r. Body ad\u0131 verilen b\u00f6l\u00fcme ise g\u00f6rsel, yaz\u0131 ya da video gibi unsurlar eklenmektedir. Web sayfas\u0131n\u0131n footer b\u00f6l\u00fcm\u00fcnde ise web sitesine ait bilgiler yer almaktad\u0131r. <footer> tagi alt\u0131nda ileti\u015fim bilgileri, site haritas\u0131 ya da buna benzer pek \u00e7ok bilgi bu alanda sunulmaktad\u0131r. HTML5 sayesinde belirtilen t\u00fcm unsurlar dinamik bir \u015fekilde kullan\u0131c\u0131ya sunulmakta ve hatas\u0131z bir \u015fekilde web sayfalar\u0131 taray\u0131c\u0131lar taraf\u0131ndan okunmaktad\u0131r.<\/p>\n

 <\/p>\n

HTML5 terimi her zaman tan\u0131d\u0131k geliyor, ancak ne oldu\u011funu her zaman nas\u0131l a\u00e7\u0131klayaca\u011f\u0131m\u0131z\u0131 bilmiyoruz. Bu, HTML olarak bilinen programlama dilinin en son s\u00fcr\u00fcm\u00fcd\u00fcr.<\/p>\n

Programc\u0131lar taraf\u0131ndan g\u00fcvenilen bir dil olarak mevcut taray\u0131c\u0131larda standart kullan\u0131m haline gelmi\u015ftir. Daha fazla HTML5 kullanman\u0131n faydalar\u0131 nelerdir. A\u015fa\u011f\u0131da HTML5 kullanman\u0131n 7 avantaj\u0131 bulunmaktad\u0131r.<\/p>\n

 <\/p>\n

1 – Web sayfas\u0131 performans\u0131n\u0131 iyile\u015ftirerek daha h\u0131zl\u0131 gezinmeyi sa\u011flar<\/p>\n

 <\/p>\n

Bir web sayfas\u0131n\u0131n performans\u0131n\u0131 art\u0131rarak daha h\u0131zl\u0131 ve kolay gezinmeyi sa\u011flar. Geli\u015ftiriciler, \u00e7evrimi\u00e7i dosyalar\u0131n boyutunu azaltmak ve b\u00f6ylece kullan\u0131c\u0131 deneyimini geli\u015ftirmek i\u00e7in HTML5 kullan\u0131r. Sitelerimizi optimize etmek neden bu kadar \u00f6nemli? Bunun nedeni, hi\u00e7bir kullan\u0131c\u0131n\u0131n sayfalar\u0131n y\u00fcklenmesini bekleyerek zaman kaybetmeyi sevmemesidir.<\/p>\n

 <\/p>\n

2 – T\u00fcm cihazlar taraf\u0131ndan kabul g\u00f6rmektedir.<\/p>\n

 <\/p>\n

HTML5, bir\u00e7ok farkl\u0131 cihazda sunulabilen neredeyse evrensel uygulamalar olu\u015fturmak i\u00e7in tasarlanm\u0131\u015ft\u0131r. HTML5, gelecekte tabletlerin, ak\u0131ll\u0131 telefonlar\u0131n, PC’lerin, TV’lerin ve ara\u00e7lar\u0131n bir araya gelmesine yard\u0131mc\u0131 olacak bir sistemdir. HTML5, g\u00fcn\u00fcm\u00fczde yaln\u0131zca eklentiler ve yaz\u0131l\u0131mlar\u0131n kullan\u0131lmas\u0131yla m\u00fcmk\u00fcn olan yeni ara\u00e7lar\u0131n geli\u015ftirilmesine de izin verecektir. HTML5 dili, \u00f6rne\u011fin, yeni video \u00f6\u011felerinin kullan\u0131lmas\u0131na, do\u011frudan taray\u0131c\u0131da Skype veya oyunlar gibi uygulamalar olu\u015fturulmas\u0131na olanak tan\u0131r. Kullan\u0131c\u0131 i\u00e7in navigasyon daha \u00e7ok i\u015fletim sistemi \u00fczerinde \u00e7al\u0131\u015fmak \u00fczere geli\u015ftirilmi\u015f bir uygulamaya benzeyecektir. HTML5’te geli\u015ftirilen web siteleri daha h\u0131zl\u0131, daha g\u00fcvenli ve g\u00f6rsel olarak \u00e7ekici oldu\u011fundan, bir web sitesinde gezinmek daha kolay ve daha zevkli bir deneyim olacakt\u0131r. \u00c7ok ileri gitmeden, YouTube k\u0131sa bir s\u00fcre \u00f6nce yaln\u0131zca makinede y\u00fckl\u00fc bir Flash eklentisi varsa \u00e7al\u0131\u015ft\u0131. Bug\u00fcn farkl\u0131, \u00e7o\u011fu b\u00fcy\u00fck site gibi HTML5’i zaten pek \u00e7ok kullan\u0131c\u0131 benimsemi\u015ftir.<\/p>\n

3 – Birka\u00e7 taray\u0131c\u0131, standart tan\u0131mlar\u0131n \u00e7o\u011funu zaten benimsemi\u015ftir.<\/p>\n

 <\/p>\n

Birka\u00e7 taray\u0131c\u0131, standard\u0131n tan\u0131mlar\u0131n\u0131n \u00e7o\u011funu hali haz\u0131rda benimsemi\u015ftir ve eskiden \u00e7ok fazla alana sahip olan birka\u00e7 ara\u00e7, HTML5’te i\u015flerin yap\u0131lma \u015feklinin basitli\u011fi ile de\u011fi\u015ftirilmi\u015ftir. Ayr\u0131ca HTML5’in W3C taraf\u0131ndan benimsenen ve tan\u0131mlanan ve \u00f6nc\u00fcl\u00fcn\u00fcn y\u0131llarca s\u00fcren ba\u015far\u0131s\u0131 \u00fczerine in\u015fa edilen bir standart oldu\u011fu g\u00f6z \u00f6n\u00fcne al\u0131nd\u0131\u011f\u0131nda, standard\u0131n kullan\u0131lmas\u0131, hali haz\u0131rda mevcut olan\u0131 ve Web’in gelece\u011fini kullanmak i\u00e7in garanti edilir.<\/p>\n

 <\/p>\n

4 – SEO i\u00e7in Web Sitesi Optimizasyonu – Web sitesini arama motorlar\u0131 i\u00e7in optimize etme<\/p>\n

 <\/p>\n

Avantajlar\u0131ndan biri SEO (web sitelerini optimize etmeye yard\u0131mc\u0131 olan teknikler) ve semantik ile ilgilidir, HTML5 olarak, uygulaman\u0131z\u0131 yap\u0131land\u0131rman\u0131n yan\u0131 s\u0131ra, art\u0131k ana arama motorlar\u0131n\u0131 aramay\u0131 kolayla\u015ft\u0131ran i\u00e7erikle de do\u011frudan bir ili\u015fkisi vard\u0131r. \u00d6rne\u011fin, art\u0131k bir i\u00e7eri\u011fin bir men\u00fc oldu\u011funu belirleyebilirsiniz, b\u00f6ylece arama motoru bu \u00f6\u011feyi “arka planda” okur ve \u015firket veya makale hakk\u0131nda bir metin gibi daha \u00f6nemli di\u011fer i\u00e7eri\u011fe \u00f6ncelik verir. Kullan\u0131c\u0131n\u0131n internetteki arama deneyimi giderek daha hassas hale geldi\u011finden, bu genel olarak web i\u00e7in b\u00fcy\u00fck bir devrimdir.<\/p>\n

 <\/p>\n

5 – \u00c7evrimd\u0131\u015f\u0131 veri depolama.<\/p>\n

 <\/p>\n

\u0130stemci taraf\u0131nda, taray\u0131c\u0131da bulunan veritaban\u0131 taraf\u0131ndan yap\u0131land\u0131r\u0131lm\u0131\u015f 4Gbyte’a kadar veri depolama izni\u00a0 \u00e7erez kullan\u0131m\u0131nda olanlara benzer, ancak 4Kb boyutu gibi uygulanan s\u0131n\u0131rlamalar\u0131 ortadan kald\u0131rmaya \u00e7al\u0131\u015fmak\u00a0 HTML5’in en s\u0131cak \u00f6zelliklerinden biridir. Ancak geli\u015ftirici, yerel depolaman\u0131n site ba\u015f\u0131na oldu\u011funu ve bant geni\u015fli\u011finden tasarruf edirtmek ve performans\u0131 art\u0131rmak i\u00e7in verileri orijinal olarak depolayan siteye her eri\u015fildi\u011finde komut dosyalar\u0131n\u0131z i\u00e7in kullan\u0131labilir olaca\u011f\u0131n\u0131 hat\u0131rlamal\u0131d\u0131r. Ayr\u0131ca, taray\u0131c\u0131 veritabanlar\u0131, kullan\u0131c\u0131lara verileri \u00fczerinde di\u011fer uygulamalarda oldu\u011fu gibi ayn\u0131 g\u00fcc\u00fc vermez. \u00d6rne\u011fin kullan\u0131c\u0131, saklanan verileri ba\u015fka bir makineye ta\u015f\u0131yamaz, kopyalayamaz, yedek alamaz veya taray\u0131c\u0131 d\u0131\u015f\u0131nda bir uygulama ile a\u00e7amaz. Dosyalar kolayca ta\u015f\u0131nacak \u015fekilde tasarlanmam\u0131\u015ft\u0131r, ancak kullan\u0131c\u0131 bunlar\u0131 nerede ve nas\u0131l bulaca\u011f\u0131n\u0131 bilirse bunu yapmak m\u00fcmk\u00fcnd\u00fcr. Sonu\u00e7ta, herhangi bir d\u00fczenleyiciyle kolayca a\u00e7\u0131labilen elektronik tablolar veya metin belgeleri gibi de\u011filler.<\/p>\n

\"\"<\/p>\n

 <\/p>\n

6 – B\u00fcy\u00fck \u015firketlerde kullan\u0131m<\/p>\n

 <\/p>\n

World Wide Web Consortium’da (W3C) HTML5<\/strong>‘i tan\u0131mlayan \u00e7al\u0131\u015fma grubuna bir\u00e7ok b\u00fcy\u00fck \u015firket kat\u0131l\u0131yor. Bu liste Samsung, LG ve Apple’\u0131 i\u00e7ermektedir. AT&T ve France Telecom gibi operat\u00f6rler; Microsoft, Adobe ve Zynga gibi yaz\u0131l\u0131m \u00fcreticileri; IBM ve HP gibi BT \u015firketleri ve Google ve Netflix gibi internetten yay\u0131n veren \u015firketlerdir. \u00dcniversiteler ve ba\u011f\u0131ms\u0131z uzmanlar da yine bu sistemler aras\u0131nda yer almaktad\u0131r.<\/p>\n

 <\/p>\n

7 – Kanvas arac\u0131na sahiptir<\/p>\n

 <\/p>\n

Canvas arac\u0131 (ekran \u0130ngilizcedir), bu nedenle \u00e7izimler ve animasyonlar olu\u015fturmak i\u00e7in harici uygulamalar kullanmak gerekli de\u011fildir. Resmi olarak, tuval “grafikleri veya di\u011fer g\u00f6rsel g\u00f6r\u00fcnt\u00fcleri h\u0131zl\u0131 bir \u015fekilde olu\u015fturmak i\u00e7in kullan\u0131labilen, \u00e7\u00f6z\u00fcn\u00fcrl\u00fc\u011fe ba\u011fl\u0131 bir bitmap tuvalidir”. Layman’\u0131n terimleriyle, tuval, HTML5<\/strong>‘te JavaScript kullanarak grafikler \u00e7izmenize izin veren yeni bir \u00f6\u011fedir. Metin, resim, grafik, degrade \u00e7izgileri ve di\u011fer efektleri dinamik olarak olu\u015fturmak i\u00e7in kullan\u0131labilir. Tuval \u00fczerine \u00e7izim, 2B tuval API’si arac\u0131l\u0131\u011f\u0131yla yap\u0131l\u0131r. Bu API, ekranda istedi\u011finiz hemen hemen her \u015feyi \u00e7izme g\u00fcc\u00fc veren \u00e7e\u015fitli i\u015flevler i\u00e7erir.<\/p>\n

 <\/p>\n

Ayr\u0131ca HTML5’in de t\u00fcm yeni teknolojiler gibi iyile\u015ftirmelerden ge\u00e7ece\u011fini belirtmekte fayda var.<\/p>\n

Bug\u00fcn bize say\u0131s\u0131z fayda sa\u011fl\u0131yorsa, bundan birka\u00e7 y\u0131l sonras\u0131n\u0131 hayal edin? Kesinlikle programlama dilinin gelece\u011fini \u015fekillendirmek ve geli\u015ftirmek i\u00e7in geliyor. CSS3, html5 ile entegre \u00e7al\u0131\u015fmas\u0131 gereken i\u015faretleme dillerinden biridir. \u015eimdi CSS3 incelemesi ger\u00e7ekle\u015ftirelim.<\/p>\n

CSS3 Nedir?<\/h2>\n

CSS, Basamakl\u0131 Stil Sayfas\u0131<\/strong> dili olarak adland\u0131r\u0131l\u0131r ve HTML gibi bir bi\u00e7imlendirme dilinde yaz\u0131lm\u0131\u015f \u00f6\u011felere stil vermek i\u00e7in kullan\u0131l\u0131r. CSS, i\u00e7eri\u011fi sitenin g\u00f6rsel temsilinden ay\u0131r\u0131r. Sayfa dekorasyonunuzu d\u00fc\u015f\u00fcn\u00fcn. CSS kullanarak metin ve arka plan rengini, yaz\u0131 tipini ve paragraflar aras\u0131ndaki bo\u015flu\u011fu de\u011fi\u015ftirmek m\u00fcmk\u00fcnd\u00fcr. Ayr\u0131ca tablolar olu\u015fturabilir, d\u00fczen varyasyonlar\u0131n\u0131 kullanabilir, g\u00f6r\u00fcnt\u00fcleri ilgili ekranlar\u0131 i\u00e7in ayarlayabilir ve benzeri i\u015flemleri yapabilirsiniz.<\/p>\n

CSS, 1996 y\u0131l\u0131nda W3C ( World Wide Web Consortium ) taraf\u0131ndan \u00e7ok basit bir nedenle geli\u015ftirilmi\u015ftir. HTML, sayfay\u0131 bi\u00e7imlendirmeye yard\u0131mc\u0131 olacak etiketlere sahip olacak \u015fekilde tasarlanmam\u0131\u015ft\u0131r. Sadece web sitesi i\u00e7in i\u015faretlemeyi yazman\u0131z \u015fekil vermek i\u00e7in yeterli olmaktad\u0131r.<\/p>\n

<font> gibi etiketler HTML’nin 3.2 s\u00fcr\u00fcm\u00fcnde tan\u0131t\u0131ld\u0131 ve geli\u015ftiriciler i\u00e7in bir\u00e7ok soruna neden olmu\u015ftur. Sitelerin yaz\u0131 tipleri, renkleri ve stilleri farkl\u0131 oldu\u011fu i\u00e7in kodu yeniden yazmak uzun, zahmetli ve pahal\u0131 bir s\u00fcre\u00e7ti. Bu y\u00fczden CSS, bu sorunu \u00e7\u00f6zmek i\u00e7in W3C taraf\u0131ndan olu\u015fturuldu.<\/p>\n

HTML<\/strong> ve CSS aras\u0131ndaki ili\u015fki olduk\u00e7a g\u00fc\u00e7l\u00fcd\u00fcr. HTML bir bi\u00e7imlendirme dili (bir web sitesinin temeli) ve CSS stile (bir web sitesinin t\u00fcm esteti\u011fi) odakland\u0131\u011f\u0131ndan, bunlar birlikte uyum i\u00e7inde \u00e7al\u0131\u015fmaktad\u0131r.<\/p>\n

CSS teknik olarak bir zorunluluk de\u011fildir, ancak muhtemelen yaln\u0131zca HTML kullanan bir siteye bakmak istemezsiniz, \u00e7\u00fcnk\u00fc bu tamamen terk edilmi\u015f gibi g\u00f6r\u00fcn\u00fcr.<\/p>\n

CSS’nin Avantajlar\u0131<\/h2>\n

CSS uygulayan bir web sitesi ile uygulamayan bir web sitesi aras\u0131ndaki fark devasa ve dikkat \u00e7ekicidir.<\/p>\n

Muhtemelen tam olarak y\u00fcklenmeyen veya mavi ve siyah metin i\u00e7eren beyaz bir arka plana sahip bir site g\u00f6rm\u00fc\u015fs\u00fcn\u00fczd\u00fcr. Bu, web sitesinin CSS b\u00f6l\u00fcm\u00fcn\u00fcn do\u011fru y\u00fcklenmedi\u011fi veya mevcut olmad\u0131\u011f\u0131 anlam\u0131na gelir.<\/p>\n

Ve sadece HTML i\u00e7eren bir web sitesi b\u00f6yle g\u00f6r\u00fcn\u00fcr. CSS’yi kullanmadan \u00f6nce, t\u00fcm stillerin HTML i\u015faretlemesine dahil edilmesi gerekiyordu. Bu, t\u00fcm arka plan\u0131, yaz\u0131 tipi renklerini, hizalamalar\u0131 vb. ayr\u0131 ayr\u0131 tan\u0131mlaman\u0131z gerekti\u011fi anlam\u0131na gelir. Ancak CSS, her \u015feyi farkl\u0131 bir dosyada stillendirmenize, b\u00f6ylece stili ayr\u0131 ayr\u0131 olu\u015fturman\u0131za olanak tan\u0131r. Ve daha sonra CSS dosyas\u0131n\u0131 HTML i\u015faretlemesinin \u00fcst\u00fcne entegre edebilirsiniz. Bu, HTML i\u015faretlemesini temiz ve bak\u0131m\u0131 kolay tutar.<\/p>\n

K\u0131sacas\u0131, CSS<\/strong> ile art\u0131k tek tek \u00f6\u011felerin nas\u0131l g\u00f6r\u00fcnd\u00fc\u011f\u00fcn\u00fc tekrar tekrar yazmak zorunda de\u011filsiniz. Bu zaman kazand\u0131r\u0131r, kodu k\u0131salt\u0131r ve hata olas\u0131l\u0131\u011f\u0131n\u0131 azalt\u0131r.<\/p>\n

CSS, bir HTML sayfas\u0131nda birden \u00e7ok stile sahip olman\u0131z\u0131 sa\u011flayarak ki\u015fiselle\u015ftirme olanaklar\u0131n\u0131 neredeyse s\u0131n\u0131rs\u0131z hale getirir. Bu g\u00fcnlerde, bu basit bir \u00f6zellikten \u00e7ok bir zorunluluk haline geliyor.<\/p>\n

CSS Nas\u0131l \u00c7al\u0131\u015f\u0131r?<\/h2>\n

CSS, JavaScript<\/strong> veya di\u011fer a\u011f\u0131r dilleri kullanmak yerine \u00e7ok say\u0131da i\u015flevsellik olu\u015fturmay\u0131 m\u00fcmk\u00fcn k\u0131lan \u00e7ok g\u00fc\u00e7l\u00fc bir ara\u00e7t\u0131r. Az kullan\u0131l\u0131rsa CSS, web sayfalar\u0131n\u0131n geli\u015ftiricisi ve kullan\u0131c\u0131lar\u0131 i\u00e7in harika bir deneyim sa\u011flayabilir.<\/p>\n

Basamakl\u0131 Stil Sayfalar\u0131 ile karma\u015f\u0131k animasyonlar olu\u015fturmak, paralaks kullanarak efektler olu\u015fturmak, arka plan g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fcn birbirinden farkl\u0131 bir derinli\u011fe sahip gibi g\u00f6r\u00fcnmesini sa\u011flamak, etkile\u015fimli web siteleri ve ayr\u0131ca HTML5 ve CSS3 ile oyunlar olu\u015fturmak m\u00fcmk\u00fcnd\u00fcr.<\/p>\n

 <\/p>\n

CSS, onu y\u00f6neten bir dizi kuralla birlikte \u0130ngilizce tabanl\u0131 basit bir s\u00f6zdizimi kullan\u0131r. Daha \u00f6nce de belirtti\u011fimiz gibi, HTML hi\u00e7bir zaman stil \u00f6\u011felerini kullanmak i\u00e7in tasarlanmam\u0131\u015ft\u0131, sadece sayfa i\u015faretlemeyi ama\u00e7l\u0131yordu. Yaln\u0131zca i\u00e7eri\u011fi a\u00e7\u0131klamak i\u00e7in olu\u015fturulmu\u015ftur. \u00d6rne\u011fin: <p>Bu bir paragraft\u0131r.<\/p>.<\/p>\n

Ama paragraf\u0131 nas\u0131l \u015fekillendirirsiniz? CSS s\u00f6zdizimi yap\u0131s\u0131 olduk\u00e7a basittir. Bir se\u00e7iciye ve bir bildirim blo\u011funa sahiptir. Bir \u00f6\u011fe se\u00e7iyorsunuz ve onunla ne yapmak istedi\u011finizi bildiriyorsunuz ve basit bir \u015fekilde sistem size kar\u015f\u0131l\u0131\u011f\u0131n\u0131 talep etti\u011finiz \u015fekilde veriyor. Ama bilmeniz gereken baz\u0131 kurallar var. Se\u00e7ici, stil vermek istedi\u011finiz HTML<\/strong> \u00f6\u011fesini i\u015faret eder. Bildirim blo\u011fu, noktal\u0131 virg\u00fclle ayr\u0131lm\u0131\u015f bir veya daha fazla bildirim i\u00e7erir.<\/p>\n

Her bildirim, iki nokta \u00fcst \u00fcste ile ayr\u0131lm\u0131\u015f bir CSS \u00f6zellik ad\u0131 ve de\u011feri i\u00e7erir. Bir CSS bildirimi her zaman noktal\u0131 virg\u00fclle biter ve bildirim bloklar\u0131 parantez i\u00e7indedir.<\/p>\n

 <\/p>\n

Bir CSS Komutunun Anatomisi<\/h2>\n

CSS, html dosyas\u0131 i\u00e7in kurallar belirler. Her kuralla, i\u00e7eri\u011fin tamam\u0131n\u0131 veya yaln\u0131zca belirli \u00f6\u011felerini bi\u00e7imlendirmek m\u00fcmk\u00fcnd\u00fcr. \u00d6yleyse temel bir komut, \u00f6zellik ve de\u011fer i\u00e7eren se\u00e7ici ve bildirimlerden olu\u015fur.<\/p>\n

SE\u00c7\u0130C\u0130 {PROPERTY: VALUE}<\/p>\n

CSS s\u00f6zdizimini \u00f6\u011frenmek \u00e7ok basittir. Se\u00e7ici, html’deki hangi \u00f6\u011felerin \u00f6zelli\u011fi alaca\u011f\u0131n\u0131 se\u00e7er. \u00d6zellik renk veya arka plan rengi ( arka plan ) gibi daha spesifik bir \u015fey olabilmektedir. Bir \u00f6rnek sim\u00fcle edelim. Diyelim ki ama\u00e7 bir h1 etiketinin yaz\u0131 tipini de\u011fi\u015ftirmek. Bunun i\u00e7in h1 {font-size: 20px;} kullanabiliriz.<\/p>\n

    \n
  • h1 \u2013 se\u00e7icidir. Bu durumda h1’i se\u00e7iyoruz.<\/li>\n
  • font-size \u2013 (font-size) \u00f6zelli\u011fini ve (20px) de\u011ferini i\u00e7eren bildirimdir .<\/li>\n<\/ul>\n

    Temel CSS komutlar\u0131n\u0131n listesi<\/h2>\n

    Se\u00e7iciler, \u00f6zellikler ve de\u011ferler aras\u0131nda o kadar \u00e7ok se\u00e7enek vard\u0131r ki, bir geli\u015ftiricinin hepsini yaln\u0131zca belle\u011fe g\u00fcvenerek hat\u0131rlamas\u0131 \u00e7ok zor olabilir. Bu nedenle, CSS’nin ne oldu\u011funu \u00f6\u011frenenlere yard\u0131mc\u0131 olacak bir CSS Temel Komut Listesi<\/strong> (CSS3 Dahil) olu\u015fturmaya karar verdik.<\/p>\n

    Dahili, Harici ve Sat\u0131r \u0130\u00e7i CSS Stilleri<\/h2>\n

    \u0130\u00e7 stil ile ba\u015flayal\u0131m. Bu \u015fekilde yap\u0131lan CSS stilleri, bir site her g\u00fcncellendi\u011finde y\u00fcklenir, bu da y\u00fckleme s\u00fcresini art\u0131rabilir. Ayr\u0131ca, ayn\u0131 CSS stilini tek bir sayfada i\u00e7erdi\u011fi i\u00e7in birden fazla sayfada kullanamazs\u0131n\u0131z. Ancak bunun avantaj\u0131, her \u015feyin tek bir sayfada bulunmas\u0131n\u0131n, bir g\u00f6r\u00fcn\u00fcm i\u00e7in modeli payla\u015fmay\u0131 kolayla\u015ft\u0131rmas\u0131d\u0131r.<\/p>\n

    Harici y\u00f6ntem en uygun olabilir. Bu, t\u00fcm stilleri ayr\u0131 bir dosyada yapabilece\u011finiz ve istedi\u011finiz herhangi bir sayfaya CSS uygulayabilece\u011finiz anlam\u0131na gelir. D\u0131\u015f stil, y\u00fckleme s\u00fcresini de iyile\u015ftirebilir.<\/p>\n

    Son olarak, CSS Sat\u0131r i\u00e7i stili de var. Sat\u0131r i\u00e7i, <style> etiketine sahip belirli \u00f6\u011felerle \u00e7al\u0131\u015f\u0131r. Her bile\u015fenin stili olmal\u0131d\u0131r, bu nedenle CSS’yi i\u015flemenin en iyi veya en h\u0131zl\u0131 yolu olmayabilir. Ancak \u00f6rne\u011fin tek bir \u00f6\u011feyi de\u011fi\u015ftirmek, de\u011fi\u015fiklikleri h\u0131zl\u0131 bir \u015fekilde \u00f6nizlemek veya CSS dosyalar\u0131na eri\u015fiminiz yoksa yararl\u0131 olabilir.<\/p>\n

    \"\"<\/p>\n

    Stil Sayfas\u0131 Nas\u0131l Olu\u015fturulur?<\/h2>\n

    Bir stil sayfas\u0131 olu\u015fturmak olduk\u00e7a basittir. Sadece Sublime gibi kod d\u00fczenleyicinizi a\u00e7\u0131n ve yeni bir belge olu\u015fturun.<\/p>\n

    Olu\u015fturulduktan sonra, hen\u00fcz bir \u015fey yazmam\u0131\u015f olsan\u0131z bile onu style.css olarak kaydedin (bu .css, taray\u0131c\u0131 taraf\u0131ndan stil sayfas\u0131 olarak tan\u0131nacak bir dosyay\u0131 tan\u0131mlayan \u015feydir).<\/p>\n

     <\/p>\n

    Kaydedildikten sonra, metin d\u00fczenleyici, a\u015fa\u011f\u0131daki ekran g\u00f6r\u00fcnt\u00fcs\u00fcnde g\u00f6sterildi\u011fi gibi, stil sayfas\u0131 kodlar\u0131n\u0131 yazarken otomatik tamamlama \u00f6nerileriyle bile dosyay\u0131 daha kolay okuyabilecektir :<\/p>\n

    CSS, HTML’ye nas\u0131l entegre edilir?<\/h2>\n

    style.css olarak kaydettikten sonra dosyay\u0131 HTML<\/strong> dosyam\u0131za koymam\u0131z gerekiyor, \u00e7\u00fcnk\u00fc bu CSS’yi y\u00fckleyecektir, CSS tek ba\u015f\u0131na bir web sitesi yapmaz. Ve bunun i\u00e7in bir stil dosyas\u0131 oldu\u011funu HTML’ye referans etiketleriyle s\u00f6ylersiniz.<\/p>\n

    <link rel=\u201dstylesheet\u201d type=\u201dtext\/css\u201d href=\u201dstyle.css\u201d><\/p>\n

    Bu etiket, sayfaya eklenecek bir CSS dosyas\u0131na sahip oldu\u011funu HTML’e g\u00f6sterecektir. Bu, a\u015fa\u011f\u0131daki \u00f6rneklemde g\u00f6rebilece\u011finiz gibi, HTML’nizin <head> <\/ head> etiketinin i\u00e7ine eklenmelidir.<\/p>\n

    HTML5 ile PHP \u0130li\u015fkisi<\/h2>\n

    PHP<\/strong>, ba\u015flang\u0131\u00e7ta Ki\u015fisel Ana Sayfa olarak adland\u0131r\u0131lan PHP, K\u00f6pr\u00fc Metni \u00d6n \u0130\u015flemcisi i\u00e7in \u00f6zyinelemeli bir k\u0131saltmad\u0131r.<\/p>\n

    Ayr\u0131ca JavaScript ve Python gibi betik dillerinin bir alt k\u00fcmesidir. Aradaki fark, PHP’nin daha \u00e7ok sunucu taraf\u0131 ( arka u\u00e7 ) ileti\u015fimi i\u00e7in kullan\u0131lmas\u0131d\u0131r.<\/p>\n

    Bu arada, JavaScript hem \u00f6n u\u00e7 hem de arka u\u00e7 i\u00e7in kullan\u0131labilir ve Python yaln\u0131zca sunucu taraf\u0131 ( arka u\u00e7 ) i\u00e7indir.<\/p>\n

    Kar\u0131\u015f\u0131k m\u0131 g\u00f6r\u00fcn\u00fcyor? Bu y\u00fczden PHP’ye derinlemesine dalmadan \u00f6nce betik dillerini anlamam\u0131z gerekiyor.<\/p>\n

    Bir komut dosyas\u0131 dili, g\u00f6revlerin \u00f6zel bir \u00e7al\u0131\u015fma zaman\u0131 ortam\u0131nda y\u00fcr\u00fct\u00fclmesini otomatikle\u015ftirmeye hizmet eder. Bu, statik bir sayfaya ( HTML ve CSS ile olu\u015fturulmu\u015f ) daha \u00f6nce tan\u0131mlad\u0131\u011f\u0131n\u0131z kurallarla belirli eylemleri ger\u00e7ekle\u015ftirmesini s\u00f6ylemeyi i\u00e7erir.<\/p>\n

    \u00d6rne\u011fin, bir formdaki t\u00fcm alanlar\u0131n sunucuya geri g\u00f6nderilmeden \u00f6nce dolduruldu\u011fundan emin olman\u0131n bir yolunu do\u011frulamak i\u00e7in bir komut dosyas\u0131 kullanabilirsiniz.<\/p>\n

    Komut dosyas\u0131 daha sonra bir kullan\u0131c\u0131 formu g\u00f6nderdi\u011finde \u00e7al\u0131\u015f\u0131r ve t\u00fcm alanlar\u0131 kontrol eder. Bunlardan biri bo\u015fsa, kullan\u0131c\u0131y\u0131 bu konuda bilgilendirmek i\u00e7in bir uyar\u0131 metni g\u00f6r\u00fcnt\u00fclenir.<\/p>\n

    Komut dosyas\u0131 dillerinin di\u011fer yayg\u0131n kullan\u0131mlar\u0131 aras\u0131nda, ana men\u00fc \u00fczerinde gezinirken bir a\u00e7\u0131l\u0131r men\u00fc efekti g\u00f6sterme, kayd\u0131rma d\u00fc\u011fmelerini ve animasyonlar\u0131 g\u00f6r\u00fcnt\u00fcleme, ileti\u015fim kutular\u0131n\u0131 a\u00e7ma vb. yer al\u0131r.<\/p>\n

    \"\"<\/p>\n

    PHP Tarih\u00e7esi ve \u00c7al\u0131\u015fma Prensibi<\/h2>\n

    G\u00fcn\u00fcm\u00fczde PHP<\/strong>, d\u00fcnyada en \u00e7ok kullan\u0131lan programlama dillerinden biridir. PHP terimi, yaln\u0131zca bir CGI kodu k\u00fcmesiyle olu\u015fturulmu\u015ftur. Bir C dilinde tan\u0131mlanan iki sistem veya sunucu aras\u0131nda fiziksel veya mant\u0131ksal ba\u011flant\u0131 kuran bir \u00f6\u011fe olarak da bilinmektedir.<\/p>\n

    \u0130lk fikir, i\u00e7erik olu\u015fturucunun ki\u015fisel web sitesinin trafi\u011fini izlemekti. Y\u0131llar ge\u00e7ti ve i\u00e7erik olu\u015fturucu, sitesinin sahip oldu\u011fu kaynaklar\u0131 art\u0131ran komut dosyalar\u0131 geli\u015ftirdi.<\/p>\n

    Bu dilin ba\u015far\u0131s\u0131 o kadar b\u00fcy\u00fckt\u00fc ki yarat\u0131c\u0131s\u0131 Rasmus Lerdof, CGI kodlar\u0131 k\u00fcmesini bir programlama diline d\u00f6n\u00fc\u015ft\u00fcrd\u00fc. Bununla birlikte, web sitelerinin ve uygulamalar\u0131n b\u00fcy\u00fck \u00e7o\u011funlu\u011fu PHP’yi ana dilleri olarak kullanmaya ba\u015flad\u0131.<\/p>\n

    PHP s\u00fcr\u00fcmleri<\/h2>\n

    PHP ile programc\u0131lar y\u00f6ntemleri ve kodlar\u0131 uygulayabilir. Genel testler yap\u0131lm\u0131\u015f ve ertesi y\u0131l\u0131n Haziran ay\u0131nda resmi olarak yay\u0131nlanm\u0131\u015ft\u0131r. \u0130ki y\u0131l sonra, dile daha fazla \u00f6zellik kazand\u0131ran PHP 4 s\u00fcr\u00fcm\u00fc yay\u0131nland\u0131.<\/p>\n

    Bu s\u00fcr\u00fcm bir sorun \u00e7\u0131karm\u0131\u015ft\u0131r: nesnelerin kopyalar\u0131n\u0131 olu\u015fturma, ortaya \u00e7\u0131kan en b\u00fcy\u00fck sorun olarak nitelendirilmi\u015ftir. Bunun nedeni, dilin i\u015fleyiciler veya i\u015faret\u00e7iler ile \u00e7al\u0131\u015fmamas\u0131d\u0131r. Bu, PHP 5<\/strong> s\u00fcr\u00fcm\u00fcnde d\u00fczeltilmi\u015ftir. PHP5, programc\u0131lar taraf\u0131ndan en \u00e7ok kullan\u0131lan\u0131d\u0131r.<\/p>\n

    \u015eu anda, PHP 7.2 s\u00fcr\u00fcm\u00fc s\u0131kl\u0131kla kullan\u0131lmaktad\u0131r. Sa\u011flanan PHP s\u00fcr\u00fcmlerinin, sunulan PHP bar\u0131nd\u0131rma hizmetine ba\u011fl\u0131 olarak bir sa\u011flay\u0131c\u0131dan farkl\u0131l\u0131k g\u00f6sterebilece\u011fini hat\u0131rlamakta fayda var.<\/p>\n

    Ancak hikaye bu kadar, \u00e7\u00fcnk\u00fc bir proje olu\u015fturmak i\u00e7in php’yi nas\u0131l kullanaca\u011f\u0131n\u0131z\u0131 anlamak i\u00e7in, \u00e7al\u0131\u015ft\u0131\u011f\u0131 dili veya daha do\u011frusu bir web sistemini programlaman\u0131n ilk ad\u0131mlar\u0131n\u0131 anlaman\u0131z gerekir.<\/p>\n

    Sunucu Taraf\u0131 (arka u\u00e7) ve \u0130stemci Taraf\u0131 (\u00f6n u\u00e7)<\/h2>\n

    Komut dosyas\u0131 dilleri<\/strong>, sunucu taraf\u0131nda (arka u\u00e7) veya istemci taraf\u0131nda (\u00f6n u\u00e7) \u00e7al\u0131\u015fabilir.<\/p>\n

    \u00d6n u\u00e7 t\u00fcr\u00fc komut dosyalar\u0131 taray\u0131c\u0131lar taraf\u0131ndan i\u015flenir. \u0130stemci olarak da bilinen taray\u0131c\u0131n\u0131z, istemci taraf\u0131 komut dosyalar\u0131n\u0131 i\u00e7eren bir sayfa istedi\u011finde, sunucu, taray\u0131c\u0131 taraf\u0131ndan y\u00fcr\u00fct\u00fclebilir olan kaynak kodunu g\u00f6ndererek yan\u0131t verir.<\/p>\n

    Arka u\u00e7 betik dili ise bu betiklerin taray\u0131c\u0131ya g\u00f6nderilmeden \u00f6nce sunucularda \u00e7al\u0131\u015ft\u0131r\u0131lmas\u0131 anlam\u0131na gelir. Bu nedenle, kaynak kodu g\u00f6ndermek yerine, web sunucular\u0131 \u00f6nce kodu saf bir HTML format\u0131na d\u00f6n\u00fc\u015ft\u00fcrerek i\u015fler.<\/p>\n

    Yukar\u0131da bahsedildi\u011fi gibi bu, sunucu taraf\u0131 ileti\u015fimleri i\u00e7in olu\u015fturulmu\u015f bir betik dilidir. Sonu\u00e7 olarak, veri formlar\u0131 toplama, sunucu dosyalar\u0131n\u0131 y\u00f6netme, veritabanlar\u0131n\u0131 de\u011fi\u015ftirme<\/strong> ve \u00e7ok daha fazlas\u0131 gibi \u00e7e\u015fitli arka u\u00e7 i\u015flevlerini yerine getirebilir.<\/p>\n

    PHP genel ama\u00e7l\u0131 bir betik dili olarak kabul edilse de, \u00e7o\u011funlukla web geli\u015ftirme i\u00e7in kullan\u0131l\u0131r. Bunun nedeni, en dikkate de\u011fer \u00f6zelliklerinden biri: bir HTML dosyas\u0131na g\u00f6m\u00fclebilme yetene\u011fidir.<\/p>\n

    Diyelim ki insanlar\u0131n kaynak kodunuzu g\u00f6rmesini istemiyorsunuz. Bunu \u00e7\u00f6zmek i\u00e7in, sadece bu betik dili ile gizleyin. Kodu bir PHP dosyas\u0131na yaz\u0131n, HTML’ye g\u00f6m\u00fcn ve o zaman insanlar orijinal i\u00e7eri\u011fin ne oldu\u011funu asla bilemezler.<\/p>\n

    Bu \u00f6zelli\u011fin bir ba\u015fka avantaj\u0131 da, HTML etiketlerini tekrar tekrar kullanman\u0131z gerekti\u011fidir. Bunlar\u0131 tekrar tekrar yazmak yerine, kodu bir PHP dosyas\u0131na uygulay\u0131n. HTML kullanman\u0131z gerekti\u011finde, PHP dosyas\u0131n\u0131 ekleyin ve haz\u0131rs\u0131n\u0131z.<\/p>\n

    Bir PHP sayfas\u0131 \u00f6rne\u011fi Facebook’ta bulunabilir. Ana sayfay\u0131 a\u00e7\u0131n ve URL’nin .php (facebook.com\/home.php) ile bitti\u011fini g\u00f6rebilirsiniz.<\/p>\n

    Ba\u015fka bir deyi\u015fle, bu sayfa, hiper metin \u00f6ni\u015flemci kodu ve HTML etiketlerinin bir kar\u0131\u015f\u0131m\u0131n\u0131 i\u00e7eren bir php dosyas\u0131 (home.php) ile olu\u015fturulur.<\/p>\n

    \"\"<\/p>\n

    PHP’yi Neden Kullanmal\u0131?<\/h2>\n

    PHP<\/strong>, mevcut olan tek sunucu taraf\u0131 betik dili de\u011fildir. Daha bir\u00e7ok kullan\u0131labilir dil vard\u0131r. Ancak, bir WordPress sitesi \u00e7al\u0131\u015ft\u0131r\u0131yorsan\u0131z, rakiplerine g\u00f6re bir avantaj\u0131 vard\u0131r.<\/p>\n

    Daha \u00f6nce de belirtti\u011fimiz gibi, WordPress PHP kullan\u0131larak olu\u015fturulmu\u015ftur. Dolay\u0131s\u0131yla bu dili kullanarak, web sitenizde sahip olabilece\u011finiz \u00f6zelle\u015ftirme miktar\u0131n\u0131 \u00f6nemli \u00f6l\u00e7\u00fcde art\u0131rabilir.<\/p>\n

    Mevcut eklentileri ve temalar\u0131 de\u011fi\u015ftirmek veya hatta kendinizinkini olu\u015fturmak i\u00e7in kullanabilirsiniz. Bir WordPress geli\u015ftiricisi olmak istiyorsan\u0131z PHP \u00f6\u011frenmek \u015fartt\u0131r.<\/p>\n

    Bununla, kullan\u0131c\u0131n\u0131n belirledi\u011fi herhangi bir g\u00f6revi ger\u00e7ekle\u015ftirmek i\u00e7in uygulamalar olu\u015fturabilirsiniz. Bu uygulamalar, sunucu taraf\u0131 veya sunucu taraf\u0131 komut dosyas\u0131 ad\u0131 verilen bir sunucu i\u00e7inde derlenir. Bu komut dosyalar\u0131n\u0131n \u00e7al\u0131\u015fmas\u0131 i\u00e7in \u015fu \u00f6\u011felere ihtiyac\u0131n\u0131z olmaktad\u0131r. Bir taray\u0131c\u0131, PHP yorumlay\u0131c\u0131s\u0131 ve bir web sunucusu bunlar aras\u0131nda en \u00f6nemli unsurlard\u0131r.<\/p>\n

    Ayr\u0131ca scriptlerden bahsetmi\u015fken, PHP ile bir script olu\u015fturabilir ve bir taray\u0131c\u0131ya ihtiya\u00e7 duymadan kullanabilirsiniz. Sadece terc\u00fcmana ihtiyac\u0131n\u0131z vard\u0131r. Bu i\u015flev, API olu\u015fturmak i\u00e7in komut dosyas\u0131 \u00e7al\u0131\u015ft\u0131rmak isteyen programc\u0131lar i\u00e7in \u00e7ok kullan\u0131\u015fl\u0131d\u0131r. Bu \u00f6zelli\u011fe komut sat\u0131r\u0131 arac\u0131l\u0131\u011f\u0131yla komut dosyas\u0131 y\u00fcr\u00fctme ad\u0131 verilir.<\/p>\n

    Ayr\u0131ca masa\u00fcst\u00fc uygulamalar\u0131 da olu\u015fturabilirsiniz. \u00c7ok yayg\u0131n de\u011fildir, ancak zorluklar\u0131 seven bir programc\u0131ysan\u0131z, en geli\u015fmi\u015f hizmetleri kullanabileceksiniz. Bunu yapmak i\u00e7in, bu uygulamalar\u0131 olu\u015fturman\u0131za yard\u0131mc\u0131 olacak bir PHP uzant\u0131s\u0131 olan PHP-GTK kullanman\u0131z gerekir.<\/p>\n

    Hala ikna olmad\u0131ysan\u0131z, i\u015fte PHP’nin harika bir betik dili oldu\u011funu anlaman\u0131z i\u00e7in ba\u015fka nedenler:<\/p>\n

      \n
    • \u00d6\u011frenmesi kolayd\u0131r: \u0130\u015flevleriyle ilgili harika belgelere ve \u00f6rneklere sahip oldu\u011fundan kolayca \u00f6\u011frenebilirsiniz.<\/li>\n
    • Yayg\u0131n olarak kullan\u0131l\u0131r: E-ticaret, bloglar, sosyal a\u011flar vb. gibi her t\u00fcrl\u00fc platformu olu\u015fturmak i\u00e7in kullan\u0131l\u0131r. \u0130statistikler, t\u00fcm web sitelerinin %79’unun PHP kulland\u0131\u011f\u0131n\u0131 g\u00f6stermektedir.<\/li>\n
    • D\u00fc\u015f\u00fck maliyetlidir: A\u00e7\u0131k kaynak oldu\u011fundan \u00fccretsiz olarak kullanabilirsiniz.<\/li>\n
    • Geni\u015f topluluk: Bununla ilgili herhangi bir sorunla kar\u015f\u0131la\u015f\u0131rsan\u0131z, internette bir\u00e7ok PHP blogu oldu\u011fu i\u00e7in endi\u015felenmenize gerek yok. Kullan\u0131c\u0131lar kendi PHP ve HTML <\/strong>deneyimlerini sizinle payla\u015farak hata yapt\u0131\u011f\u0131n\u0131z noktada destek verecektir.<\/li>\n<\/ul>\n

      PHP, HTML5 ile entegre \u00e7al\u0131\u015fmakta ve pek \u00e7ok formun ya da butonun \u00e7al\u0131\u015fmas\u0131 i\u00e7in kullan\u0131lmaktad\u0131r. PHP tek ba\u015f\u0131na bir anlam ifade etmedi\u011fi gibi, HTML5 de CSS ve PHP olmadan bir i\u015fe yaramaz. Bu nedenle i\u015faretleme dillerinin tamam\u0131 tam sonu\u00e7 verebilmek i\u00e7in senkronize \u00e7al\u0131\u015fmaktad\u0131r. PHP olmadan HTML5\u2019te form \u00e7al\u0131\u015ft\u0131rmak m\u00fcmk\u00fcn olmad\u0131\u011f\u0131 gibi, CSS3 olmadan da HTML ile olu\u015fturulmu\u015f bir web sayfas\u0131nda makyajdan s\u00f6z etmek m\u00fcmk\u00fcn de\u011fildir. CSS3 web sayfalar\u0131n\u0131n d\u0131\u015f g\u00f6r\u00fcn\u00fc\u015f\u00fcn\u00fc tamamlayan bir unsurdur. Renklendirme, resim boyutlar\u0131, video ya da ses h\u0131zlar\u0131 tamamen CSS3 ile \u015fekillendirilmektedir. Bu nedenle bu 3 i\u015faretleme dili birbirine ba\u011fl\u0131 \u00e7al\u0131\u015fmaktad\u0131r.<\/p>\n","protected":false},"excerpt":{"rendered":"

      HTML5, bir web sayfas\u0131 haz\u0131rlayabilmek i\u00e7in kullan\u0131lan ve uzun zamand\u0131r varl\u0131\u011f\u0131n\u0131 s\u00fcrd\u00fcren kodlama dillerinden biridir. HTML5, a\u00e7\u0131l\u0131m\u0131 yap\u0131ld\u0131\u011f\u0131nda Hiper Metin \u0130\u015faretleme Dili anlam\u0131na gelmektedir. G\u00fcn\u00fcm\u00fczde web masterlara b\u00fcy\u00fck kolayl\u0131k sa\u011flayan bu i\u015faretleme dili sayesinde kullan\u0131c\u0131 deneyimi son derece y\u00fcksek puanlara varan web sayfalar\u0131 haz\u0131rlamak m\u00fcmk\u00fcn olabilmektedir. Bu i\u015faretleme dili \u00fczerine d\u00fc\u015f\u00fcld\u00fc\u011f\u00fcnde k\u0131sa s\u00fcrede \u00f6\u011frenilebilen i\u015faretleme […]<\/p>\n","protected":false},"author":3,"featured_media":6346,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[530,531,532],"class_list":["post-6342","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nedir","tag-html","tag-html-5","tag-html-5-nedir"],"views":7207,"_links":{"self":[{"href":"https:\/\/www.veridyen.com\/blog\/wp-json\/wp\/v2\/posts\/6342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.veridyen.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.veridyen.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.veridyen.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.veridyen.com\/blog\/wp-json\/wp\/v2\/comments?post=6342"}],"version-history":[{"count":1,"href":"https:\/\/www.veridyen.com\/blog\/wp-json\/wp\/v2\/posts\/6342\/revisions"}],"predecessor-version":[{"id":6349,"href":"https:\/\/www.veridyen.com\/blog\/wp-json\/wp\/v2\/posts\/6342\/revisions\/6349"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.veridyen.com\/blog\/wp-json\/wp\/v2\/media\/6346"}],"wp:attachment":[{"href":"https:\/\/www.veridyen.com\/blog\/wp-json\/wp\/v2\/media?parent=6342"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.veridyen.com\/blog\/wp-json\/wp\/v2\/categories?post=6342"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.veridyen.com\/blog\/wp-json\/wp\/v2\/tags?post=6342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}