Sunum yükleniyor. Lütfen bekleyiniz

Sunum yükleniyor. Lütfen bekleyiniz

Bu ders ne değildir? Neyi amaç edinmiştir? –Bilgisayar Programcısı? –Web Tasarımcısı? –Web Programcısı? Neler öğreneceğiz? –Ders sonunda neler yapılabileceğiz?

Benzer bir sunumlar


... konulu sunumlar: "Bu ders ne değildir? Neyi amaç edinmiştir? –Bilgisayar Programcısı? –Web Tasarımcısı? –Web Programcısı? Neler öğreneceğiz? –Ders sonunda neler yapılabileceğiz?"— Sunum transkripti:

1 Bu ders ne değildir? Neyi amaç edinmiştir? –Bilgisayar Programcısı? –Web Tasarımcısı? –Web Programcısı? Neler öğreneceğiz? –Ders sonunda neler yapılabileceğiz? –Örnek siteler İNTERNET TABANLI PROGRAMLAMA

2 2  İnternet Nedir?  Bilgisayar Ağı  İnternet Uygulamaları  İnternet Protokolleri

3 3 İnternet Nedir?  Interconnected Networks, kelimelerinin kısaltmasıdır ve kendi aralarında bağlantılı ağlar anlamına gelir.  Dünya üzerindeki birbiriyle bağlantılı milyonlarca bilgisayardan herhangi birisiyle veri, ileti ve dosya alış verişini sağlayan ve sürekli olarak büyüyen bir iletişim aracıdır.  Internetin çatısını üniversiteler, kamu kurumları ve ticari kuruluşların bilgisayarları oluşturmaktadır. Kullanıcılar internete bu kurumlardan aldıkları hizmet aracılığıyla erişirler. Bu kurum ve kuruluşlar, sunucu denilen bilgisayarlarını hiç kapatmazlar.

4 4  İstemci (client): İnternet’e bağlanmak için kullanılan kişisel bilgisayarlardır. Bilgisayar ağlarında, diğer ağ bileşenlerinin paylaşıma açık kaynaklarını kullanabilen birimdir.  Sunucu (server): İnternet üzerinde bilgi içeren bilgisayarlardır. Sunucu, bilgisayar ağlarında, diğer ağ bileşenlerinin kullanımına (paylaşımına) açık kaynakları bulunduran birimdir. Bir ağda birden fazla sunucu birimi bulunabilir.  Internet servis sağlayıcısı, kişilere ve şirketlere Internet bağlantısı sağlayan kurumdur. Kısaca ISS ya da İngilizce'de ISP (Internet service provider) olarak bilinir.

5 5  1960'lı yıllarda US Savunma Bakanlığının isteği üzerine olası felaket senaryolarının (doğal afet, nükleer saldırı) ardından dahi işlevselliğini koruyabilecek bir iletişim sistemi yaratmak amacı ile ARPANET (Advanced Research Project Administration – Yüksek Araştırma Proje İdaresi) adı altında başlatılan askeri bir projedir.  1970'li yılların başında Amerikan üniversitelerinde bu projeden yararlanma imkanı verilmesinin ardından e-posta (SMTP) ve NNTP (Network News Transfer Protocol) uygulamaları yaygınlık kazanmaya başlamıştır. Bunları FTP ve HTTP izlemiştir. İnternetin Tarihi

6 6 Bilgisayar Ağı  Bilgisayar ağı (network), bilgisayarların bilgi ve kaynaklarını paylaşabilmeleri için oluşturulan yapıdır. En az iki bilgisayarı birbirine bağlayarak bir ağ oluşturulur. Bu ağ vasıtası ile bilgisayarlar aralarında birbiri ile haberleşebilirler.  1980'li yıllarla birlikte, Ethernet ve LAN teknolojisinin gelişmesiyle, kişisel bilgisayarlar ve ofisler bilgisayar ağlarına kavuşmuştur.  En bilinen bilgisayar ağı, İnternettir.

7 7 İnternet Uygulamaları  World Wide Web (www)  e-posta ( )  Tartışma Listeleri  Forum  Peer to peer  Sohbet  Sesli ve Videolu Konferans  FTP (File Transfer Protocol)  Gerçek zamanlı uygulamalar

8 8 World Wide Web (www)  Dünya çapında ağ (World Wide Web - www – web –w3), örümcek ağları gibi birbiriyle bağlantılı sayfalardan, İnternet üzerinde çalışan ve "www" ile başlayan adreslerdeki sayfaların görüntülenmesini sağlayan servistir.  İnternet ve web terimleri aynı olguyu tanımlamaz. Zira web sadece internet üzerinde çalışan bir servistir. Web kavramı, CERN'de bir bilgisayar programcısı olan Tim Berners-Lee'nin HTML adlı bilgisayar dilini bulup geliştirmesiyle oluşmuştur.

9 9  Web’de bilgi, web sayfaları üzerinde bulunur.  Bu Web sayfalarına erişmek için web tarayıcıları (Web Browser) kullanılır.  Firefox  Internet Explorer  Opera  Netscape  Lynx gibi.

10 10 Internet Explorer, Firefox, Safari

11 11 Web Adresi Uzantıları .edu: educational (eğitim kuruluşları-üniversiteler) .com: commercial (ticari kuruluşlar) .gov: governmental (kamu kuruluşları) .net: Internet'le ilgili kurumlar .org: nonprofit organizations (kâr amacı gütmeyen vakıflar, dernekler, sivil toplum örgütleri vb.) .mil: military (askeri kuruluşlar) .k12: Kindergarten-12th Grade (İlköğretim okulları ve liseler)

12 12   

13 13  DNS (İnternet Alan Adı Sistemi - Domain Name System): İnternet uzayını bölümlemeye ve bölümleri adlandırmaya yarayan bir sistemdir. İnternet ağını oluşturan her birim sadece kendine ait bir IP adresine sahiptir. Bu IP adresleri kullanıcıların kullanımı için gibi kolay hatırlanır adreslere karşılık düşürülür. DNS sunucuları, internet adreslerinin IP adresi karşılığını kayıtlı tutmaktadır. DNS (Domain Name Server)

14 14  HTTP (Hyper Text Transfer Protocol - Hiper Metin Transferi Protokolü) kelimelerinin baş harflerinden oluşan bir kısaltmadır. İnternette sunucular ve son kullanıcılar arasında bilgilerin nasıl aktarılacağına dair kurallar ve yöntemleri düzenleyen protokoldür. HTTP

15 15  HTML (Hyper Text Markup Language), ana hatları SGML (Standard Generalized Markup Language) ile belirlenmiş bir döküman formatlama dilidir. Bu dil, daha çok, yazılı bir dokümanı formatlamak ve bir objeden başka bir objeye linkler sağlamak ile ilgili komutları içerir. HTML, HTTP ve ilgili diğer protokolleri kullanabilmek için renkli ve güzel kullanıcı arayüzleri hazırlamamızı olanaklı kılar. HTML

16 Internette kullanilan diller HTML ASP PHP Javascript

17 Ogrenecegimiz diller HTML PHP SQL : Veritabani sorgulama dili MySQL: Veritabani yonetim sistemi

18 E-ticaret siteleri –CD-DVD Satış ve Paylaşım Sitesi –Grafik ve Web Tasarım Çalışmaları Satış Sistemi Eğitim içerikli siteler –Öğrenci Bilgi Sistemi –KPDS Sınav ve Çalışma Sistemi Turizm içerikli siteler –Turist Rehber Portallar –Araba Portalı –Kitap Portalı Örnek Projeler

19 Öğrenci Bilgi Sistemi

20 TURİZM REHBERİ

21 Emlak Portalı

22 Web Teknolojileri Bölüm I: HTML Bölüm II: PHP ve MySql

23 Editör –Notepad++ –Kisisel bilgisayariniza bu programi indirin.

24 Editörler Notepad++ –Notepad++, notepad yazılımına alternatif olan, çok gelişmiş bir metin editörüdür. Onlarca programlama dilini tanır ve renklendirme desteği verir. Özellikler: –Dil tanıma ve renklendirme –WYSIWYG editörü –Kullanıcı tanımlamalı dil renklendirme –Otomatik tag tamamlama –Çoklu döküman açma ve görüntüleme –Arama&Değiştirme desteği –Sürükle&Bırak desteği –Desteklediği Diller: C, C++, Java, C#, XML, HTML, PHP, CSS, makefile, ASCII art (.nfo), doxygen, ini file, batch file, Javascript, ASP, VB/VBS, SQL, Objective-C, RC resource file, Pascal, Perl, Python, Lua, TeX, TCL, Assembler Türkçe 3.18 MB Freeware/Ücretsiz

25 Notepad++

26 Editörler: Adobe Dreamweaver CS5 –Adobe® Dreamweaver® CS5 yazılımı, tasarımcı ve geliştiricilere standartları temel alan web sitelerini güvenle oluşturma gücü verir. –Özellikler: –Sitenizi görsel olarak tasarlayın- Programlama tabanlı sayfalar –Tarayıcılar arasında uyumluluğu sağlayın –FLV video entegre edin –ADOBE İngilizce (dil desteği) Shareware/Deneme

27 Editörler Adobe Dreamweaver CS5

28 Web Sayfalarını Yayınlamak? Sadece kendi bilgisayarımızda kalabilir yada, Web sayfanızı yayınlamak için sayfanızı bir web sunucuya kopyalamalısınız. Alan adı almak (Domain name) –Örnek: –Hosting alınan DNS’e ayarları yaparak yönlendirmek yeterli Alan kiralamak (Hosting) –Web Hosting (Ücretli) 500 MB Web Alanı 5 GB Trafik 1 Alan Adı Barındırma 15 E-Posta –http://www.turkiyewebalani.comhttp://www.turkiyewebalani.com –http://www.turkwebhosting.com –http://www.sadecehosting.com FTP Adresi Kullanıcı Adı Parola

29 HTML HTML'in açılımı Hyper Text Markup Language Bir HTML dosyasının uzantısı htm veya html olmak zorundadır. Bir HTML kodu tag(işaretlenmiş etiketler)’lardan oluşmaktadır HTML dosyalarınızı kolay bir şekilde FrontPage veya Dreamweaver ile de hazırlayabilirsiniz. HTML çalışmak istiyorsanız not defteri (notepad) başlamayı tavsiye ediyorum İlk örnek

30 HTML ilk örnek Sayfa Başlığı Bu benim ilk sayfam Bu metin koyu HTML programlama dili değil, işaretleme dilidir HTML etiketleri 2 karakter ile sınırlanır. HTML etiketleri çift olarak kullanılır. Örn: Bu metin koyu fonttadır. HTML etiketleri büyük/küçük harfe duyarlı değildir

31 HTML ilk örnek Başlıklar ve dahil olmak üzere aradaki tüm rakamlar kullanılarak tanımlanabilir Örnek: Bu bir başlık Paragraflar etiketi ile belirtilir. Örnek: Bu bir paragraf Satır atlamak için etiketi kullanılır. HTML içinde açıklama (yorum) satırları yaratmak Örnek:

32 HTML ilk örnek - Parametreler Parametreler, HTML öğelerine, ek özellikler eklenmesini sağlar. Parametreler daima başlangıç etiketi içerisinde belirtilir. Örnek 1: metinin ortalanacağını da belirtir. Örnek 2: arkaplan renginin sarı olacağını belirtir.

33 HTML ilk örnek – özel karakterler HTML içinde bazı karakterler ("<" gibi) kaynak kodlarda yazılarak ekranda görüntülenmesi sağlanamaz.Bu tip karakterleri görüntüleyebilmek için bazı özel karakterler kullanılır. Örnek 1: Fazladan boşluk, Özel karakteri: Örnek 2: Küçüktür, <, Özel karakteri: < Örnek 3: Büyüktür, >, Özel karakteri: > Örnek 4: Ve, &, Özel karakteri: & Örnek 5: Alıntı, “, Özel karakteri: "

34 HTML ilk örnek – link ve çerçeve Link vermek Örnek 1:...SEM web sayfası tıklayın... Çerçeve oluşturmak Örnek: : Frame ayarlarını belirtir. : Alt pencere (çerçeve) belirtir. : Frame desteğinin kullanılmamasını sağlar. : İç frame belirtir.

35 HTML ilk örnek – tablo Tablo oluşturmak Örnek 1: Başlık Başka Başlık Satır 1, Hücre 1 Satır 1, Hücre 2 Satır 2, Hücre 1 Satır 2, Hücre 2

36 HTML ilk örnek – liste Liste oluşturmak Örnek 1- Sırasız: Hakkımda Spor Örnek 2- Sırali: Hakkımda Spor Arka Plan Font Bu bir paragraf. Resim eklemek

37 HTML ilk örnek – Form Örnek -1 Adınız: Soyadınız: Örnek-2 Erkek Kadın Örnek-3 Kullanıcı Adı:

38 HTML ilk örnek – Başlık - Head öğesi genel bilgiler ve ayrıca meta-bilgilerini içerir. - HTML standartlarına göre sadece bir kaç etiket head etiketi içerisinde kullanılabilir, Bunlar:,,,, ve. Örnek -1 Başlık Sayfa başlığı Temel URL hedef çerçevelerini belirlemek için kullanılır. Kaynak dosyası belirtilir META bilgileri girilir.

39 HTML ilk örnek – Meta - Meta öğesi daha çok arama motorlarının site içerisinde neler bulunduğuna dair bilgi edinmesi için koyulur. Arama motorlarının sitenizi ziyaret ettiğinde Meta keywords içine bakar ve ona göre sitenizi kendi veritabanında indeksler. Örnek

40 Tesekkurler Sorulariniz


"Bu ders ne değildir? Neyi amaç edinmiştir? –Bilgisayar Programcısı? –Web Tasarımcısı? –Web Programcısı? Neler öğreneceğiz? –Ders sonunda neler yapılabileceğiz?" indir ppt

Benzer bir sunumlar


Google Reklamları