WEB TASARIM. Öğr.Gör. Ruhsar KAVASOĞLU

Transkript

1 WEB TASARIM Öğr.Gör. Ruhsar KAVASOĞLU

2 İNTERNET NEDİR? İNTERNET, İKİ YA DA DAHA FAZLA BİLGİSAYAR AĞININ ROUTER VE HUB/SWITCH LERLE BİRBİRİNE BAĞLANMASI İLE OLUŞAN YAPIDIR. HER PC NİN EŞSİZ BİR IP NUMARASI VARDIR, TCP/IP PROTOKOLÜ İLE BU BİLGİSAYARLAR BİRBİRLERİ İLE KONUŞABİLİR.

3 TCP/IP NEDİR? BİLGİSAYARLARIN BİRBİRLERİ İLE KONUŞABİLMESİ İÇİN KURARALLARA YANİ PROTOKOLLERE İHTİYAÇ VARDIR. TCP/IP, AĞLARDA BULUNAN BİLGİSAYARLARIN BİRBİRİ İLE KONUŞABİLMESİ İÇİN KULLANILAN KURALLAR TOPLULUĞUDUR.

4 TCP/IP NEDİR? TCP/IP DEN BAŞKA, NETBEUI, IPX/SPX GİBİ PROTOKOLLER DE VARDIR. FAKAT TCP/IP GÜNENİRLİLİĞİ NEDENİYLE ARTIK BİR STANDART HALİNE GELMİŞTİR. TCP/IP PROTOKOLÜ VERİYİ PAKET ADI VERİLEN KÜÇÜK BİRİMLERE AYIRIR; BİR YA DA DAHA FAZLA YOL ÜZERİNDEN BU PAKETLERİ GÖNDERİR VE GİTTİĞİ YERDE YENİDEN BİRLEŞTİRİR.

5 İNTERNET UYGULAMALARI SOHBET TELNET (UZAKTAKİ BİR BİLGİSAYARA SANKİ O BİLGİSAYARDA ÇALIŞIYORMUŞ GİBİ BAĞLANMA) FTP WEB

6 HTML SAYFASI NEDİR? HTML HYPER TEXT MARKUP LANGUAGE KELİMELERİNİN BAŞ HARFLERİDİR. METİN, RESİM, SES, GÖRÜNTÜ VE DİĞER NESNELERİN BİR SAYFADA KULLANILMASINI SAĞLAYAN KOMUTLAR TOPLULUĞUDUR.

7 HTML KODU (TAG I)NEDİR? HTML SAYFALARI OLUŞTURMAK İÇİN KULLANILAN KOMUTLARDIR. ÖRNEĞİN... KOMUTU ARAYA YAZILAN METİNLERİ KALINLAŞTIRIR. BİR HTML (WEB) SAYFASI DÜZENLİ BİR ŞEKİLDE BİR ARAYA GELEN HTML KODLARINDAN OLUŞUR.

8 HYPER TERİMİNİN ANLAMI BİR HTML DÖKÜMANINDA HİPER LİNKLER (BAĞLAR) KULLANILARAK DİĞER DÖKÜMANLARA ATLANABİLİR. BELGE1.HTM BELGE2.HTM

9 MARKUP TERİMİNİN ANLAMI BİR HTML DÖKÜMANINDAKİ METNİN BİÇİMLENDİRİLMESİDİR. BU ŞEKİLDE BİR HTML SAYFASINDA METİNLERİN NASIL GÖRÜNTÜLENECEĞİ KONTROL EDİLEBİLİR.

10 HTML İN TARİHÇESİ HTML İN TEMELLERİ İLK DEFA 1986 YILINDA ULUSLARARASI STANDARTLAR KOMİTESİ TARAFINDAN BİR MAKALE İLE ORTAYA ATILDI. MAKALENİN ADI INFORMATION PROCESSING - TEXT AND OFFICE SYSTEMS STANDARD GENERALIZED MARKUP LANGUAGE (SGML) ŞEKLİNDEYDİ VE METNE DAYALI BİR DÖKÜMANI İŞARETLEMEK İÇİN GEREKLİ KODLARA AİT İLK ULUSLAR ARASI STANDARDI TANIMLIYORDU.

11 HTML İN TARİHÇESİ 1989 YILINDA, AVRUPA PARÇACIK FİZİĞİ LABORATUVARINDA ÇALIŞAN TIM BERNERS LEE BİR HİPER METİN DOKÜMAN SİSTEMİ ÖNERDİ. BUNA GÖRE; HTML KODLARINDAN OLUŞAN DOSYALAR BİR WEB SERVER A YERLEŞTİRİLECEK VE İNSANLAR İNTERNET ÜZERİNDEN BROWSER KULLANARAK BU DOSYALARI UZAKTAN OKUYABİLECEKLER.

12 HTML İN TARİHÇESİ 1992 YILINDA, AVRUPA PARÇACIK FİZİĞİ LABORATUVARINDAN İLK METİN BAZLI WEB TARAYICI 1.1 VERSİYONUYLA KULLANIMA SUNULDU. İLK GRAFİK TABANLI TARAYICI OLAN MOSAIC İSE 1993 YILINDA MARC ANDREESEN TARAFINDAN KULLANIMA SUNULDU.

13 HTML İN VERSİYONLARI 1990 YILINDA ORTAYA ATILAN HTML, ZAMAN GEÇTİKÇE YENİ TEKNOLOJİLERE AYAK UYDURDU VE YENİ VERSİYONLAR İLE KULLANILDI. HER YENİ VERSİYON ÖNEMLİ ÖZELLİKLER BARINDIRMAKTA VE WEB TASARIMCILARININ İMKANLARINI ARTTIRMAKTADIR.

14 HTML YILINDA DUYURULDU. SADECE NEXT İŞLETİM SİSTEMİNDE ÇALIŞIYORDU.

15 HTML 2.0 EYLÜL 1995 TE ORTAYA ÇIKTI. HTML İ STANDARD HALE GETİRMEK İÇİN CİDDİ BİR REVİZYONDAN GEÇİRİLEREK OLUŞTURULDU. GÖRÜNTÜ DÜZENLEME VE FORMLARIN DOLDURULMASI İLE İLGİLİ BAZI YENİLİKLERE SAHİPTİ.

16 HTML 3.0 İNTERNETİN İYİCE YAYGINLAŞMASI İLE 2.0 VERSİYONU YETERSİZ BULUNMAYA BAŞLANDI. BUNUN SONUCU OLARAK 3.0 VERSİYONU OLUŞTURULDU. TABLO KULLANIMI, GÖRÜNTÜLER ÜZERİNDE METİN AKIŞI, METİN BİÇİMLENDİRME VE SAYFA YERLEŞİMİNİN DAHA ESNEK OLMASI İLE İLGİLİ YENİLİKLERE SAHİPTİ.

17 HTML 3.2 MAYIS 1996 DA DUYURULDU. ÇERÇEVELER, SCRIPT OLANAĞI, İLERİ MATEMATİKSEL FONKSİYONLAR GİBİ YENİ ÖZELLİKLER İÇERİYORDU.

18 HTML 4.0 HTML İN EN SON VERSİYONUDUR. 18 ARALIK 1998 DE KULLANIMA SUNULDU. NESNE VE KASKAD STİL OLUŞTURMA ÖZELLİKLERİNE SAHİPTİR.

19 XHTML EXtensible HyperText Markup Language KELİMELERİNİN KISALTILMIŞIDIR. EN SON ÇIKAN HTML VERSİYONUDUR YILINDA ORTAYA ATILMIŞTIR. DAHA ÖNCEKİ SÜRÜMLERDEN DAHA KATI BAZI KURALLARA SAHİPTİR. TAGLAR DÜZGÜN AÇILIP KAPATILMALIDIR TÜM TAGLAR KAPATILMALIDIR TAGLAR KÜÇÜK HARFLE YAZILMALIDIR BİR KÖK ELEMAN (html) OLMALIDIR.

20 XHTML TAGLAR DÜZGÜN AÇILIP KAPATILMALIDIR: This text is bold and italic TAG LAR KAPATILMALIDIR: This is a paragraph This is another paragraph KOMUTLAR KÜÇÜK HARFLE OLMALIDIR. This is a paragraph

21 HTML 5 HENÜZ BETA (DENEME) AŞAMASINDADIR BETA AŞAMASINDA OLMASINA RAĞMEN ÇOĞU TARAYICI HTML5 KODLARINI ESTEKLEMEKTEDİR ÖZELLİKLER GÖRÜNTÜ VE VİDEO İLE İLGİLİ GELİŞTİRMELER YAPILMIŞTIR

22 WEB SERVER NEDİR? HTML KODLARINI KULLANARAK HTML (WEB) SAYFALARI YAPIYORUZ. WEB SAYFALARI BİR ARAYA GELEREK WEB SİTELERİ Nİ OLUŞTURURLAR. YAPTIĞIMIZ WEB SİTESİNİN İNTERNET KULLANICILARI TARAFINDAN ERİŞİLEBİLMESİ İÇİN SİTEMİZİ BİR WEB SERVER A KOYMALIYIZ.

23 WEB SERVER NEDİR? WEB SERVER LAR HER GÜN 24 SAAT ÇALIŞIRLAR VE SİTEMİZDEN İSTENİLEN SAYFALARI İNTERNET KULLANICILARINA GÖNDERİRLER. ŞU AN PİYASADA WINDOWS(IIS) VE LINUX (APACHE) TABANLI WEB SERVER LAR VARDIR. HTML SAYFALARINIZI HER İKİSİNDE DE BARINDIRABİLİRSİNİZ

24 HOSTİNG (ALAN) NEDİR? YAPTIĞIMIZ WEB SİTEMİZİN YAYINLANMASI VE İNTERNET KULLANICILARININ BİZİM SAYFALARIMIZA ULAŞMASI İÇİN ARTIK BİR WEB SERVER A İHTİYACIMIZ OLDUĞUNU BİLİYORUZ. SİTEMİZİ YAYINLAMAK İÇİN YA KENDİ WEB SERVER IMIZI KURARIZ YA DA BAŞKA BİR SERVERDAN İHTİYACIMIZA GÖRE BİR MİKTAR ALAN SATIN ALIRIZ.

25 HOSTİNG (ALAN) NEDİR? WEB SERVER BARINDIRMAK ZAHMETLİ VE TEKNİK BİLGİ GEREKTİRDİĞİ İÇİN GENELDE WEB TASARIMCILARI YAPTIKLARI WEB SİTELER İÇİN HOSTİNG YANİ ALAN SATIN ALIRLAR. HOSTİNG FİRMASI İHTİYACINIZA GÖRE SERVER IN HARDİSKİNDEN BİR MİKTAR (5,10, 15, 50, 100,... MB) ALAN KİRALAR VE KARŞILIĞINDA ÜCRET ALIR..

26 DOMAIN (ALAN ADI) NEDİR? WEB SERVER A KOYDUĞUNUZ SİTENİZE TÜM İNTERNET KULLANICILARININ ERİŞEBİLMESİ İÇİN BİR İSİM VERMENİZ GEREKİR. WEB SİTELERİNE VERDİĞİMİZ İSİMLERE DOMAIN YANİ ALAN ADI DENİR. ÖRNEĞİN EDERSANE.TV BİR ALAN ADIDIR.

27 DOMAIN İSİMLERİ DOMAIN İSİMLERİ ALAN ADI, ALAN UZANTISI VE ÜLKE KODUNDAN OLUŞURLAR. ÖRNEĞİN BİLİMSEL.COM.TR BİLİMSEL KURUMUN ADIDIR. COM UZANTISIDIR. TR ÜLKE KODUDUR.

28 ALAN UZANTISI NEDİR? KURUMLAR, YAPTIKLARI İŞE GÖRE FARKLI UZANTILARA SAHİP OLURLAR..COM: TİCARİ KURUMLAR.EDU: EĞİTİM KURUMLARI.GOV: DEVLET KURUMLARI.NET: AĞ SERVİS SAĞLAYICILARI.MİL: ASKERİ KURUMLAR.ORG: DERNEK V.B. KURUMLAR

29 ÜLKE UZANTISI NEDİR? FARKLI ÜLKELER FARKLI UZANTILARA SAHİPTİR. ÖRNEGİN:.TR: TÜRKİYE.GR: YUNANİSTAN.CA: KANADA.FR: FRANSA.DE: ALMANYA

30 ALAN ADI NEDİR? DEU.EDU.TR DEU: KURUM ADI EDU: EĞİTİM KURUMU TR: ÜLKE KODU TÜRKİYE KAVA.NET.FR KAVA: KURUM ADI NET: AĞ SERVİS SAĞLAYICI FR: ÜLKE KODU FRANSA

31 DİKKAT!!! BİR WEB SİTESİ İÇİN: HAZIRLANMIŞ WEB SAYFALARI ALAN (HOSTİNG) ALAN ADI (DOMAIN) OLMALIDIR.

32 NEREDEN ALINIR? DOMAIN VE HOSTING SATIN ALMAK İÇİN ÇOK DEĞİŞİK KURULUŞLAR VARDIR. TURKTİCARET.NET NIOBEWEB.COM WEBSAHİBİ.COM ACİLHOST.COM SANALWEB.ORG BUNLARDAN BAZILARIDIR.

33 URL NEDİR? URL, UNIFORM RESOURCE LOCATORS KELİMELERİNİN BAŞ HARFLERİDİR. WEB DE ADRESLENMİŞ İNTERNET KAYNAKLARINA ERİŞİMİ SAĞLAR. ÖRNEĞİN YAPTIĞINIZ BİR HTML SAYFASININ HANGİ SERVER DA VE HANGİ KLASÖRDE OLDUĞUNU BELİRTİR.

34 URL NEDİR? BİR URL DİR VE İLGİLİ SERVERDAKİ SAYFANIN ADRESİNİ BELİRTİR.