SlideShare a Scribd company logo
1 of 10
HTML
 HTML (HYPER TEXT MARKUP LANGUAGE) INTERNET ÜZERINDE WEB SAYFASI OLUŞTURMAK IÇIN KULLANILAN BIR BETIK
DILIDIR.
 HTML DOSYALARININ AKTARIMI IÇIN HTTP (HYPER TEXT TRANSFER PROTOCOL) KULLANILIR.
 HTML DOSYALARI SUNUCUBILGISAYARIN SABIT DISKINDE .HTML YA DA .HTM UZANTISI ILE SAKLANIR.
 YAZDIĞIMIZ HTML DOSYALARI DÜZ YAZI DOSYALARINDAN BAŞKA BIR ŞEY DEĞILDIR.
 YANI YAZDIĞIMIZ HTML DOSYALARINI BIR C YA DA PASCAL PROGRAMINDA OLDUĞU GIBI BIR DERLEYICI ILE DERLEMEMIZE
GEREK YOKTUR.
 BIR SITEYE GIRDIĞIMIZ ZAMAN BIZE GÖRÜNTÜLENEN ILK SAYFA INDEX.HTML, INDEX.HTM, INDEX.ASP, INDEX.PHPYA
DA DEFAULT.HTM DOSYALARINDAN BIRISIDIR. INDEX.* DOSYALARI UNIX VE TÜREVI SUNUCU
SISTEMLER, DEFAULT.HTM DOSYASIDA WINNT YA DA TÜREVI SISTEMLER IÇIN GIRIŞ SAYFASI OLUR.
 YUKARIDA SAYDIKLARIMIN DIŞINDA UZANTISI DEĞIŞIK BIRÇOK BIÇEMDEKI SAYFALARDA SUNUCU SISTEMIN AYARLARI
DEĞIŞTIRILEREK GIRIŞ SAYFASI YAPILABILIR.
 WEB ISTEMCIMIZIN ADRES SATIRINA HTTP://WWW.BELGELER.ORG GIBI BIR IFADE YAZARSAK SUNUCUSISTEM BIZE, O
ADRESIN WWW KÖK DIZININDEKI INDEX.HTML (YA DA HANGI GIRIŞ SAYFASI TANIMLI ISE) DOSYASINI
GÖRÜNTÜLEYECEKTIR.
HTML5
• HYPER TEXT MARKUP LANGUAGE KELIMELERININ KISALTMASI OLAN HTML TIM BERNERS LEE TARAFINDAN 1991 YILINDA
CERN LABORATUVARLARINDA ORTAYA ÇIKMIŞTIR. BU TARIHI WEB'IN DOĞUM TARIHI'DE DENILEBILIR.
• HTML5, INTERNETIN EN ÖNEMLI TEKNOLOJILERINDEN BIRI OLAN HTML‘IN ŞU ANLIK SON SÜRÜMÜDÜR.
• HTML DILI INTERNETIN ILK YILINDAN BERI KULLANICILARA DAHA IYI BIR INTERNET DENEYIMI SUNUYOR.
• KULLANICILARVE YAZILIMCILAR IÇIN SONSUZ ÖNEME SAHIP OLAN BU DIL DENEYIMINI EN ÜST SEVIYEYE TAŞIMAK IÇIN
ARTIK HTML5 KULLANILIYOR.
• HTML5 YENI HALIYLE ÇOK DAHA FAZLA FONKSIYON SUNDUĞU IÇIN MOBIL(TABLET, CEPTELEFONU VB.) CIHAZLAR IÇIN DE
BÜYÜK ÖNEM TAŞIYOR.
• KODLAMA YAPISI AÇISINDAN DA YAZILIMCILARA FARKLI AVANTAJLAR SUNUYOR.
HTML5'I ESKI SÜRÜMÜYLE KIYASLADIĞIMIZDA:
-HTML5 DETAYLI IŞLEME MODELLERI IÇERIR.
-HTML5 HTML VE HTML4 ILE UYUMLUDUR.
-HTML5 XML SINTAKSI KULLANABILIR.
-HTML5’IN YENI ÖZELLIKLERI HTML, CSS, DOM VE JAVASCRIPT ÜZERINE KURULUDUR.
-HTML5 ÇOK PLATFORMLU MOBIL UYGULAMALAR IÇIN POTANSIYEL ADAYDIR.
-HTML5 ÜÇÜNCÜ PARTI YAZILIMLARA VE EKLENTILERE IHTIYAÇ DUYMADAN MULTIMEDYA VE GRAFIK GÖRÜNTÜLERI
OYNATABILIR.
-HTML5 SES VE GÖRÜNTÜ DOSYALARI IÇIN DAHA IYI BIR DESTEK SUNAR.
-HTML5’TE JS GEOLOCATION API ILE LOKASYON BELIRLENEBILIR.
-HTML5’TE FLASH GIBI ÜÇÜNCÜ PARTI YAZILIMLARA IHTIYAÇ YOKTUR.
-HTML5 CIHAZDAN BAĞIMSIZDIR.
-HTML5 ÇIZIM IÇIN CANVAS ELEMANINA SAHIPTIR.
-HTML5 STANDART YAZIM DILINI ILERLETIR, GELIŞTIRIR VE RASYONALIZE EDER.
-HTML5 KOMPLEKS WEB UYGULAMALARI IÇIN API’LER SUNAR.
-HTML5 DETAYLI PARSING KURALLARI IÇERIR VE HATA YÖNETIM SISTEMI DAHA IYIDIR.
-HTML5 YEREL OFFLINE DEPOLAMA IÇIN DAHA IYI BIR DESTEK SUNAR.
CSS
• HTML BIZE METIN BIÇIMLENDIRME ALANINDA ÇOK GENIŞ OLANAKLAR SUNAR. CSS, UZUN YAZILIŞIYLA CASCADING STYLE SHEETS, VEYA TÜRKÇESIYLE
STIL ŞABLONLARI ISE BUNU BIR ADIM DAHA ÖTEYE GÖTÜRÜR, BIZE SAYFALARIMIZ IÇIN GLOBAL ŞABLONLAR HAZIRLAMA OLANAĞI VERDIĞI GIBI, TEK
BIR HARFIN STILINI; YANI RENK, FONT, BÜYÜKLÜK GIBI ÖZELLIKLERINI DEĞIŞTIRMEK IÇIN DE KULLANILABILIR. BU TEKNIĞIN EN ÖNEMLI ÖZELLIĞI
KULLANIMINDAKI BU ESNEKLIĞIDIR.
• BIR WEB SAYFASI IÇERISINDE ZATEN ESTETIK KURALLARI GEREĞI YÜZLERCE RENK VE FONT KULLANMAYIZ. GENELDE BIRBIRIYLE UYUMLU BIRKAÇ RENK
VE BIRKAÇ FONT KULLANIRIZ KI, BUNLARI HER SAYFADA AYRI AYRI TEKRAR BELIRTMEK YERINE CSS YARDIMIYLA BIR SEFER TANIMLAYIP BÜTÜN WEB
SAYFAMIZDA KULLANABILIRIZ.BU ŞEKILDE GÜNCELLEME YAPARKEN DE ONLARCA SAYFAYI DEĞIŞTIRMEKTEN KURTULURUZ.
• CSS KODLARI HTML KODLARININ IÇINE YAZILIRLAR. TÜRÜNE GÖRE BODY VEYA HEAD BÖLÜMLERINDE YER ALABILIRLER. BUNLARIN DIŞINDA HARICI
CSS DOSYALARI OLUŞTURULUP BUNLAR GEREKTIĞINDE HTML BELGESI IÇERISINDE ÇAĞIRILABILIRLER.
• HEMEN HEMEN HER KONUDA OLDUĞU GIBI CSS KONUSUNDA DA MICROSOFT INTERNET EXPLORER VE NETSCAPE FARKLI YORUMLAR ORTAYA
KOYARLAR. BU NOKTADA HER IKI BROWSER'IN DA AYNI/BENZER YORUMLAYACAĞI KODLAR YAZMAK EN UYGUNUDUR.
JAVASCRIPT
• HTML DILI HER NE KADAR METINLER ÜZERINDE NEREDEYSE HER TÜRLÜ DÜZENLEMEYI YAPMAMIZA IZIN VERSE DE, ZAYIF KALDIĞI
BAZI YÖNLER VARDIR; MESELA HTML BIZE WEB SAYFALARINA BIR 'IŞ' YAPTIRTMA, ONLARI DEĞIŞIK OLAYLARA VEYA DURUMLARA
DUYARLI HALE GETIRME IMKANI SUNMAZ. BU EKSIKLIĞI NETSCAPE FIRMASININ YETKILILERI DE FARKETMIŞ OLACAK KI ARALIK
1995 TARIHINDE, C DILININ BROWSER'LARA UYARLANMIŞ HALI DIYEBILECEĞIMIZ JAVASCRIPT'I PIYASAYA SÜRDÜLER.
• TAM BU DÖNEMDE SUN MICROSYSTEMS PASCAL VE DELPHI DILLERINDEN ESINLEREK OLUŞTURDUĞU 'JAVA' ISIMLI BIR
PROGRAMLAMA DILINI PIYASAYA SÜRMEK ÜZEREYDI. NETSCAPE'IN PIYASAYA SÜRDÜĞÜ SCRIPT DILININ ISMINI JAVASCRIPT
KOYMASI, O DÖNEMDE ÇOK TELAFFUZ EDILEN 'JAVA' KELIMESININ POPÜLERITESINDEN YARARLANMAK ADINA UYGULADIĞI BIR
PAZARLAMA STRATEJISIYDI, YANI PEK ÇOK KIŞININ DÜŞÜNDÜĞÜNÜN AKSINE JAVA ILE JAVASCRIPT ARASINDA ISIM BENZERLIĞI
HARIÇ HIÇBIR BENZERLIK YOKTUR.
• BIR SÜRE SONRA MICROSOFT DA OLAYA EL ATTI VE JAVASCRIPT'LE NEREDEYSE AYNI OLAN JSCRIPT'I PIYASAYA SÜRDÜ.FAKAT
SONRA BU DILLER FARKLI YÖNLERE DOĞRU GELIŞTILER. ŞU ANDA NETSCAPE TARAYICISI JSCRIPT'I TANIMIYOR, FAKAT EXPLORER
HER IKI SCRIPT'I DE TANIYOR. YINE DE IKI TARAYICININ JAVASCRIPT'I YORUMLAMALARI BAZEN FARKLILIK GÖSTEREBILIYOR.
• 'JAVASCRIPT NEDIR?' SORUSUNA DÖNERSEK :
• NETSCAPE'IN PIYASAYA SÜRDÜĞÜ SCRIPT DILIDIR.
• JAVASCRIPT HTML KODLARININ IÇINE YAZILIR. YAZILAN KODUN BIR JAVASCRIPT KODU OLDUĞU
BROWSER'A <SCRIPT>...</SCRIPT>ETIKETLERI ILE BILDIRILIR.
• TIPKI HTML GIBI, JAVASCRIPT KODLARI DA YORUMLANMAK IÇIN BIR BROWSER'A IHTIYAÇ DUYARLAR, YANI SONUÇTA '.EXE'
UZANTILI, BAĞIMSIZ OLARAK ÇALIŞABILECEK BIR DOSYA OLUŞMAZ.
• JAVASCRIPT BIR OLAY HALINDE IŞLER; OLAY JAVASCRIPT AÇISINDAN ZIYARETÇININ BIR YERE TIKLAMASI, BIR TUŞA BASMASI
VS. OLABILIR.
• JAVASCRIPT ILE NELER YAPILABILIR?
• JAVASCRIPT ILE BIR WEB SAYFASINA YUKARIDA TANIMLADIĞIMIZ BIÇIMDE HERHANGI BIR OLAYIN GERÇEKLEŞMESI HALINDE
HERHANGI BIR IŞ YAPTIRABILIRIZ. ÖRNEGIN SAYFADA BIR BUTONA BASILDIĞINDA SAYFADAKI BIR 'TEXT' KUTUSUNUN IÇINE
'CLICK!' YAZDIRABILIRIZ. BURADA OLAY ZIYARETÇININ BUTONA TIKLAMASI, IŞ ISE TEXT KUTUSUNA 'CLICK!' YAZILMASIDIR...
JAVASCRIPT DILINDE NEREDEYSE OLASI HER OLAY TANIMLANMIŞTIR, DOLAYISIYLA YAPILABILECEK ŞEYLER ÇOK GENIŞTIR.
• JAVASCRIPT'I ÖĞRENMEYE GEÇMEDEN ÖNCE BIR ÖNERI: SADECE GEREKTIĞI ZAMAN JAVASRIPT'I KULLANIN. GEREKSIZ
KULLANIMLARSAYFANIN BOYUTUNU ŞIŞIRECEĞI GIBI, SAYFANIZIN ESTETIĞINI VE KULLANIŞLILIĞINI DE OLUMSUZ YÖNDE
ETKILEYECEKTIR.
PHP
• PHP KISACA WEB TABANLI BIR PROGRAMLAMA DILIDIR. ESKIDEN AÇILIMI “PERSONAL HOME PAGE”
YANI KIŞISEL ANASAYFA IKEN GÜNÜMÜZDE GELIŞMESI VE DAHA IYI ANLAM KAZANMASI
ILE “PHP: HYPERTEXT PREPROCESSOR” YANI ÜSTÜN YAZI ÖNIŞLEMCISI OLMUŞ.
• DIĞER WEB TABANLI DILLERE GÖRE ONLARCA AVANTAJI OLAN VE GÜNÜMÜZDE EN POPÜLER DILLERDEN BIRISI.
İNTERNET ÜZERINDEKI DURAĞAN SABIT YAZILARA DINAMIKLIK KATMAMIZI SAĞLAYAN BIR WEB TABANLI DIL
OLAN PHP, EN IYI PERFORMANSI MYSQL VERITABANI VE LINUX IŞLETIM SISTEMI ILE GÖSTERIR.
• 1995 YILINDA RASMUS LERDORF TARAFINDAN OLUŞTURULAN PHP GÜNÜMÜZDE HALEN GELIŞTIRILMESINE
DEVAM EDILMEKTE. EN SON SÜRÜMÜ PHP5 OLMASIYLA BERABER TAMAMEN AÇIK KAYNAKLI VE ÜCRETSIZDIR.
ASP
• SP, ACTIVE SERVER PAGES (AKTIF SUNUCUSU SAYFALARI) KISALTMASIDIR.
• ASP BIR MICROSOFT YAZILIMIDIR.
• ASP, IIS (INTERNET INFORMATION SERVICES) ALTINDA ÇALIŞAN BIR PROGRAMDIR.
• IIS, WINDOWS 2000, WINDOWS NT 4.0, WINDOWS XP PROFESSIONAL VE WINDOWS 7 ULTIMA CD'SINDE
BULUNAN HAZIR BIR PROGRAM PAKETIDIR.
• AYRICA WINDOWS 95/98'DE PWS (PERSONEL WEB SERVER) ILE DE ASP KODLARINI
ÇALIŞTIRABILIRSINIZ.
SUNUCU TARAFLI PROGRAMLAMA VE SCRIPT NEDIR?
(SERVER SIDE PROGRAMMING AND SCRIPT)
• SUNUCU TARAFLI PROGRAMLAMASUNUCU TARAFINDA ÇALIŞABILEN PROGRAMLAMA DILLERININ KULLANILARAKBIR WEB PROJESININ OLUŞTURULMASI ANLAMINAGELIR.
• SUNUCU TARAFLI SCRIPT ISE BU PROGRAMLAMADILLERIILE OLUŞTURULMUŞ, SUNUCU TARAFINDA ÇALIŞAN VE SONUCU KULLANICIYA GÖSTERILEN IŞLEMLERDIR.
• SUNUCU TARAFLI PROGRAMLAMADILLERINDEN BAZILARIISE ŞUNLARDIR;
• PHP
• ASP.NET
• PYHTON
• RUBY
• JAVA
• BU DILLERI SADECE SUNUCU ÜZERINDEKI YAZILIMLAROKUYUP, IŞLEM YAPABILIR.YAPILAN IŞLEMLERIN SONUCUNU ISE PROGRAMCININ ISTEĞINE GÖRE KULLANICIYA ÇIKTILAR. AYNI
ZAMANDA VERI TABANIYLA ILGILIIŞLEMLERINYAPILMASIDA SUNUCU TARAFLI BIR IŞLEM OLDUĞUNDAN SUNUCU TARAFLI PROGRAMLAMA DILLERI KULLANILARAKGERÇEKLEŞTIRILIR.
İSTEMCI TARAFLI PROGRAMLAMA VE SCRIPT NEDIR?
(CLIENT SIDE PROGRAMMING AND SCRIPT)
• İSTEMCI TARAFLI PROGRAMLAMA ISTEMCININ YANI KULLANICININ TARAFINDA ÇALIŞAN KODLARIN OLUŞTURULMASI ANLAMINA GELIR. YANI
TARAYICILAR YARDIMI ILE KULLANICININ BILGISAYARINDA IŞLEM GÖREN VE SONUÇ DÖNDÜREN KODLAR ISTEMCI TARAFLI KODLARDIR. BU KODLARIN
YAZILMASINA ISTEMCI TARAFLI PROGRAMLAMA, YAZILAN KODLAR SONUCU OLUŞAN SCRIPT’E ISTEMCI TARAFLI SCRIPT DENIR.
• BU KODLAR GENELLIKLE SUNUCU ILE ILETIŞIM KURMADAN DIREK KULLANICININ TARAYICISI YARDIMI ILE ÇALIŞIRLAR VE SONUÇ DÖNDÜRÜRLER.
• İSTEMCI TARAFLI PROGRAMLAMADA KULLANILAN DIL ÇOK FAZLA OLMAMAKLA BERABER WEB ALANINDA EN ÇOK KULLANDIĞIMIZ JAVASCRIPT’DIR.
BAZILARININ JQUERY’E NE OLDU? DEDIĞINI DUYAR GIBIYIM. JQUERY FARKLI BIR PROGRAMLAMA DILI DEĞILDIR. JQUERY BIR JAVASCRIPT
KÜTÜPHANESIDIR.YANI TEMELINDE JAVASCRIPT YATAR VE ARTIK BLOGUMUZDA JQUERY KÜTÜPHANESINE AIT DERSLERI YAZMAYA BAŞLAYACAĞIM.
• PEKI, ISTEMCI TARAFLI PROGRAMLAMA DILLERINE NE ZAMAN IHTIYAÇ DUYARIZ?
• GENELDE YAPTIĞIM IŞLERDE EN ÇOK KULLANDIĞIM ALANLAR SITENIN SLIDER GIBI GEÇIŞ OLAN KISIMLARI,BAZI EFEKTLERDE YANI GENEL OLARAK
GÖRSELLIĞI ARTTIRMA ÇALIŞMALARINDA KULLANDIM.

More Related Content

Featured

Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

Featured (20)

Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
 

Murat

  • 1. HTML  HTML (HYPER TEXT MARKUP LANGUAGE) INTERNET ÜZERINDE WEB SAYFASI OLUŞTURMAK IÇIN KULLANILAN BIR BETIK DILIDIR.  HTML DOSYALARININ AKTARIMI IÇIN HTTP (HYPER TEXT TRANSFER PROTOCOL) KULLANILIR.  HTML DOSYALARI SUNUCUBILGISAYARIN SABIT DISKINDE .HTML YA DA .HTM UZANTISI ILE SAKLANIR.  YAZDIĞIMIZ HTML DOSYALARI DÜZ YAZI DOSYALARINDAN BAŞKA BIR ŞEY DEĞILDIR.  YANI YAZDIĞIMIZ HTML DOSYALARINI BIR C YA DA PASCAL PROGRAMINDA OLDUĞU GIBI BIR DERLEYICI ILE DERLEMEMIZE GEREK YOKTUR.  BIR SITEYE GIRDIĞIMIZ ZAMAN BIZE GÖRÜNTÜLENEN ILK SAYFA INDEX.HTML, INDEX.HTM, INDEX.ASP, INDEX.PHPYA DA DEFAULT.HTM DOSYALARINDAN BIRISIDIR. INDEX.* DOSYALARI UNIX VE TÜREVI SUNUCU SISTEMLER, DEFAULT.HTM DOSYASIDA WINNT YA DA TÜREVI SISTEMLER IÇIN GIRIŞ SAYFASI OLUR.  YUKARIDA SAYDIKLARIMIN DIŞINDA UZANTISI DEĞIŞIK BIRÇOK BIÇEMDEKI SAYFALARDA SUNUCU SISTEMIN AYARLARI DEĞIŞTIRILEREK GIRIŞ SAYFASI YAPILABILIR.  WEB ISTEMCIMIZIN ADRES SATIRINA HTTP://WWW.BELGELER.ORG GIBI BIR IFADE YAZARSAK SUNUCUSISTEM BIZE, O ADRESIN WWW KÖK DIZININDEKI INDEX.HTML (YA DA HANGI GIRIŞ SAYFASI TANIMLI ISE) DOSYASINI GÖRÜNTÜLEYECEKTIR.
  • 2. HTML5 • HYPER TEXT MARKUP LANGUAGE KELIMELERININ KISALTMASI OLAN HTML TIM BERNERS LEE TARAFINDAN 1991 YILINDA CERN LABORATUVARLARINDA ORTAYA ÇIKMIŞTIR. BU TARIHI WEB'IN DOĞUM TARIHI'DE DENILEBILIR. • HTML5, INTERNETIN EN ÖNEMLI TEKNOLOJILERINDEN BIRI OLAN HTML‘IN ŞU ANLIK SON SÜRÜMÜDÜR. • HTML DILI INTERNETIN ILK YILINDAN BERI KULLANICILARA DAHA IYI BIR INTERNET DENEYIMI SUNUYOR. • KULLANICILARVE YAZILIMCILAR IÇIN SONSUZ ÖNEME SAHIP OLAN BU DIL DENEYIMINI EN ÜST SEVIYEYE TAŞIMAK IÇIN ARTIK HTML5 KULLANILIYOR. • HTML5 YENI HALIYLE ÇOK DAHA FAZLA FONKSIYON SUNDUĞU IÇIN MOBIL(TABLET, CEPTELEFONU VB.) CIHAZLAR IÇIN DE BÜYÜK ÖNEM TAŞIYOR. • KODLAMA YAPISI AÇISINDAN DA YAZILIMCILARA FARKLI AVANTAJLAR SUNUYOR.
  • 3. HTML5'I ESKI SÜRÜMÜYLE KIYASLADIĞIMIZDA: -HTML5 DETAYLI IŞLEME MODELLERI IÇERIR. -HTML5 HTML VE HTML4 ILE UYUMLUDUR. -HTML5 XML SINTAKSI KULLANABILIR. -HTML5’IN YENI ÖZELLIKLERI HTML, CSS, DOM VE JAVASCRIPT ÜZERINE KURULUDUR. -HTML5 ÇOK PLATFORMLU MOBIL UYGULAMALAR IÇIN POTANSIYEL ADAYDIR. -HTML5 ÜÇÜNCÜ PARTI YAZILIMLARA VE EKLENTILERE IHTIYAÇ DUYMADAN MULTIMEDYA VE GRAFIK GÖRÜNTÜLERI OYNATABILIR. -HTML5 SES VE GÖRÜNTÜ DOSYALARI IÇIN DAHA IYI BIR DESTEK SUNAR. -HTML5’TE JS GEOLOCATION API ILE LOKASYON BELIRLENEBILIR. -HTML5’TE FLASH GIBI ÜÇÜNCÜ PARTI YAZILIMLARA IHTIYAÇ YOKTUR. -HTML5 CIHAZDAN BAĞIMSIZDIR. -HTML5 ÇIZIM IÇIN CANVAS ELEMANINA SAHIPTIR. -HTML5 STANDART YAZIM DILINI ILERLETIR, GELIŞTIRIR VE RASYONALIZE EDER. -HTML5 KOMPLEKS WEB UYGULAMALARI IÇIN API’LER SUNAR. -HTML5 DETAYLI PARSING KURALLARI IÇERIR VE HATA YÖNETIM SISTEMI DAHA IYIDIR. -HTML5 YEREL OFFLINE DEPOLAMA IÇIN DAHA IYI BIR DESTEK SUNAR.
  • 4. CSS • HTML BIZE METIN BIÇIMLENDIRME ALANINDA ÇOK GENIŞ OLANAKLAR SUNAR. CSS, UZUN YAZILIŞIYLA CASCADING STYLE SHEETS, VEYA TÜRKÇESIYLE STIL ŞABLONLARI ISE BUNU BIR ADIM DAHA ÖTEYE GÖTÜRÜR, BIZE SAYFALARIMIZ IÇIN GLOBAL ŞABLONLAR HAZIRLAMA OLANAĞI VERDIĞI GIBI, TEK BIR HARFIN STILINI; YANI RENK, FONT, BÜYÜKLÜK GIBI ÖZELLIKLERINI DEĞIŞTIRMEK IÇIN DE KULLANILABILIR. BU TEKNIĞIN EN ÖNEMLI ÖZELLIĞI KULLANIMINDAKI BU ESNEKLIĞIDIR. • BIR WEB SAYFASI IÇERISINDE ZATEN ESTETIK KURALLARI GEREĞI YÜZLERCE RENK VE FONT KULLANMAYIZ. GENELDE BIRBIRIYLE UYUMLU BIRKAÇ RENK VE BIRKAÇ FONT KULLANIRIZ KI, BUNLARI HER SAYFADA AYRI AYRI TEKRAR BELIRTMEK YERINE CSS YARDIMIYLA BIR SEFER TANIMLAYIP BÜTÜN WEB SAYFAMIZDA KULLANABILIRIZ.BU ŞEKILDE GÜNCELLEME YAPARKEN DE ONLARCA SAYFAYI DEĞIŞTIRMEKTEN KURTULURUZ. • CSS KODLARI HTML KODLARININ IÇINE YAZILIRLAR. TÜRÜNE GÖRE BODY VEYA HEAD BÖLÜMLERINDE YER ALABILIRLER. BUNLARIN DIŞINDA HARICI CSS DOSYALARI OLUŞTURULUP BUNLAR GEREKTIĞINDE HTML BELGESI IÇERISINDE ÇAĞIRILABILIRLER. • HEMEN HEMEN HER KONUDA OLDUĞU GIBI CSS KONUSUNDA DA MICROSOFT INTERNET EXPLORER VE NETSCAPE FARKLI YORUMLAR ORTAYA KOYARLAR. BU NOKTADA HER IKI BROWSER'IN DA AYNI/BENZER YORUMLAYACAĞI KODLAR YAZMAK EN UYGUNUDUR.
  • 5. JAVASCRIPT • HTML DILI HER NE KADAR METINLER ÜZERINDE NEREDEYSE HER TÜRLÜ DÜZENLEMEYI YAPMAMIZA IZIN VERSE DE, ZAYIF KALDIĞI BAZI YÖNLER VARDIR; MESELA HTML BIZE WEB SAYFALARINA BIR 'IŞ' YAPTIRTMA, ONLARI DEĞIŞIK OLAYLARA VEYA DURUMLARA DUYARLI HALE GETIRME IMKANI SUNMAZ. BU EKSIKLIĞI NETSCAPE FIRMASININ YETKILILERI DE FARKETMIŞ OLACAK KI ARALIK 1995 TARIHINDE, C DILININ BROWSER'LARA UYARLANMIŞ HALI DIYEBILECEĞIMIZ JAVASCRIPT'I PIYASAYA SÜRDÜLER. • TAM BU DÖNEMDE SUN MICROSYSTEMS PASCAL VE DELPHI DILLERINDEN ESINLEREK OLUŞTURDUĞU 'JAVA' ISIMLI BIR PROGRAMLAMA DILINI PIYASAYA SÜRMEK ÜZEREYDI. NETSCAPE'IN PIYASAYA SÜRDÜĞÜ SCRIPT DILININ ISMINI JAVASCRIPT KOYMASI, O DÖNEMDE ÇOK TELAFFUZ EDILEN 'JAVA' KELIMESININ POPÜLERITESINDEN YARARLANMAK ADINA UYGULADIĞI BIR PAZARLAMA STRATEJISIYDI, YANI PEK ÇOK KIŞININ DÜŞÜNDÜĞÜNÜN AKSINE JAVA ILE JAVASCRIPT ARASINDA ISIM BENZERLIĞI HARIÇ HIÇBIR BENZERLIK YOKTUR. • BIR SÜRE SONRA MICROSOFT DA OLAYA EL ATTI VE JAVASCRIPT'LE NEREDEYSE AYNI OLAN JSCRIPT'I PIYASAYA SÜRDÜ.FAKAT SONRA BU DILLER FARKLI YÖNLERE DOĞRU GELIŞTILER. ŞU ANDA NETSCAPE TARAYICISI JSCRIPT'I TANIMIYOR, FAKAT EXPLORER HER IKI SCRIPT'I DE TANIYOR. YINE DE IKI TARAYICININ JAVASCRIPT'I YORUMLAMALARI BAZEN FARKLILIK GÖSTEREBILIYOR.
  • 6. • 'JAVASCRIPT NEDIR?' SORUSUNA DÖNERSEK : • NETSCAPE'IN PIYASAYA SÜRDÜĞÜ SCRIPT DILIDIR. • JAVASCRIPT HTML KODLARININ IÇINE YAZILIR. YAZILAN KODUN BIR JAVASCRIPT KODU OLDUĞU BROWSER'A <SCRIPT>...</SCRIPT>ETIKETLERI ILE BILDIRILIR. • TIPKI HTML GIBI, JAVASCRIPT KODLARI DA YORUMLANMAK IÇIN BIR BROWSER'A IHTIYAÇ DUYARLAR, YANI SONUÇTA '.EXE' UZANTILI, BAĞIMSIZ OLARAK ÇALIŞABILECEK BIR DOSYA OLUŞMAZ. • JAVASCRIPT BIR OLAY HALINDE IŞLER; OLAY JAVASCRIPT AÇISINDAN ZIYARETÇININ BIR YERE TIKLAMASI, BIR TUŞA BASMASI VS. OLABILIR. • JAVASCRIPT ILE NELER YAPILABILIR? • JAVASCRIPT ILE BIR WEB SAYFASINA YUKARIDA TANIMLADIĞIMIZ BIÇIMDE HERHANGI BIR OLAYIN GERÇEKLEŞMESI HALINDE HERHANGI BIR IŞ YAPTIRABILIRIZ. ÖRNEGIN SAYFADA BIR BUTONA BASILDIĞINDA SAYFADAKI BIR 'TEXT' KUTUSUNUN IÇINE 'CLICK!' YAZDIRABILIRIZ. BURADA OLAY ZIYARETÇININ BUTONA TIKLAMASI, IŞ ISE TEXT KUTUSUNA 'CLICK!' YAZILMASIDIR... JAVASCRIPT DILINDE NEREDEYSE OLASI HER OLAY TANIMLANMIŞTIR, DOLAYISIYLA YAPILABILECEK ŞEYLER ÇOK GENIŞTIR. • JAVASCRIPT'I ÖĞRENMEYE GEÇMEDEN ÖNCE BIR ÖNERI: SADECE GEREKTIĞI ZAMAN JAVASRIPT'I KULLANIN. GEREKSIZ KULLANIMLARSAYFANIN BOYUTUNU ŞIŞIRECEĞI GIBI, SAYFANIZIN ESTETIĞINI VE KULLANIŞLILIĞINI DE OLUMSUZ YÖNDE ETKILEYECEKTIR.
  • 7. PHP • PHP KISACA WEB TABANLI BIR PROGRAMLAMA DILIDIR. ESKIDEN AÇILIMI “PERSONAL HOME PAGE” YANI KIŞISEL ANASAYFA IKEN GÜNÜMÜZDE GELIŞMESI VE DAHA IYI ANLAM KAZANMASI ILE “PHP: HYPERTEXT PREPROCESSOR” YANI ÜSTÜN YAZI ÖNIŞLEMCISI OLMUŞ. • DIĞER WEB TABANLI DILLERE GÖRE ONLARCA AVANTAJI OLAN VE GÜNÜMÜZDE EN POPÜLER DILLERDEN BIRISI. İNTERNET ÜZERINDEKI DURAĞAN SABIT YAZILARA DINAMIKLIK KATMAMIZI SAĞLAYAN BIR WEB TABANLI DIL OLAN PHP, EN IYI PERFORMANSI MYSQL VERITABANI VE LINUX IŞLETIM SISTEMI ILE GÖSTERIR. • 1995 YILINDA RASMUS LERDORF TARAFINDAN OLUŞTURULAN PHP GÜNÜMÜZDE HALEN GELIŞTIRILMESINE DEVAM EDILMEKTE. EN SON SÜRÜMÜ PHP5 OLMASIYLA BERABER TAMAMEN AÇIK KAYNAKLI VE ÜCRETSIZDIR.
  • 8. ASP • SP, ACTIVE SERVER PAGES (AKTIF SUNUCUSU SAYFALARI) KISALTMASIDIR. • ASP BIR MICROSOFT YAZILIMIDIR. • ASP, IIS (INTERNET INFORMATION SERVICES) ALTINDA ÇALIŞAN BIR PROGRAMDIR. • IIS, WINDOWS 2000, WINDOWS NT 4.0, WINDOWS XP PROFESSIONAL VE WINDOWS 7 ULTIMA CD'SINDE BULUNAN HAZIR BIR PROGRAM PAKETIDIR. • AYRICA WINDOWS 95/98'DE PWS (PERSONEL WEB SERVER) ILE DE ASP KODLARINI ÇALIŞTIRABILIRSINIZ.
  • 9. SUNUCU TARAFLI PROGRAMLAMA VE SCRIPT NEDIR? (SERVER SIDE PROGRAMMING AND SCRIPT) • SUNUCU TARAFLI PROGRAMLAMASUNUCU TARAFINDA ÇALIŞABILEN PROGRAMLAMA DILLERININ KULLANILARAKBIR WEB PROJESININ OLUŞTURULMASI ANLAMINAGELIR. • SUNUCU TARAFLI SCRIPT ISE BU PROGRAMLAMADILLERIILE OLUŞTURULMUŞ, SUNUCU TARAFINDA ÇALIŞAN VE SONUCU KULLANICIYA GÖSTERILEN IŞLEMLERDIR. • SUNUCU TARAFLI PROGRAMLAMADILLERINDEN BAZILARIISE ŞUNLARDIR; • PHP • ASP.NET • PYHTON • RUBY • JAVA • BU DILLERI SADECE SUNUCU ÜZERINDEKI YAZILIMLAROKUYUP, IŞLEM YAPABILIR.YAPILAN IŞLEMLERIN SONUCUNU ISE PROGRAMCININ ISTEĞINE GÖRE KULLANICIYA ÇIKTILAR. AYNI ZAMANDA VERI TABANIYLA ILGILIIŞLEMLERINYAPILMASIDA SUNUCU TARAFLI BIR IŞLEM OLDUĞUNDAN SUNUCU TARAFLI PROGRAMLAMA DILLERI KULLANILARAKGERÇEKLEŞTIRILIR.
  • 10. İSTEMCI TARAFLI PROGRAMLAMA VE SCRIPT NEDIR? (CLIENT SIDE PROGRAMMING AND SCRIPT) • İSTEMCI TARAFLI PROGRAMLAMA ISTEMCININ YANI KULLANICININ TARAFINDA ÇALIŞAN KODLARIN OLUŞTURULMASI ANLAMINA GELIR. YANI TARAYICILAR YARDIMI ILE KULLANICININ BILGISAYARINDA IŞLEM GÖREN VE SONUÇ DÖNDÜREN KODLAR ISTEMCI TARAFLI KODLARDIR. BU KODLARIN YAZILMASINA ISTEMCI TARAFLI PROGRAMLAMA, YAZILAN KODLAR SONUCU OLUŞAN SCRIPT’E ISTEMCI TARAFLI SCRIPT DENIR. • BU KODLAR GENELLIKLE SUNUCU ILE ILETIŞIM KURMADAN DIREK KULLANICININ TARAYICISI YARDIMI ILE ÇALIŞIRLAR VE SONUÇ DÖNDÜRÜRLER. • İSTEMCI TARAFLI PROGRAMLAMADA KULLANILAN DIL ÇOK FAZLA OLMAMAKLA BERABER WEB ALANINDA EN ÇOK KULLANDIĞIMIZ JAVASCRIPT’DIR. BAZILARININ JQUERY’E NE OLDU? DEDIĞINI DUYAR GIBIYIM. JQUERY FARKLI BIR PROGRAMLAMA DILI DEĞILDIR. JQUERY BIR JAVASCRIPT KÜTÜPHANESIDIR.YANI TEMELINDE JAVASCRIPT YATAR VE ARTIK BLOGUMUZDA JQUERY KÜTÜPHANESINE AIT DERSLERI YAZMAYA BAŞLAYACAĞIM. • PEKI, ISTEMCI TARAFLI PROGRAMLAMA DILLERINE NE ZAMAN IHTIYAÇ DUYARIZ? • GENELDE YAPTIĞIM IŞLERDE EN ÇOK KULLANDIĞIM ALANLAR SITENIN SLIDER GIBI GEÇIŞ OLAN KISIMLARI,BAZI EFEKTLERDE YANI GENEL OLARAK GÖRSELLIĞI ARTTIRMA ÇALIŞMALARINDA KULLANDIM.