HTML KODLARI İLE WEB TASARIMI

Ebat: px
Şu sayfadan göstermeyi başlat:

Download "HTML KODLARI İLE WEB TASARIMI"

Transkript

1 HTML KODLARI İLE WEB TASARIMI

2 EĞİTMEN AD SOYAD : TECRÜBE : OKUL :

3 LÜTFEN DİKKAT! SINIFTAKİ BAŞARIMIZIN MAKSİMUM DÜZEYDE OLMASI İÇİN: DEVAMSIZLIK YAPMAYINIZ; KAÇIRDIĞINIZ DERSLER SONRAKİ KONULARA TEMEL OLUŞTURDUĞUNDAN SONRAKİ DERSLERİ DE ANLAYAMAZSINIZ DERSLERE ZAMANINDA GELİNİZ; KAÇIRILAN DERSLERİN TELAFİSİNİN YAPILMADIĞINI UNUTMAYINIZ ANLAMADIĞINIZ KONU OLDUĞUNDA HEMEN EĞİTMENE SORUNUZ

4 LÜTFEN DİKKAT! DERSLERDE CEP TELEFONU V.B. CİHAZLARI KAPATINIZ EĞİTMEN DERS ANLATIRKEN TELEFON, MAKYAJ V.B. ŞEYLERLE İLGİLENMEYİNİZ SINIFIN DİKKATİNİ DAĞITACAK DAVRANIŞLARDAN KAÇININIZ

5 LÜTFEN DİKKAT! LABORATUVARDAKİ BİLGİSAYAR V.B. CİHAZLARIN BOZULMAMASI İÇİN: SINIFTA YİYECEK-İÇECEK TÜKETMEYİNİZ; SIVI VE SUSAM GİBİ MADDELER CİHAZLARA ZARAR VERİR VE DÜZGÜN ÇALIŞMASINI ENGELLER CİHAZLARI KURCALAMAYINIZ; CİHAZDA ARIZA OLDUĞUNU DÜŞÜNÜYORSANIZ BİR KAĞIDA NOT BIRAKINIZ

6 LÜTFEN DİKKAT! BİLGİSAYARLARDAKİ KORUMA YAZILIMI, BİLGİSAYAR KAPANDIKTAN SONRA KAYDETTİĞİNİZ TÜM DOSYALARI & AYARLARI SİLMEKTEDİR LÜTFEN DOSYALARINIZI FLASH BELLEĞE KAYDEDİN VEYA DERS SONUNDA ADRESİNİZE GÖNDERİN

7 LÜTFEN DİKKAT! YAZILIM İSTEMEYİNİZ. KORSAN YAZILIM SUÇTUR; HAPİS VE PARA CEZASI VARDIR LİSANSLI OLARAK SATIN ALINAN YAZILIMLARIN YÜKLENMESİNDE YARDIMCI OLUNABİLİR ÜCRETSİZ VEYA AÇIK KAYNAK KODLU YAZILIMLARI SUNUCUMUZDAN İNDİREBİLİRSİNİZ

8 DERS SLAYTLARI DERS SLAYTLARI VE DİĞER DÖKÜMANLARI SUNUCUDAN ALINIZ Windows Gezgini ->Adres Çubuğu -> \\sunucu\ depo\ Kullanıcı Adı : bilimsel Parola : bilimsel

9 KAYNAKLAR HTML EL KİTABI BETA YAYINLARI MEMİK YANIK HTML BETA YAYINLARI ADEM KARAHOCA

10 KONULAR TEMEL KAVRAMLAR TEMEL HTML KOMUTLARI METİN İŞLEMLERİ LİNKLER RESİM İŞLEMLERİ TABLO OLUŞTURMA FORM İŞLEMLERİ TEMEL SEO BİLGİSİ

11 İ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.

12 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.

13 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 EYIRIR; 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.

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

15 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.

16 HTML KODU (TAG I)NEDİR? HTML SAYFALARI OLUŞTURMAK İÇİN KULLANILAN KOMUTLARDIR. ÖRNEĞİN <B>...</B> 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.

17 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

18 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.

19 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İNDE İDİ VE METNE DAYALI BİR DÖKÜMANI İŞARETLEMEK İÇİN GEREKLİ KODLARA AİT İLK ULUSLAR ARASI STANDARDI TANIMLIYORDU.

20 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.

21 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.

22 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.

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

24 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İ.

25 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İ.

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

27 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.

28 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.

29 XHTML TAGLAR DÜZGÜN AÇILIP KAPATILMALIDIR: <b><i>this text is bold and italic</b></i> TAG LAR KAPATILMALIDIR: <p>this is a paragraph <p>this is another paragraph KOMUTLAR KÜÇÜK HARFLE OLMALIDIR. <body><p>this is a paragraph</p></body>

30 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

31 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.

32 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.

33 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.

34 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..

35 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.

36 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.

37 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

38 Ü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

39 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

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

41 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.

42 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.

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

44 HTTP NEDİR? HTTP, HYPER TEXT TRANSFER PROTOKOL KELİMELERİNİN KISALTILMIŞIDIR. ÇOK YÖNLÜ METİN DÖKÜMANLARININ (HTML YA DA WEB SAYFALARININ) HIZLI BİR ŞEKİLDE İNTERNET ÜZERİNDEN ERİŞİLMESİNİ SAĞLAR.

45 HTTP NEDİR? BU PROTOKOL İLE INTERNET EXPLORER YA DA FIREFOX GİBİ BİR BROWSER KULLANARAK SERVERLARDA BULUNAN WEB SAYFALARINA İSTEKTE BULUNABİLİR VE SAYFALARA GÖZ ATABİLİRİZ. ÖRNEGİN: ADRESİNİ YAZARAK BİLKUR.NET DOMAİN İNDE BULUNAN index.asp DOSYASINA İSTEKTE BULUNULUR VE WEB SERVER BU DOSYAYI BİZİM BROWSER IMIZA GÖNDERİR.

46 HTTP NEDİR? SONUÇ OLARAK HTTP, WEB SAYFALARININ TRANSFERİNİ SAĞLAYAN PROTOKOLDÜR.

47 BROWSER (TARAYICI) NEDİR? WEB SERVERLARDA BULUNAN SİTELERE ULAŞABİLEN, WEB SERVER DAN GELEN HTML KODLU SAYFALARI BİZE GÖSTEREN YAZILIMLARDIR. INTERNET EXPLORER FIREFOX GOOGLE CHROME GİBİ YAZILIMLAR BUNLARA ÖRNEKTİR.

48 HTML

49 WEB NEDİR? WORLD WIDE WEB E KISACA WEB DENİR. DÜNYA ÇAPINDA AĞ OLARAK TÜRKÇEYE ÇEVRİLEBİLİR. WEB, INTERNET'E BAĞLANAN TÜM BİLGİSAYARLARIN OLUŞTURDUĞU BİR AĞDIR.

50 WWW NASIL ÇALIŞIR? WEB DEKİ BİLGİLER WEB SAYFASI DENİLEN DOSYALARDA SAKLANIR. WEB SAYFALARI WEB SERVER DENİLEN BİLGİSAYARLARDA BULUNUR. SAYFALARI OKUMAK İSTEYEN CLIENT/İSTEMCİ BİLGİSAYARLAR, BROWSER/TARAYICI DENİLEN YAZILIMLARI KULLANARAK BU SAYFALARI GÖRÜNTÜLEYEBİLİRLER.

51 BROWSER/TARAYICI NEDİR? CLIENT/İSTEMCİ BİLGİSAYARLARIN, WEB SAYFALARINI OKUMASI İÇİN KULLANDIKLARI YAZILIMDIR. INTERNET EXPLORER VEYA FIREFOX EN ÇOK KULLANILAN TARAYICILARDIR. TARAYICILAR WEB SUNUCULARINDA BULUNAN SAYFALARI ALIRLAR VE GÖSTERİRLER. YANİ TARAYICILAR, HTML TAG LARIYLA BİÇİMLENMİŞ METİNLERİ VE DİĞER NESNELERİ GÖRÜNTÜLER.

52 BROWSER NASIL ÇALIŞIR? İLGİLİ WEB SAYFASININ ADRESİ YAZILDIKTAN SONRA, TARAYICI İLGİLİ WEB SUNUCUSUNU BULUR VE SAYFAYI İSTER. SUNUCU İLGİLİ SAYFAYI TAG DENİLEN KOMUTLAR TOPLULUĞU OLARAK İSTEMCİ BİLGİSAYARA GÖNDERİR. İSTEMCİDEKİ TARAYICI BU SAYFAYI ALIR, GELEN TAGLARI (KOMUTLARI) YORUMLAR VE ANLAŞILIR BİR ŞEKİLDE GÖSTERİR.

53 SUNUCU/İSTEMCİ SUNUCU/SERVER (IIS/APACHE) 1.ÖNCE İSTEMCİ SAYFAYI İSTER (REQUEST/İSTEK) İSTEMCİ/CLIENT (IE) İndex.htm 2.SONRA SUNUCU SAYFAYI GÖNDERİR (RESPONSE/TEPKİ)

54 TAG/ETİKET NEDİR? WEB SAYFASI OLUŞTURMAK İÇİN KULLANILAN KOMUTLARA TAG DENİR. <TAG>...</TAG> ŞEKLİNDE KULLANILIRLAR. İKİ TAG ARASINDA KALAN METİN VEYA DİĞER NESNELER BU TAGLARDAN ETKİLENİR.

55 WEB STANDARTLARINI KİM DÜZENLER? WEB STANDARTLARINI MICROSOFT VEYA NETSCAPE GİBİ FİRMALAR BELİRLEMEZ. WEB STANDARTLARI W3C DENİLEN BİR KURUM TARAFINDAN SAPTANIR. W3C WORLD WIDE WEB CONSORTIUM UN KISALTILMIŞIDIR. KURUMUN WEB ADRESİ:

56 WEB STANDARTLARINI KİM DÜZENLER? HTML, CSS VE XML GİBİ STANDARTLAR BU KURUM TARAFINDAN BELİRLENMİŞTİR. EN SON HTML STANDARDI XHTML 1.0 DIR.

57 HTML NEDİR? HTML, HYPER TEXT MARKUP LANGUAGE KELİMELERİNİN KISALTILMIŞIDIR. BİR HTML DOSYASI, TAG LARDAN OLUŞAN BİR METİN DOSYASIDIR. TAG LAR, TARAYICIYA WEB SAYFASININ NASIL GÖRÜNMESİ GEREKTİĞİNİ ANLATIRLAR.

58 HTML NEDİR? STANDART BİR WEB SAYFASININ UZANTISI.HTM VEYA.HTML OLMALIDIR. HTML DOSYALARI NOT DEFTERİ GİBİ BASİT BİR METİN EDİTÖRÜ İLE VEYA DREAMWEAVER GİBİ GELİŞMİŞ EDİTÖRLERLE OLUŞTURULABİLİRLER.

59 HTML EDİTÖRLERİ WEB SAYFASI OLUŞTURMAK İÇİN NOT DEFTERİ GİBİ BASİT BİR METİN DÜZENLEME YAZILIMI YETERLİDİR. FAKAT ÇOK GELİŞMİŞ EDİTÖRLER DE MEVCUTTUR. BUNLAR DREAMWEAVER, EXPRESSION WEB GİBİ YAZILIMLARDIR. BU TÜR YAZILIMLARLA HTML KODLARINI KULLANMADAN, GRAFİKSEL OLARAK, OLDUKÇA KOLAY VE PROFESYONEL WEB SAYFALARI HAZIRLANABİLİR.

60 HTML EDİTÖRLERİ HTML KODLARI BU YAZILIMLAR TARAFINDAN OTOMATİK OLARAK ÜRETİLİRLER. AMATÖR BİR WEB TASARIMCISI HTML BİLMESE DE OLUR: DREAMWEAVER/FRONTPAGE İLE HER İŞİNİ GÖRÜR. BİZİM AMACIMIZ İNTERNET PROGRAMCILIĞI, YANİ HTML KODLARININ ARASINA PROGRAM YAZMAK OLDUĞU İÇİN EN AZINDAN TEMEL DÜZEYDE HTML BİLMEK ZORUNDAYIZ.

61 HTML TAGLARI (ETİKET) HTML TAGLARI, HTML SAYFALARINI OLUŞTURMAK VE DÜZENLEMEK İÇİN KULLANILIRLAR. <TAG>...</TAG> ŞEKLİNDE KULLANILIRLAR. TAGLARIN ARASINDA KALAN METNE TAG İÇERİĞİ DENİR. TAG LER BÜYÜK HARFLE VEYA KÜÇÜK HARFLE YAZILABİLİRLER. XHTML STANDARDI KÜÇÜK HARF KULLANILMASINI ÖNERİR.

62 ÖRNEK HTML SAYFASI HER HTML BELGESİ BELİRLİ SAYIDA STANDART HTML TAGLARI İÇERMELİDİR. BİR HTML BELGESİNDE OLMASI GEREKEN KISIMLAR ŞUNLARDIR; TEMEL <HTML> METNİ BAŞ <HEAD> METNİ GÖVDE <BODY> METNİ İYİ BİR HTML BELGESİNDE BU ÜÇ KISIMDA OLMALIDIR.

63 ÖRNEK HTML SAYFASI <html> <head> <title>sayfa BAŞLIĞI</title> </head> <body> BU BENİM İLK SAYFAM. </body> </html>

64 TAG ÖZELLİKLERİ TAG LARIN ÖZELLİKLERİ DE OLABİLİR. ÖRNEĞİN SAYFANIN ARDALAN RENGİNİ BELİRLEMEK İÇİN <BODY> TAG ININ BGCOLOR ÖZELLİĞİ KULLANILIR. <body bgcolor= red > </body>

65 TAG ÖZELLİKLERİ TAG ÖZELLİKLERİ DAİMA İSİM=DEĞER ŞEKLİNDE BULUNURLAR. YANİ Name= value =>bgcolor= red ŞEKLİNDE OLURLAR.

66 TEMEL HTML TAGLARI BUNLAR <html> <body> <head> <h1>,...,<h6> <br> <hr> <!-- GİBİ TAGLARDIR.

67 <HTML>...</HTML> HER WEB SAYFASI BU TAG LA BAŞLAYIP BU TAGLA BİTER. <HTML> </HTML>

68 <HEAD>...</HEAD> SAYFA İLE İLGİLİ BİLGİLER VERMEK İÇİN KULLANILIR. BU BÖLÜMDEKİ BİLGİLER TARAYICIDA GÖSTERİLMEZ, YANİ ZİYARETÇİ BURADAKİ BİLGİLERİ GÖREMEZ. SAYFA ÖZELLİKLERİ BU BÖLÜME YAZILIR. SAYFA BAŞLIĞI <TITLE> BU BÖLÜMDEDİR.

69 <TITLE>...</TITLE> TARAYICIDAKİ PENCERE BAŞLIĞINDA BULUNAN YAZIYI BELİRLER. <HEAD> <TITLE>BİLKUR BİLGİSAYAR KURSLARI</TITLE> </HEAD>

70 ÖRNEK...<TITLE>...<TITLE> <HTML> <HEAD> <TITLE> BİLKUR BİLGİSAYAR KURSLARI... </TITLE> </HEAD> </HTML>

71 <BODY>...</BODY> SAYFAMIZIN GÖVDE KISMIDIR. TARAYICIDA ZİYARETÇİ TARAFINDAN GÖRÜNECEK BİLGİLERİ İÇERİR. <HTML> <BODY> BU KISMA YAZILANLAR ZİYARETÇİ TARAFINDAN GÖRÜLÜR. </BODY> </HTML>

72 ZEMİN RENGİ (BACKGROUND) İYİ BİR ZEMİN RENGİ WEB SİTENİZİN DAHA GÜZEL GÖRÜNMESİNİ VE DAHA FAZLA ZİYARETÇİ GELMESİNİ SAĞLAYABİLİR. SAYFANIZIN ZEMİN RENGİNİ <BODY> TAG I İÇERİSİNDE TANIMLAMANIZ GEREKİR. ZEMİN RENGİ İÇİN BİR RENK VEYA BİR RESİM KULLANABİLİRSİNİZ.

73 ZEMİN RENGİ (BACKGROUND) SAYFANIZDA ZEMİN RENGİ TANIMLAMAK İÇİN <BODY> TAG INI DEĞİŞTİRMELİSİNİZ <BODY bgcolor= RENK_ADI > BURADAKİ RENK_ADI BÖLÜMÜNDE RENKLERİN İNGİLİZCE KARŞILIĞINI GİRMEMİZ GEREKMEKTEDİR. RENK ADI YERİNE O RENGE KARŞILIK GELEN RGB CİNSİNDEN HEXADESİMAL SAYIYI DA YAZABİLİRİZ.

74 ÖRNEK 1 (ZEMİN RENGİ) <HTML> <HEAD> <TITLE> Bilkur Bilgisayar Kursları... </TITLE> </HEAD> <BODY bgcolor="yellow"> </BODY> </HTML>

75 ÖRNEK 2 (ZEMİN RENGİ) <HTML> <HEAD> <title>bilkur Bilgisayar Kursları...</title> </HEAD> <BODY bgcolor="ffff00"> </BODY> </HTML>

76 ZEMİN RESMİ SAYFANIZIN ZEMİNİNE BİR RESİM DE KOYABİLİRSİNİZ. BACKGROUND ÖZELLİĞİ BU İŞLEM İÇİN KULLANILIR. BUNUN İÇİN; <body background="clouds.gif"> <body background= C:\Windows\desktop\dosyalar\bulutlar.gif"> <body background= "http://www.w3schools.com/clouds.gif">

77 ÖRNEK 3 (ZEMİN RESMİ) <HTML> <HEAD> <title>bilkur Bilgisayar Kursları...</title> </HEAD> <BODY background= "C:\WINDOWS\Desktop\dosyalar\Bulutlar.gif" > </BODY> </HTML>

78 TEXT DEYİMİ BODY İÇİNDE TEXT DEYİMİ KULLANILARAK SAYFADA BULUNAN YAZILARIN RENKLERİ AYARLANABİLİR. KULLANIMI <BODY TEXT= RENK_ADI > ŞEKLİNDEDİR.

79 BASEFONT VE FONT SEÇİMİ BİR WEB SAYFASINDA BİR YAZININ FONTU BELİRTİLMEMİŞSE ÖNCEDEN TANIMLI OLAN BİR FONT KULLANILIR. BASEFONT DEYİMİ İLE BİZ BU FONTU DEĞİŞTİREBİLİRİZ. <BASEFONT FACE= Arial >

80 ÖRNEK 4 (METİN RENGİ) <HTML> <HEAD> <title>bilkur Bilgisayar Kursları...</title> </HEAD> <BODY bgcolor= yellow text="blue"> Bu yazı mavi renkli olarak görünecek. </BODY> </HTML>

81 AÇIKLAYICI EKLEME SAYFANIZDA İSTEDİĞİNİZ YERDE AÇIKLAMA BİLGİLERİ EKLEYEBİLİRSİNİZ. EKLEDİĞİNİZ AÇIKLAMALAR TARAYICIDA (INTERNET EXPLORER) GÖRÜNMEZ. AÇIKLAMA YAZISI <!-- İLE BAŞLAR VE --> İLE BİTER.

82 ÖRNEK 5 (AÇIKLAMA) <HTML> <HEAD> <title>bilkur Bilgisayar Kursları...</title> </HEAD> <!-- Aşağıda verilen satırda Web sayfasındaki metinlerin rengi değiştiriliyor. --> <BODY text="blue"> Bu yazı mavi renkli bir yazıdır.. </BODY> </HTML>

83 SAYFALARA METİN GİRMEK İKİ BODY DEYİMİ ARASINA YAZILARIMIZI YAZABİLİR VEYA DİĞER NESNELERİ (TABLO, RESİM) KOYABİLİRİZ. BİR WEB SAYFASININ İÇERİĞİNİ İNTERNET EXPLORER PROGRAMIYLA GÖREBİLİRİZ. YAZILARIMIZI BİÇİMLEME DEYİMLERİ KULLANARAK DÜZENLERİZ.

84 ÖRNEK 6 (YAZI GİRME) <HTML> <HEAD> <title>bilimsel Akademi</title> </HEAD> <!-- Aşağıda verilen satırda Web sayfasındaki metinlerin rengi değiştiriliyor. --> <BODY text="blue"> Bilimsel Akademi </BODY> </HTML>

85 <BR> DEYİMİ BİR ÖNCEKİ ÖRNEĞİMİZDE DESEM YAZISINDAN SONRA, ALT SATIRA GEÇMEK TARAYICIDA HİÇBİR DEĞİŞİKLİĞE YOL AÇMADI.. ALT SATIRA GEÇMEK İÇİN <BR> DEYİMİ KULLANILIR.

86 ÖRNEK 7 (BR DEYİMİ) <HTML> <HEAD> <title>desem Bilgisayar Kursları...</title> </HEAD> <!-- Aşağıda verilen satırda Web sayfasındaki metinlerin rengi değiştiriliyor. --> <body text="blue"> Bilimsel Akademi <BR> T.C. M.E.B. Özel Bilkur Eğitim Merkezi </BODY> </HTML>

87 YAZILARIN ORTALANMASI SAYFA İÇİNDE ORTALANMASINI İSTEDİĞİMİZ NESNELER İÇİN <CENTER>...</CENTER> DEYİMİNİ KULLANABİLİRİZ. ORTALAMAK İSTEDİĞİMİZ METNİN BAŞINA <CENTER> BAŞLATMA DEYİMİNİ, SONUNA İSE </CENTER> DEYİMİNİ YERLEŞTİRECEĞİZ. BU İKİ DEYİM ARASINDA KALAN YAZI ORTALANIR.

88 ÖRNEK 7 (<CENTER>) <HTML> <HEAD> <title> Bilimsel Akademi </title></head> <!-- Aşağıda verilen satırda Web sayfasındaki metinlerin rengi değiştiriliyor. --> <BODY text="blue"> <CENTER> Bilimsel Akademi <BR> T.C. M.E.B. Özel Bilkur Eğitim Merkezi</CENTER> </BODY> </HTML>

89 YAZI BOYUTU/BAŞLIKLAR (H1,H2,...,H6) <HTML> <BODY> <h1>this is a heading</h1> <h2>this is a heading</h2> <h3>this is a heading</h3> <h4>this is a heading</h4> <h5>this is a heading</h5> <h6>this is a heading</h6> </BODY> </HTML>

90 KALIN, İTALİK VE ALTI ÇİZGİLİ YAZI BİR ÖNCEKİ ÖRNEĞİMİZDE YAZIMIZIN İSTEDİĞİMİZ BÜYÜKLÜKTE OLMASINI SAĞLAYABİLİYORDUK. BENZER ŞEKİLDE METİNLERİN KALIN, İTALİK VE ALT ÇİZGİLİ OLMASINI DA SAĞLAYABİLİRİZ. KALIN İÇİN <B>..YAZI</B> İTALİK İÇİN <I>..YAZI..<I> ALT ÇİZGİ İÇİN <U>..YAZI.. <U> KULLANILIR

91 ÖRNEK 10 (K, İ, ALT) <HTML> <HEAD> <title> Bilimsel Akademi </title> </HEAD> <!-- Aşağıda verilen satırda Web sayfasındaki metinlerin rengi değiştiriliyor. --> <BODY text="blue"> <CENTER> <FONT SIZE=+6 >DESEM</FONT><BR> <B> Dokuz Eylül Üniversitesi </B><BR>

92 ÖRNEK 10 (DEVAM) <I> Mühendislik Fakültesi </I><BR> <U> Bilgisayar Mühendisliği Bölümü... </U> </CENTER> </BODY> </HTML>

93 <STRONG>,<EM> DEYİMLERİ YAZIMIZI KALIN YAPMAK İÇİN <B> DEYİMİ YERİNE <STRONG> DEYİMİNİ KULLANABİLİRİZ. AYNI ŞEKİLDE YAZIMIZI İTALİK YAPMAK İÇİN <I> DEYİMİ YERİNE <EM> DEYİMİNİ KULLANABİLİRİZ.

94 ÖRNEK 11 (STRONG, EM) <HTML> <HEAD> <title> Bilimsel Akademi </title> </HEAD> <!-- Aşağıda verilen satırda Web sayfasındaki metinlerin rengi değiştiriliyor. --> <body text="blue"> <CENTER> <STRONG> Dokuz Eylül Üniversitesi </STRONG> <BR>

95 ÖRNEK 11 (DEVAM) <EM> Mühendislik Fakültesi </EM> <STRONG><EM> Bilgisayar Mühendisliği </EM></STRONG> </CENTER> </BODY> </HTML>

96 YAZI BÜYÜKLÜĞÜ WEB SAYFAMIZDA KULLANDIĞIMIZ YAZILARIMIZIN FARKLI BÜYÜKLÜKTE OLMASI GEREKEBİLİR. BÜYÜKLÜK AYARI İÇİN <FONT> DEYİMİ İÇİNDE KULLANILAN SIZE PARAMETRESİ KULLANILIR. <FONT SİZE=X>..YAZIMIZ..</FONT> BURADA X HARFİ YAZIMIZIN BÜYÜKLÜĞÜDÜR.

97 ÖRNEK 8 (YAZI BÜYÜKLÜĞÜ) <HTML> <HEAD> <title>bilkur Bilgisayar Kursları...</title> </HEAD> <!-- Aşağıda verilen satırda Web sayfasındaki metinlerin rengi değiştiriliyor. --> <BODY text="blue"> <CENTER> <FONT SIZE=6 >Bilimsel</FONT> <BR> T.C. M.E.B. Özel Bilkur Bilgisayar Kursu </CENTER> </BODY> </HTML>

98 YAZI RENGİNİ AYARLAMAK YAZI RENGİ AYARI İÇİN DAHA ÖNCE BİR YOL TANIMLAMIŞTIK. FAKAT SADECE TÜM SAYFAMIZIN YAZI RENGİNİ DEĞİŞTİREBİLİYORDUK. BAZI METİNLERİN FARKLI RENKTE OLMASINI İSTİYORSAM <FONT> DEYİMİNİN COLOR PARAMETRESİNİ KULLANIRIM. <FONT color= YAZI RENGİ >YAZI</FONT> KULLANILIR

99 ÖRNEK 12 (YAZI RENGİ) <HTML> <HEAD><title> Bilimsel Akademi </title> </HEAD> <body text="blue"> <CENTER> <FONT color=red > BİLKUR</FONT> <BR> <FONT color=yellow> Dokuz Eylül Üniversitesi </FONT> <BR> <font color=green>mühendislik Fakültesi </font> </CENTER> </BODY> </HTML>

100 FONT DEĞİŞİKLİĞİ YAZILARIMIZI WORD PROGRAMINDA OLDUĞU GİBİ BİR FONT BELİRTEREK DE BİÇİMLENDİREBİLİRİZ. ÖRNEĞİN Arial, Times New Roman, Technical v.b. FARKLI FONT ÇEŞİTLERİDİR. WİNDOWS İŞLETİM SİSTEMİ BU FONTLARDAN BİR ÇOĞUNU DESTEKLER.

101 FONT DEĞİŞTİRME WINDOWS İŞLETİM SİSTEMİNİN DESTEKLEDİĞİ FONTLARI RAHATLIKLA WEB SAYFALARIMIZDA KULLANABİLİRİZ. BU FONTLARI KULLANMAK İÇİN <FONT> DEYİMİNİN FACE PARAMETRESİNİ KULLANIRIZ. <FONT face= arial >BİLKUR</FONT>

102 ÖRNEK 13 (FACE PARAMETRESİ) <HTML> <HEAD><title>Bilgisayar Kursları...</title></HEAD> <body text="blue"> <CENTER> <FONT face=arial >BİLİMSEL</FONT><BR> <FONT face="courier New"> Dokuz Eylül Üniversitesi.</FONT><BR> <FONT face=verdana>mühendislik Fakültesi </FONT> </CENTER> </BODY> </HTML>

103 ÖRNEK 14 (FACE PARAMETRESİ) <HTML> <HEAD> <title>bilgisayar Kursları...</title> </HEAD> <BODY > <CENTER> <FONT color="red" face=arial>desem</font> <BR> <font color="green">dokuz Eylül Üniversitesi</font> <BR> <FONT face=verdana>mühendislik Fakültesi </FONT> </CENTER> </BODY> </HTML>

104 HTML RESİMLERİ ÖZELLİKLE BANT GENİŞLİĞİNİN ARTMASIYLA WEB SAYFALARINDA ÇOK FAZLA RESİM KULLANILMAYA BAŞLANDI. BUNUN SONUCU OLARAK <IMG> TAGININ İYİ BİLİNMESİ GEREKMEKTEDİR.

105 HTML RESİMLERİ BİR RESMİ WEB SAYFAMIZA YERLEŞTİRMEK İSTİYORSAK İLK OLARAK RESİM DOSYAMIZ HARD DİSKİMİZ ÜZERİNDE OLMALIDIR. AYNI ŞEKİLDE İNTERNET ÜZERİNDEN YAYINLAYACAĞIMIZ RESME AİT DOSYA DA İNTERNET TE OLMALIDIR.

106 RESİM TİPLERİ İNTERNET ÜZERİNDEN YAYINLAYACAĞIMIZ RESİMLERİN FORMATI: JPEG, JPG BMP GIF XBM PNG

107 <IMG> VE SRC ÖZELLİĞİ <IMG> TAGININ BİTİŞ TAGI YOKTUR, SADECE ÖZELLİKLERİ VARDIR. BİR SAYFADA RESİM GÖRÜNTÜLEYEBİLMEK İÇİN <IMG> TAGININ SRC ÖZELLİĞİ KULLANILIR. YANİ; <IMG SRC= URL > <IMG SRC= C:\İSMAİL.GIF >

108 ÖRNEK12 (Resim Ekleme) <HTML> <HEAD><title>Bilgisayar Kursları...</title></HEAD> <body text="blue"> <CENTER> <FONT face=arial >DESEM</FONT><BR> <FONT face="courier New"> Dokuz Eylül Üniversitesi</FONT><BR> <FONT face=verdana>mühendislik Fakültesi </FONT> <IMG SRC = C:\WINDOWS\Backgrnd.gif height=200 width=100> </CENTER> </BODY> </HTML>

109 Örnek 13(Resim ekleme) <HTML> <HEAD><title>Bilgisayar Kursları...</title></HEAD> <BODY text="blue"> <CENTER> <FONT face=arial >DESEM</FONT><BR> <FONT face="courier New"> Dokuz Eylül Üniversitesi</FONT><BR> <FONT face=verdana>mühendislik Fakültesi </FONT> <IMG SRC =../dosyalar/bulutlar.gif > </CENTER> </BODY> </HTML>

110 SAYFALARDA YATAY ÇİZGİ SAYFALARIMIZA YATAY BİR ÇİZGİ EKLEMEK İSTİYORSAK <HR> TAGINI KULLANMAMIZ GEREKİR. SAYFANIZIN İSTEDİĞİNİZ BİR YERİNE <HR> DEYİMİNİ EKLERİZ. KAPANIŞ TAGI YOKTUR. <HR align="center" width="250" size="5" noshade color="#0000cc">

111 <P>...</P> PARAGRAFLARI BELİRTMEK İÇİN KULLANILIR. <P>BURASI BİR PARAGRAFTIR.</P>

112 ÖRNEK 16 (<P>) <HTML> <HEAD><title>Bilgisayar Kursları...</title></HEAD> <BODY text="blue"> <p align="left">burasi İLK PARAGRAF </p> <p align="center">burasi DA İKİNCİ PARAGRAF </p> <p align="right">burasi ÜÇÜNCÜ VE SAĞA DAYALI</p> <p align="justify">ve DE İKİ KENARA DAYALI</p> </BODY> </HTML>

113 HTML LİNKLERİ HTML SAYFALARINDAKİ BİR SAYFADAN BAŞKA BİR SAYFAYA GİTMEK İÇİN HYPERLINK LERİ KULLANMALISINIZ. BUNUN İÇİN <A> TAGI KULLANILIR.

114 <A>...</A> (ANCHOR) KULLANIMI AŞAĞIDAKİ GİBİDİR. <A HREF= URL > GÖRÜNTÜLENECEK METİN </A> <A HREF= > tıklayınız...</a> HEMEN HEMEN TÜM NESNELERİ KULLANARAK LİNKLER OLUŞTURABİLİRSİNİZ. RESİMLER, SES DOSYALARI, GÖRÜNTÜ DOSYALARI, METİNLER V.B.

115 Örnek 20 <A> <HTML> <HEAD> <title> Bilimsel Akademi </title> </HEAD> <BODY> Dokuz Eylul Üniversitesi web sayfası için <A HREF="htpp://www.deu.edu.tr">tıklayın</A> <br> <A HREF="index.htm">Ana Sayfa</A> </BODY> </HTML>

116 Örnek 22 <img> <HTML> <HEAD> <title> Bilimsel Akademi </title> </HEAD> <BODY> <p>dokuz Eylul Üniversitesi web sayfası için <A HREF="htpp://www.deu.edu.tr">tıklayın</A> <br> <A HREF="index.htm">Benim Sayfam</A> <br> <a href="http://www.deu.edu.tr"><img src= image.gif"></a> </BODY> </HTML>

117 Örnek 23 <mailto> <HTML> <HEAD> <title> Bilimsel Akademi </title> </HEAD> <BODY> Dokuz Eylul Üniversitesi web sayfası için <A HREF="htpp://www.deu.edu.tr">tıklayın</A> <br> <A HREF="index.htm">Benim Sayfam</A> <br> <a href="http://www.deu.edu.tr"><img src= image.gif"></a> <a mail yolla<a> </BODY> </HTML>

118 HTML LİSTELERİ WEB SAYFALARINDA NESNELERİNİZİ LİSTELER HALİNDE SIRALAYARAK DAHA DÜZENLİ GÖRÜNMELERİNİ SAĞLAYABİLİRSİNİZ. HTML LİSTELERİ SIRALI, SIRASIZ VEYA TANIMLI OLABİLİR.

119 SIRASIZ LİSTELER (UNORDERED LIST) SIRASIZ LİSTELERDE NESNELER MADDE İMLERİ İLE LİSTELENİR. <UL> <LI>KAHVE</LI> <LI>ÇAY</LI> <LI>ŞEKER</LI> </UL> SONUÇ: ÇAY KAHVE ŞEKER

120 SIRALI LİSTELER (ORDERED LIST) ELEMANLAR NUMARALANDIRILARAK LİSTELENİR. <OL> <LI>ÇAY</LI> <LI>KAHVE</LI> <LI>ŞEKER</LI> </OL> SONUÇ 1. ÇAY 2. KAHVE 3. ŞEKER

121 HTML TABLOLARI HTML DİLİNDE TABLO OLUŞTURMAK İÇİN <TABLE> TAGI KULLANILIR. İYİ BİLİNMESİ GEREKEN KONULARDAN BİRİDİR ÇÜNKÜ SAYFA İÇİNDEKİ NESNELER TABLOLARLA DÜZENLENİR VE HİZALANIR.

122 <TABLE> TABLOLAR <TR> TAGIYLA SATIRLARA VE HER SATIR DA <TD> TAGIYLA SÜTUNLARA BÖLÜNÜR. BU İŞLEM SONUNDA OLUŞTURULAN HÜCRELERDE METİNLER, LİSTELER, RESİMLER, PARAGRAFLAR, FORMLAR VE BAŞKA DİĞER NESNELER DE OLABİLİR.

123 <TABLE>...</TABLE> <HTML> <HEAD><title> Bilimsel Akademi</title></HEAD> <BODY> <TABLE border="1"> <tr><td>hücre 1</td> <td>hücre 2</td></tr> </TABLE> </BODY> </HTML>

124 BORDER ÖZELLİĞİ <TABLE BORDER= 1 > ŞEKLİNE TABLONUN SINIRLARININ KALINLIĞI BELİRTİLİR.

125 TABLE BORDER <table border="1"> <tr> <td>isim</td> </tr> <tr> <td>dokuz Eylül</td> </tr> </table>

126 BOŞ HÜCRELİ TABLOLAR BOŞ HÜCRELER ÇOĞU TARAYICIDA KÖTÜ BİR ŞEKİLDE KENARLARI OLMADAN GÖRÜNÜRLER. <TABLE BORDER="1" > <TR> <TD>HÜCRE 1</TD> <TD>HÜCRE 2</TD> </TR> <TR> <TD>HÜCRE 3</TD> <TD></TD> </TR> </TABLE>

127 BOŞ HÜCRELİ TABLOLAR BU SORUNDAN KURTULMAK İÇİN BOŞ HÜCRELERE (&NBSP;) KOYULUR VE BU ŞEKİLDE HÜCRE KENARLIKLARININ GÖRÜNMESİ SAĞLANIR. <TABLE BORDER="1" > <TR> <TD>HÜCRE 1</TD> <TD>HÜCRE 2</TD> </TR> <TR> <TD>HÜCRE 3</TD> <TD> &NBSP; </TD> </TR> </TABLE>

128 BİR TABLO ÖRNEĞİ <TABLE BORDER="1" > <TR ALIGN="CENTER" VALIGN="TOP"> <TD WIDTH="94"><B>ÜLKE ADI</B></TD> <TD WIDTH="72"><B>NÜFUSU</B></TD> <TD WIDTH="153"><B>BULUNDUĞU KITA</B></TD> </TR> <TR> <TD>AVUSTURYA</TD> <TD>8,000,000</TD> <TD>AVRUPA</TD> </TR>

129 BİR TABLO ÖRNEĞİ(devam) <TR> <TD>ALMANYA</TD> <TD>80,000,000</TD> <TD>AVRUPA</TD> </TR> <TR> <TD>TÜRKİYE</TD> <TD>70,000,000</TD> <TD>AVRUPA</TD> </TR> </TABLE>

130 HTML FORMLARI VE BİLGİ GİRİŞİ FORM, FORM ELEMANLARI BARINDIRAN BİR ALANDIR. FORM ELEMANLARI KULLANICILARDAN BİLGİ GİRİŞİNE İZİN VERMEK İÇİN KULLANILAN METİN KUTULARI, SARKAN LİSTELER, RADYO (SEÇENEK) BUTONLARI, ONAY (CHECK) KUTULARI V.B. NESNELERDİR.

131 FORM ELEMANLARI ŞİMDİ DE FORMDA KULLANILAN BAZI ELEMANLARI LİSTELEYELİM FORM ALANI SUBMIT VE RESET BUTONLARI (BUTTON) METİN KUTUSU(TEXT) SEÇME LİSTELERİ (SELECT LISTS) ONAY KUTUSU (CHECKBOX) SEÇENEK DÜĞMESİ (RADIO) METİN ALANI (TEXT AREA)

132 <FORM>...</FORM> FORM OLUŞTURMAK İÇİN <FORM> TAGI KULLANILIR. <form> <input> <input> </form>

133 <INPUT> (VERİ GİRİŞİ) FORMLARDA EN ÇOK KULLANILAN TAGLARDAN BİRİDİR. BİLGİ GİRİŞİNİN (INPUT) NE ŞEKİLDE OLACAĞI TYPE ÖZELLİĞİ İLE BELİRLENİR. Adı: <input type="text" name= ad size=25 maxlength=25>

134 SEÇENEK DÜĞMESİ (RADIO) BİRKAÇ SEÇENEKTEN SADECE BİRİNİ SEÇMEK İÇİN KULLANILIRLAR. <input type="radio" name= cins" value= bay > Bay <input type="radio" name= cins value= bayan"> Bayan

135 ONAY KUTULARI (CHECKBOXES) BİR VEYA BİRDEN FAZLA SEÇENEK SEÇİLEBİLİR. <input type="checkbox" name= motor"> Motor kullanıyorum <br> <input type="checkbox" name= araba"> Araba kullanıyorum

136 ŞİFRE ALANLARI FORMUMUZ İÇİNDE ŞİFRE GİRİLMESİ GEREKEN YERLERDE KULLANILIR <input type= PASSWORD name= sifre size= 12 max= 8 >

137 TEXT AREA ELEMANI UZUN MİKTARDA BİR YAZI GİRİLECEKSE BU DURUMLARDA TEXT AREA KULLANILIR. <TEXTAREA NAME= yorum ROWS=7 COLS=30>buraya düşüncelerinizi yazınız... </TEXTAREA>

138 SEÇME LİSTELERİ SEÇME LİSTELERİ; KULLANICILARI BELİRLENMİŞ OLAN BİR LİSTEDEN BİR YADA DAHA FAZLA ELEMAN SEÇMELERİNİ SAĞLAYAN OLDUKÇA ESNEK BİR YAPIDIR. ÖRNEĞİN BİR ÜLKE LİSTESİNDEN ÜLKE SEÇMEK GİBİ...

139 ÖRNEK <SELECT NAME= sec > <OPTION VALUE= tur SELECTED>türkiye <OPTION VALUE= ing > ingiltere </SELECT> BİR ELEMANIN SEÇİLİ OLMASINI İSTİYORSAK SELECTED DEMEMİZ LAZIMDIR.

140 SEÇME LİSTELERİ İSTENİRSE TÜM LİSTEDEN BİRDEN FAZLA ELEMAN SEÇİMİ AYARLANABİLİR. BUNUN İÇİN MULTIPLE YAZISININ EKLENMESİ YETERLİDİR. AYRICA SIZE PARAMETRESİ İLE DE GÖRÜLECEK ELEMAN SAYISI DA BELİRTİLİR

141 ACTION ÖZELLİĞİ VE SUBMIT BUTONU SUBMIT BUTONUNA TIKLADIĞINIZDA, FORM İÇERİĞİ BAŞKA BİR DOSYAYA GÖNDERİLİR. ACTION ÖZELLİĞİ, FORMDAKİ BİLGİLERİN GÖNDERİLDİĞİ DOSYAYI BELİRLER. BU MUHTEMELEN BİR ASP VEYA PHP DOSYASIDIR, GÖNDERİLEN BİLGİLER ALINIR VE İŞLENİR.

142 ACTION ÖZELLİĞİ VE SUBMIT BUTONU <form name= kayit" action= kayit.asp" method="get"> Username: <input type="text" name= ad"> <input type="submit" value= Tamam"> </form>

143 HTML HEAD ELEMANI HEAD TAGI, SAYFA İLE İLGİLİ GENEL BİLGİLER İÇERİR. AYRICA META-INFORMATION ŞEKLİNDE DE ADLANDIRILIRLAR. META, BİR ŞEY HAKKINDA BİLGİ DEMEKTİR.

144 HTML HEAD ELEMANI META-DATA DENİLDİĞİ ZAMAN DATA (VERİ) İLE İLGİLİ BİLGİ, META-INFORMATION DENİLDİĞİ ZAMAN DA SAYFA İÇERİĞİ İLE İLGİLİ BİLGİ ANLAŞILIR.

145 HTML HEAD ELEMANI BU BÖLÜMDEKİ BİLGİLER BROWSER DAN GÖSTERİLMEZ. BU BÖLÜMDE SADECE BİRKAÇ TAG KULLANILABİLİR. BUNLAR; BASE, LINK, META, TITLE, STYLE VE SCRIPT TAGLARIDIR.

146 HEAD TAGLARI BASE LINK META TITLE STYLE SCRIPT

147 <META>...</META> SAYFA İLE BİLGİLER VERİR. ÖRNEĞİN SAYFANIN TASARIMCISI, HANGİ PROGRAMLA OLUŞTURULDUĞU, ANAHTAR KELİMELER V.B.

148 ARAMA MOTORLARI İÇİN ANAHTAR KELİMELER BAZI ARAMA MAKİNELERİ META TAGININ NAME VE CONTENT ÖZELLİKLERİNİ KULLANARAK ARAMA YAPARLAR. BU NEDENLE META TAGININ BAZI ÖZELLİKLERİ ÖNEMLİDİR.

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

WEB TASARIM. Öğr.Gör. Ruhsar KAVASOĞLU WEB TASARIM Öğr.Gör. Ruhsar KAVASOĞLU İ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

Detaylı

BMT 202 Web Tasarımı Bahar Dönemi. Yük. Müh. Köksal GÜNDOĞDU 1

BMT 202 Web Tasarımı Bahar Dönemi. Yük. Müh. Köksal GÜNDOĞDU 1 BMT 202 Web Tasarımı 2016 2017 Bahar Dönemi Yük. Müh. Köksal GÜNDOĞDU 1 Elektrik Elektronik ve Bilgisayar Yük. Müh. Köksal Gündoğdu http://www.ekargemuhendislik.com/k.gundogdu.html Ödevler, duyurular,

Detaylı

TAG NEDĠR? WEB SAYFASI OLUġTURMAK ĠÇĠN KULLANILAN KOMUTLARA TAG DENĠR. ... ġeklġnde KULLANILIRLAR.

TAG NEDĠR? WEB SAYFASI OLUġTURMAK ĠÇĠN KULLANILAN KOMUTLARA TAG DENĠR. <TAG>...</TAG> ġeklġnde KULLANILIRLAR. HTML WEB NEDĠR? WORLD WIDE WEB E KISACA WEB DENĠR. WEB, INTERNET'E BAĞLANAN TÜM BĠLGĠSAYARLARIN OLUġTURDUĞU BĠR AĞDIR. BU AĞDAKĠ TÜM BĠLGĠSAYARLAR BĠRBĠRĠYLE HTTP ĠLETĠġĠM STANDARDI NI KULLANARAK KONUġUR.

Detaylı

Web Programlama Kursu

Web Programlama Kursu Web Programlama Kursu Bu kurs ne değildir? Neyi amaç edinmiştir? Bilgisayar Programcısı? Web Tasarımcısı? Web Programcısı? Neler öğreneceğiz? Kurs sonunda neler yapılabileceğiz? Örnek siteler Örnek Projeler

Detaylı

Web Formlar ve Sayfalar Arasında Bilgi Gönderme. BATML İnternet Programcılığı 1

Web Formlar ve Sayfalar Arasında Bilgi Gönderme. BATML İnternet Programcılığı 1 Web Formlar ve Sayfalar Arasında Bilgi Gönderme BATML İnternet Programcılığı 1 Bazı web sitelerinde sayfalar arasında bilgi veya değişken göndermek gerekebilir. Gönderilen bu bilgi kullanıcı adı ve şifre

Detaylı

2-Hafta Temel İşlemler

2-Hafta Temel İşlemler 2-Hafta Temel İşlemler * Html Komutlarının Yapısı * Açıklamalar * Htm Sayfasının Oluşturulması * Temel Html Komutları * Html Sayfalarının Düzenlenmesi * Html Sayfalarının İncelenmesi Html Komutlarının

Detaylı

1.1 Web Kavramlar. 1.1.1.3 URL terimini tanımlayınız ve anlayınız.

1.1 Web Kavramlar. 1.1.1.3 URL terimini tanımlayınız ve anlayınız. 1.1 Web Kavramlar 117 Anahtar 7erim/er 1.1.1.1 Web ve Internet terimlerini tanımlayınız. Her birinin anahtar özelliklerini tanımlayınız. Web bir Internet hizmetidir. Web Internet üzerinde bağlantılı html

Detaylı

12 TBT / WEB TASARIM ve PROGRAMLAMA ( Not 3 )

12 TBT / WEB TASARIM ve PROGRAMLAMA ( Not 3 ) 12 TBT / WEB TASARIM ve PROGRAMLAMA ( Not 3 ) 25.09.2017 METİN VE GÖRÜNÜM DÜZENLEME ETİKETLERİ : etiketleri dökümana başlık eklemek için kullanılır. etiketinde ki x ifadesi 1 den 6 ya kadar

Detaylı

WEB TASARIMI. Đnternet Nedir?

WEB TASARIMI. Đnternet Nedir? ĐÇĐNDEKĐLER İÇİNDEKİLER... 1 WEB TASARIMI... 2 İnternet Nedir?... 2 HTML (Hypertext Markup Language)... 4 (Hareketli Metin İşaretleme Dili)... 4 KLASÖR VE DOSYA İSİMLERİNDE... 5 STANDART TAKILAR... 5

Detaylı

TIA P0RTAL (TEMEL DÜZEY) S7-1200 S7-300 S7-400

TIA P0RTAL (TEMEL DÜZEY) S7-1200 S7-300 S7-400 TIA P0RTAL (TEMEL DÜZEY) S7-1200 S7-300 S7-400 EĞİTMEN AD SOYAD : FAHRETTİN ERDİNÇ TECRÜBE : 1996 DAN BERİ OKUL : 1995 DEÜ ELK-ELKTR MÜH. LÜTFEN DİKKAT! SINIFTAKİ BAŞARIMIZIN MAKSİMUM DÜZEYDE OLMASI İÇİN:

Detaylı

2. HTML Temel Etiketleri

2. HTML Temel Etiketleri 2. HTML Temel Etiketleri Bu bölümü bitirdiğinizde, HTML ve etiket kavramlarının ne olduğunu, HTML komut yapısını, Örnek bir HTML dosyasının nasıl oluşturulduğunu, Temel HTML etiketlerinin neler olduğunu,

Detaylı

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 4

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 4 BTP 207 İNTERNET PROGRAMCILIĞI I Ders 4 Sayfalara Resim Eklemek 2 Etiketi Sayfaya resim eklemek için kullanılır. JPG, BMP, GIF, PCX, PNG, TIFF, WMF gibi resim formatlarını destekler. Sonlandırmalı

Detaylı

Html temelleri. Ders 4

Html temelleri. Ders 4 Html temelleri Ders 4 1 Giriş World Wide Web (Kısaca web) uygun protokoller kullanarak haberleşen yazılımların çalıştırıldığı internet üzerindeki sistemlerin bir koleksiyonudur. Çoğu sistem gününüzde en

Detaylı

BMT 202 Web Tasarımı Bahar Dönemi. Yük. Müh. Köksal GÜNDOĞDU 1

BMT 202 Web Tasarımı Bahar Dönemi. Yük. Müh. Köksal GÜNDOĞDU 1 BMT 202 Web Tasarımı 2016 2017 Bahar Dönemi Yük. Müh. Köksal GÜNDOĞDU 1 HTML Yük. Müh. Köksal GÜNDOĞDU 2 HTML Editörleri Web sayfası oluşturmak için not defteri gibi basit bir metin düzenleme yazılımı

Detaylı

ÖĞRENME FAALİYETİ 1 ÖĞRENME FAALİYETİ 1 1. FORMLAR

ÖĞRENME FAALİYETİ 1 ÖĞRENME FAALİYETİ 1 1. FORMLAR ÖĞRENME FAALİYETİ 1 AMAÇ ÖĞRENME FAALİYETİ 1 Uygun ortam sağlandığında web sayfaları için formlar oluşturabileceksiniz. ARAŞTIRMA Web sayfalarında formların kullanım amaçlarını ve nasıl kullanıldığını

Detaylı

sayfa Başlığı Bu benim ilk sayfam bu metin koyu

<html> <head> <title>sayfa Başlığı</title> </head> <body> Bu benim ilk sayfam <b>bu metin koyu</b> </body> </html> HTML'e Giriş 1. HTML dosyası nedir? HTML'in açılımı Hyper Text Markup Language (Bunun tam Türkçe'si bulunmamakla beraber "çok yere açılan metin" denebilir. Bir HTML dosyası bir text dosyası olmakla beraber

Detaylı

Internet Programming II. Elbistan Meslek Yüksek Okulu Bahar Yarıyılı

Internet Programming II. Elbistan Meslek Yüksek Okulu Bahar Yarıyılı Internet Programming II Elbistan Meslek Yüksek Okulu 2015 2016 Bahar Yarıyılı Öğr. Gör. Murat KEÇECĠOĞLU 23 May. 2016 Form Form İşlemleri Tarayıcıdan bilgi alarak işlem gerçekleştirme FORM elemanları yardımıyla

Detaylı

Internet Programming II. Elbistan Meslek Yüksek Okulu 2014 2015 Bahar Yarıyılı

Internet Programming II. Elbistan Meslek Yüksek Okulu 2014 2015 Bahar Yarıyılı Internet Programming II Elbistan Meslek Yüksek Okulu 2014 2015 Bahar Yarıyılı Öğr. Gör. Murat KEÇECĠOĞLU 11-14 May. 2014 Form Form İşlemleri Tarayıcıdan bilgi alarak işlem gerçekleştirme FORM elemanları

Detaylı

BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ YARD. DOÇ. DR. MEHTAP YALÇINKAYA 08.04.2011

BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ YARD. DOÇ. DR. MEHTAP YALÇINKAYA 08.04.2011 BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ HTML DERS NOTLARI 6. DERS YARD. DOÇ. DR. MEHTAP YALÇINKAYA 08.04.2011 HYPERLINKS - KÖPRÜ Sayfalara link (bağlantılar) oluşturmak için kullanılır.

Detaylı

Temel Bilgisayar Terimleri Yrd. Doç. Dr. Devkan Kaleci

Temel Bilgisayar Terimleri Yrd. Doç. Dr. Devkan Kaleci 1 2 HTML, Hyper Text Markup Language kelimelerinin kısaltılmışıdır. HTML (Hareketli-Metin İşaretleme Dili) basitçe, browserlarla görebilen, internet dokümanları oluşturmaya yarayan bir çeşit dildir. HTML

Detaylı

İSMET AKTAR ANADOLU TEKNİK LİSESİ BİLİŞİM TEKNOLOJİLERİ ALANI WEB PROGRAMCILIĞI DALI

İSMET AKTAR ANADOLU TEKNİK LİSESİ BİLİŞİM TEKNOLOJİLERİ ALANI WEB PROGRAMCILIĞI DALI İSMET AKTAR ANADOLU TEKNİK LİSESİ BİLİŞİM TEKNOLOJİLERİ ALANI WEB PROGRAMCILIĞI DALI WEB TASARIMI VE PROGRAMLAMA DERSİ TEMEL KAVRAMLAR Bilişim Teknolojileri Web Tasarımı ve Programlama Dersi Durhan GABRALI

Detaylı

Doç.Dr. Yaşar SARI, Web Tasarımı Ders Notları 1

Doç.Dr. Yaşar SARI, Web Tasarımı Ders Notları 1 Doç.Dr. Yaşar SARI, Web Tasarımı Ders Notları 1 HTML ( Hyper Text Markup Language ) Html Nedir - Nasıl Hazırlanır? Html (Hypertext Markup Language) web sayfalarının yapımında kullanılan bir dildir. Diğer

Detaylı

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 2

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 2 BTP 207 İNTERNET PROGRAMCILIĞI I Ders 2 HTML 2 Hyper Text Markup Language = Yüksek/İleri Metin İşaretleme Dili Web sayfaları oluşturmak için kullanılan içerik biçimlendirme dilidir. Yüksek/ileri metin

Detaylı

İNTERNET PROGRAMLAMA II. Tanımlar

İNTERNET PROGRAMLAMA II. Tanımlar İNTERNET PROGRAMLAMA II Tanımlar WWW( World Wide Web) Dünya üzerindeki bütün bilgisayarların bağlı olduğu bir ağdır. Çoğunlukla Web olarak adlandırılır. Web üzerindeki bilgisayarlar standart protokolleri

Detaylı

Elbistan MYO Güz Dönemi Öğr.Gör. Murat KEÇECİOĞLU

Elbistan MYO Güz Dönemi Öğr.Gör. Murat KEÇECİOĞLU Elbistan MYO 2016-2017 Güz Dönemi Öğr.Gör. Murat KEÇECİOĞLU HTML Nedir? HTML, Hyper Text Markup Language sözcüklerinin baş harflerinden oluşan bir kısaltmadır ve Web in temel dilidir. Html dökümanları

Detaylı

WEB TASARIMIN TEMELLERİ

WEB TASARIMIN TEMELLERİ WEB TASARIMIN TEMELLERİ ~ Sunu 1 ~ Öğr. Gör. Mehmet Fatih TAN http://blog.kmu.edu.tr/mftan mftan@kmu.edu.tr Bilgi paylaşıldıkça kıymetlenir.. Kaynak göstermek şartıyla sunu içeriğini çalışmalarınızda kullanabilirsiniz.

Detaylı

HTTP & HTML BİRİNCİ BÖLÜM. HTTP Nedir? HTTP Safhaları Nelerdir? Protokol ve Eklentiler. HTTP Servisleri. HTTP Nedir? HTML Nedir?

HTTP & HTML BİRİNCİ BÖLÜM. HTTP Nedir? HTTP Safhaları Nelerdir? Protokol ve Eklentiler. HTTP Servisleri. HTTP Nedir? HTML Nedir? HTTP & HTML Seval ÖZBALCI Bilgisayar Programcılığı Bölümü Ders 3 HTTP ve HTML Kullanarak İlk Web Sayfasının Oluşturulması BİRİNCİ BÖLÜM HTTP Nedir? HTML Nedir? Temel Unsurlar Editör Türleri İlk Sayfanın

Detaylı

Web Teknolojileri ve Programla

Web Teknolojileri ve Programla Web Teknolojileri ve Programla Bu kurs ne değildir? Neyi amaç edinmiştir? Bilgisayar Mühendisi? Bilgisayar Programcısı? Web Tasarımcısı? Web Programcısı? Neler öğreneceğiz? Kurs sonunda neler yapılabileceğiz?

Detaylı

HTML (Hyper Text Markup Language)

HTML (Hyper Text Markup Language) HTML (Hyper Text Markup Language) Ele Alınacak Başlıklar HTML tarihçesi Bir HTML dökümanın genel görünümü HTML ve tarayıcı etkileşimi Tarihçe Internet The World Wide Web (www) HTML URI/URL HTTP Tim Berners-Lee

Detaylı

Elbistan MYO Güz Dönemi Öğr.Gör. Murat KEÇECİOĞLU

Elbistan MYO Güz Dönemi Öğr.Gör. Murat KEÇECİOĞLU Elbistan MYO 2016-2017 Güz Dönemi Öğr.Gör. Murat KEÇECİOĞLU Web Sayfasını Kayıt Etmek : Share point designer ya da Notepad de oluşturduğumuz HTML kodunu kaydetmek için File Save As komutunu seçiniz. Kayıt

Detaylı

Temel HTML Eğitimi. Erman Yükseltürk

Temel HTML Eğitimi. Erman Yükseltürk Temel HTML Eğitimi Erman Yükseltürk HTML Nedir? 1980 yılında CERN'de görevli olan Tim Berners-Lee, CERN araştırmacılarının bilgilerini ve dökümanlarını birbirleriyle paylaşabilmeleri için bir sistem olması

Detaylı

İNTERNET PROGRAMCILIĞI I

İNTERNET PROGRAMCILIĞI I BÖLÜM 12 12- FORMLAR HTML'in bir metin şekillendirme aracı olduğunu söylemiştik. Form'lar bu tanımın istisnasıdır, HTML kullanarak sayfanızı ziyaret edenlerle temas kurmanızı sağlarlar. Formlar yoluyla

Detaylı

Kopya Hakkı 2005 The European Computer Driving Licence Foundation Ltd

Kopya Hakkı 2005 The European Computer Driving Licence Foundation Ltd Tüm haklar mahfuzdur. Bu yayının hiçbir kısmı ECDL Kuruluşundan izin almadan hiçbir şekilde çoğaltılamaz. Çoğaltım talepleri yayıncıya yapılmalıdır. The European Computer Driving Licence Foundation Ltd

Detaylı

BİH 605 Bilgi Teknolojisi Bahar Dönemi 2015

BİH 605 Bilgi Teknolojisi Bahar Dönemi 2015 BİH 605 Bilgi Teknolojisi Bahar Dönemi 2015 Ders- 13 World Wide Web (WWW) Yrd. Doç. Dr. Burcu Can Buğlalılar Bilgisayar Mühendisliği Bölümü Bilgisayar Katmanları İçerik World Wide Web (WWW) Anlık Mesajlaşma

Detaylı

HTML & CSS. Öğr.Gör. M.Ersin AKAY

HTML & CSS. Öğr.Gör. M.Ersin AKAY HTML & CSS Öğr.Gör. M.Ersin AKAY Neler Öğreneceğiz? HTML işaretleme dili CSS stil şablonları HTML Hyper Text Markup Language HTML de Neler Öğreneceğiz? Html işaretleme dili temel yapısı ve kavramları Html

Detaylı

Internet: Tarihçe ve Kavramlar

Internet: Tarihçe ve Kavramlar Internet: Tarihçe ve Kavramlar Umut Al umutal@hacettepe.edu.tr Internet in Tarihçesi 1945 Vannevar Bush memex 1962 Licklider (MIT) Galaktik Ağ 1969 DARPA ARPANET 1972 İlk e-posta 1983 TCP-IP 1991 Gopher,

Detaylı

WEB TASARIMIN TEMELLERİ

WEB TASARIMIN TEMELLERİ WEB TASARIMIN TEMELLERİ ~ Sunu 2 ~ Öğr. Gör. Mehmet Fatih TAN http://blog.kmu.edu.tr/mftan mftan@kmu.edu.tr Bilgi paylaşıldıkça kıymetlenir.. Kaynak göstermek şartıyla sunu içeriğini çalışmalarınızda kullanabilirsiniz.

Detaylı

4. Bağlantı (Köprü) Oluşturma

4. Bağlantı (Köprü) Oluşturma 4. Bağlantı (Köprü) Oluşturma Bu bölümü bitirdiğinizde, HTML dosyalarında nasıl bağlantı oluşturulduğunu, Bağ etiketinin ne olduğunu, Yerel dosyalara nasıl bağlantı kurulduğunu, İnternet üzerindeki dosyalara

Detaylı

Dünyanın bilgisine açılan pencere... Ya da sadece yeni çağın eğlencesi...

Dünyanın bilgisine açılan pencere... Ya da sadece yeni çağın eğlencesi... Dünyanın bilgisine açılan pencere... Ya da sadece yeni çağın eğlencesi... Bilgisayar Ağı (Network) Nedir? Bir ana bilgisayarın denetiminde birbirlerine bağlı olarak çalışan bilgisayarların oluşturduğu

Detaylı

İÇİNDEKİLER BÖLÜM-1. BİLGİSAYARIN TANIMI VE ÇALIŞMA PRENSİBİ...1 BÖLÜM-2. WİNDOWS XP İŞLETİM SİSTEMİ...27

İÇİNDEKİLER BÖLÜM-1. BİLGİSAYARIN TANIMI VE ÇALIŞMA PRENSİBİ...1 BÖLÜM-2. WİNDOWS XP İŞLETİM SİSTEMİ...27 İÇİNDEKİLER BÖLÜM-1. BİLGİSAYARIN TANIMI VE ÇALIŞMA PRENSİBİ...1 1.1. GİRİŞ...1 1.2. BİLGİSAYARIN TANIMI VE TARİHSEL GELİŞİMİ...3 1.3. BİLGİSAYARIN FONKSİYONLARI...3 1.4. BİLGİSAYARIN YAPISI VE BİLGİSAYARI

Detaylı

İNTERNET VE BİLGİ AĞLARININ KULLANIMI

İNTERNET VE BİLGİ AĞLARININ KULLANIMI İNTERNET VE BİLGİ AĞLARININ KULLANIMI İnternet, birçok bilgisayar sisteminin birbirine bağlı olduğu, dünya çapında yaygın olan ve sürekli büyüyen bir iletişim ağıdır. TCP/IP (Transmission Control Protocol/Internet

Detaylı

HTML 5 ve CSS 3. Yrd. Doç. Dr. Murat Olcay ÖZCAN

HTML 5 ve CSS 3. Yrd. Doç. Dr. Murat Olcay ÖZCAN HTML 5 ve CSS 3 Yrd. Doç. Dr. Murat Olcay ÖZCAN HTML HTML web sayfalarını tanımlayan bir işaretleme dilidir. HTML (Hyper Text Markup Language) açılımı Hiper Metin İşaretleme Dili HTML dosyaları HTML etiketleri

Detaylı

MIS213T İNTERNET VE WEB PROGRAMLAMA GÜZ 2016 LAB DOKÜMANI #2. 1. Bölüm: Temel HTML Etiketleri - Resimler

MIS213T İNTERNET VE WEB PROGRAMLAMA GÜZ 2016 LAB DOKÜMANI #2. 1. Bölüm: Temel HTML Etiketleri - Resimler MIS213T İNTERNET VE WEB PROGRAMLAMA GÜZ 2016 LAB DOKÜMANI #2 Konular - Temel HTML etiketleri kullanma, - Resim, arkaplan rengi, arkaplan resmi ekleme, - Link oluşturma ve ekleme, - Maddeleme, numaralandırma,

Detaylı

HTML (Hyper Text Markum Language)

HTML (Hyper Text Markum Language) HTML (Hyper Text Markum Language) HTML nedir? Hyper Text Markup Language'in kısaltması olan HTML; anlamı hiper metin işaretleme dilidir, bir programlama dili değildir. Metin, resim ve diğer nesnelerin

Detaylı

HTML 5 ve CSS 3. Yrd. Doç. Dr. Murat Olcay ÖZCAN

HTML 5 ve CSS 3. Yrd. Doç. Dr. Murat Olcay ÖZCAN HTML 5 ve CSS 3 Yrd. Doç. Dr. Murat Olcay ÖZCAN HTML HTML web sayfalarını tanımlayan bir işaretleme dilidir. HTML (Hyper Text Markup Language) açılımı Hiper Metin İşaretleme Dili HTML dosyaları HTML etiketleri

Detaylı

Öğr. Gör. Serkan AKSU http://www.serkanaksu.net. http://www.serkanaksu.net/ 1

Öğr. Gör. Serkan AKSU http://www.serkanaksu.net. http://www.serkanaksu.net/ 1 Öğr. Gör. Serkan AKSU http://www.serkanaksu.net http://www.serkanaksu.net/ 1 JavaScript JavaScript Nedir? Nestcape firması tarafından C dilinden esinlenerek yazılmış, Netscape Navigator 2.0 ile birlikte

Detaylı

WEB TASARIMININ TEMELLERİ

WEB TASARIMININ TEMELLERİ WEB TASARIMININ TEMELLERİ Ankara Üniversitesi Elmadağ Meslek Yüksekokulu Ders İzlencesi Hafta Modüller/İçerik/Konular 1. Hafta İnternet ve WEB Tanımları Html Temel Etiketleri 2. Hafta Html Temel Etiketleri

Detaylı

8. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II. Öğr.Gör. Hakan YILMAZ. hakanyilmaz@karabuk.edu.tr

8. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II. Öğr.Gör. Hakan YILMAZ. hakanyilmaz@karabuk.edu.tr 8. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II Öğr.Gör. Hakan YILMAZ hakanyilmaz@karabuk.edu.tr Karabük Üniversitesi Uzaktan Eğitim Uygulama ve Araştırma Merkezi 2 İçindekiler QUERYSTRING KOLEKSIYONU... 3 FORM

Detaylı

7. Çerçeveler. Bu bölümü bitirdiğinizde,

7. Çerçeveler. Bu bölümü bitirdiğinizde, 7. Çerçeveler Bu bölümü bitirdiğinizde, Çerçevelerden oluşan bir WEB sayfası tasarlamayı, İç içe çerçeveler oluşturmayı ve Çerçeveleri isimlendirmeyi, Bağ kurulan dosyaları belirtilen çerçeve içerisinde

Detaylı

Temel Bilgi Teknolojileri - I Ayrıntılı Ders İçerikleri

Temel Bilgi Teknolojileri - I Ayrıntılı Ders İçerikleri Temel Bilgi Teknolojileri - I Ayrıntılı Ders İçerikleri Bilgi Teknolojileri (IT) Kavramları, Bilgisayar Kullanımı ve Dosyaların Yönetimi, Bilgi ve İletişim HAFTA 1 1. Genel Kavramlar(Bilgisayarın tanımı,bilgi

Detaylı

AĞ ve İNTERNET TCP/IP. IP Adresi İNTERNET NEDİR? Standartlar :

AĞ ve İNTERNET TCP/IP.  IP Adresi İNTERNET NEDİR? Standartlar : AĞ ve İNTERNET İNTERNET NEDİR? İnternet, birçok bilgisayar sisteminin birbirine bağlı olduğu, dünya çapında yaygın olan ve sürekli büyüyen bir iletişim ağıdır. Standartlar : TCP/IP (Transmission Control

Detaylı

HTML - 8 Hypertext takıları iki ana değişik şekilde karşımıza çıkar: Anchors ve Images. Anchors, resim veya yazıya bir olay eklemek için kullanılır.

HTML - 8 Hypertext takıları iki ana değişik şekilde karşımıza çıkar: Anchors ve Images. Anchors, resim veya yazıya bir olay eklemek için kullanılır. HTML Ders 5 HTML - 8 Hypertext takıları iki ana değişik şekilde karşımıza çıkar: Anchors ve Images. Anchors, resim veya yazıya bir olay eklemek için kullanılır. Kullanıcı ilgili resim veya yazı üzerine

Detaylı

İnternet Programcılığı

İnternet Programcılığı İnternet Programcılığı 1 Öğr.Gör. Fırat YÜCEL Akdeniz Üniversitesi Enformatik Bölümü Kaynak H.M. Deitel, P.J. Deitel and T.R. Nieto, Internet and World Wide Web: How to Program, Prentice Hall, 2002 2 Web

Detaylı

WEB TASARIMININ TEMELLERİ

WEB TASARIMININ TEMELLERİ WEB TASARIMININ TEMELLERİ Öğr. Gör. M. Mutlu YAPICI Ankara Üniversitesi Elmadağ Meslek Yüksekokulu Ders İzlencesi Hafta Modüller/İçerik/Konular 1. Hafta İnternet ve WEB Tanımları Html Temel Etiketleri

Detaylı

WEB TABANLI PROGRAMLAMA

WEB TABANLI PROGRAMLAMA WEB TABANLI PROGRAMLAMA 6. ve 7. DERS Köprü Ekleme (hyperlinks) ve Map (HTML Giriş) YARD. DOÇ. DR. MEHTAP YALÇINKAYA HYPERLINKS - KÖPRÜ Sayfalara link (bağlantılar) oluşturmak için Anchor etiketi kullanılır.

Detaylı

5. Tablo İşlemleri. Bu bölümü bitirdiğinizde,

5. Tablo İşlemleri. Bu bölümü bitirdiğinizde, 5. Tablo İşlemleri Bu bölümü bitirdiğinizde, Tablonun nasıl oluşturulduğunu, Satır ve hücrelerin ne olduğunu ve nasıl oluşturulduğunu, Tablonun ve hücrelerin nasıl hizalandığını, Satır veya sütunların

Detaylı

Maltepe Üniversitesi Bilgisayar Mühendisliği Bölümü Internet ve Bilgi Teknolojileri (BİL 309) Dersi

Maltepe Üniversitesi Bilgisayar Mühendisliği Bölümü Internet ve Bilgi Teknolojileri (BİL 309) Dersi Maltepe Üniversitesi Bilgisayar Mühendisliği Bölümü Internet ve Bilgi Teknolojileri (BİL 309) Dersi GENEL DERS BİLGİLERİ Öğretim Elemanı Ofis : MUH 312 : Öğr. Gör. Dr. T.Tugay BİLGİN Ofis Saatleri : Pazartesi:

Detaylı

Bozok Üniversitesi Mühendislik Fakültesi - Bilgisayar Mühendisliği. Yrd. Doç. Dr. Ahmet Sertol KÖKSAL

Bozok Üniversitesi Mühendislik Fakültesi - Bilgisayar Mühendisliği. Yrd. Doç. Dr. Ahmet Sertol KÖKSAL Bozok Üniversitesi Mühendislik Fakültesi - Bilgisayar Mühendisliği 1 Yrd. Doç. Dr. Ahmet Sertol KÖKSAL 2 Internet ve Web in Tarihsel Gelişimi World Wide Web ve W3C Web Standartları 1957 yılında Sovyetler

Detaylı

TBF 110 BİLGİSAYARDA VERİ İŞLEME ve UYGULAMALARI Ha9a- 2 - İnternet

TBF 110 BİLGİSAYARDA VERİ İŞLEME ve UYGULAMALARI Ha9a- 2 - İnternet BİLGİSAYARDA VERİ İŞLEME ve UYGULAMALARI Ha9a- 2 - İnternet 2015 2016 Akademik Yılı Öğr. Gör. Gülten Güngörmüş gulteng@baskent.edu.tr Oda No: B- 202 Öğr. Gör. Gizem Öğütcü ogutcu@baskent.edu.tr Oda No:

Detaylı

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 1

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 1 BTP 207 İNTERNET PROGRAMCILIĞI I Ders 1 2 Dersi Veren: Doç.Dr. Nuray At Mühendislik Fakültesi, Elektrik-Elektronik Müh. Bölümü, EEM213 e-mail: nat@anadolu.edu.tr Kaynaklar: 1. E. Yaşar, T. Özseven, İnternet

Detaylı

İNTERNET PROGRAMCILIĞI

İNTERNET PROGRAMCILIĞI İNTERNET PROGRAMCILIĞI Konular Vize Hazırlık 1 İnternet Programcılığı 1. TEMEL HTML ETİKETLERİ 1.1. HTML etiketi HTML etiketi, tarayıcınıza, dosyanın HTML kodu ile yüklenmiş bilgi içerdiğini bildirir.

Detaylı

PHP 1. Hafta 2.Sunum

PHP 1. Hafta 2.Sunum PHP 1. Hafta 2.Sunum Hello World Bu derste görülecekler WAMP ve PHP Hosting kavramı ve bizi neden ilgilendirmediği Domain ve localhost kavramları www klasörü İlk PHP kodunun

Detaylı

12. Tanımlama Listeleri
,
,

12. Tanımlama Listeleri <dl> </dl>, <dt> </dt>, <dd> </dd> 12. Tanımlama Listeleri , , Terimler ve açıklamalarını içeren listeler oluşturmakta kullanılırlar. Bir uygulamanın komut satırı seçeneklerini listelemek ve altlarında açıklamalarını

Detaylı

Dersin Konusu ve Amaçları: Ders P lanı: Bölüm 1: Bilgi Teknolojilerinde Temel Kavramlar

Dersin Konusu ve Amaçları: Ders P lanı: Bölüm 1: Bilgi Teknolojilerinde Temel Kavramlar Bilgi Teknolojileri ve Uygulamalarına Giriş Dersin Konusu ve Amaçları: Bu dersin amacı daha önce bilgisayar ve bilgi teknolojileri alanında herhangi bir bilgi ve/veya deneyime sahip olmayan öğrenciye bilgi

Detaylı

WEB TASARIMININ TEMELLERİ

WEB TASARIMININ TEMELLERİ WEB TASARIMININ TEMELLERİ Öğr. Gör. M. Mutlu YAPICI Ankara Üniversitesi Elmadağ Meslek Yüksekokulu Ders İzlencesi Hafta Modüller/İçerik/Konular 1. Hafta İnternet ve WEB Tanımları Html Temel Etiketleri

Detaylı

Tim Berners-Lee Tim Berners-Lee .html .htm HTML nin Tanımı not defteri WordPad pico, joe vi WYSIWYG

Tim Berners-Lee Tim Berners-Lee .html .htm HTML nin Tanımı not defteri WordPad pico, joe vi WYSIWYG 1 Tim Berners-Lee tarafından 1989 yılında HTML ( Hyper Text Markup Language) işaretleme dili geliştirilmiştir. Tim Berners-Lee aynı zamanda WWW, HTTP ve URL yide geliştiren mucittir. Tüm keşifleri 1989-1991

Detaylı

h a k a n b a b a c. n e t HTML Web Tasarımı ve Programlama

h a k a n b a b a c. n e t HTML Web Tasarımı ve Programlama HTML Web Tasarımı ve Programlama İ Ç E R İ K // HTML Internet Ortamı ve Web Tasarımı Temel HTML Etiketleri Listeleme Etiketleri Metin Düzenleme Etiketleri Bağlantı (Köprü) Oluşturma Tablolarla Çalışma

Detaylı

Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com. Hazırlayan: İdris Kahraman

Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com. Hazırlayan: İdris Kahraman 7. Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com Hazırlayan: İdris Kahraman Dreamweaver Dreamweaver en iyi web editör yazılımlarından biridir. Biz tasarım modunda çalışırken,dreamweaver

Detaylı

VERİ MADENCİLİĞİ (Web Madenciliği)

VERİ MADENCİLİĞİ (Web Madenciliği) VERİ MADENCİLİĞİ (Web Madenciliği) Yrd.Doç.Dr. Kadriye ERGÜN kergun@balikesir.edu.tr Kaynak: M. Ali Akcayol, Gazi Üniversitesi, Bilgisayar Mühendisliği Bölümü Ders Notları İçerik İnternet World Wide Web

Detaylı

www.elektrikogretmenleri.com

www.elektrikogretmenleri.com DREAMWEAVER DA TABLOLAR KULLANARAK İNDEX SAYFASI HAZIRLAMAK Günümüzde web siteleri Frameset yapısı ve Tablo yapısı kullanarak yapılmaktadır. Frameset (Çerçeve) yapılı web sitelerinde index sayfaları oluşturulduğunda

Detaylı

PHP I PHP I. E. Fatih Yetkin. 26 Eylül 2011

PHP I PHP I. E. Fatih Yetkin. 26 Eylül 2011 PHP I E. Fatih Yetkin 26 Eylül 2011 Outline Temel Tanımlar HTML e Giriş PHP ye Giriş MySQL ve PHP Temel Tanımlar Web Sunucu Nedir? Teknik detaylar bir kenara bırakılacak olursa, hazırlanan web sayfasını

Detaylı

Zengin Metin İşaretleme Dili (HTML) BIM206 Web Programlama

Zengin Metin İşaretleme Dili (HTML) BIM206 Web Programlama Zengin Metin İşaretleme Dili (HTML) BIM206 Web Programlama Word Dokümanı - Yapılandırma Web Sayfası - Yapılandırma What You See Is What You Get (WYSIWYG) Zengin Metin İşaretleme Dili (HTML) HTML: Web sayfalarının

Detaylı

İNTERNET PROGRAMCILIĞI 2 14. HAFTA. PHP ile FORM İŞLEMLERİ. Hazırlayan Fatih BALAMAN. İçindekiler. Hedefler. Form Elemanları Kullanımı

İNTERNET PROGRAMCILIĞI 2 14. HAFTA. PHP ile FORM İŞLEMLERİ. Hazırlayan Fatih BALAMAN. İçindekiler. Hedefler. Form Elemanları Kullanımı İNTERNET PROGRAMCILIĞI 2 14. HAFTA İçindekiler PHP ile FORM İŞLEMLERİ Form Elemanları Kullanımı GET ve POST Metodu Hedefler Php komutları kullanarak form elemanlarını etkileşimli hale getirebilir Hazırlayan

Detaylı

Metin Tabanlı İçerik Oluşturma Araçları

Metin Tabanlı İçerik Oluşturma Araçları Metin Tabanlı İçerik Oluşturma Araçları Microsoft Office Word Kelime işlemci, görsel nesnelerin veya çizimlerin resim ya da arka plan olarak kullanıldığı metinler oluşturabilen, harita ve tablo gibi şekiller

Detaylı

WEB TASARIMI VE PROGRAMLAMA DERSİ

WEB TASARIMI VE PROGRAMLAMA DERSİ WEB TASARIMI VE PROGRAMLAMA DERSİ Dersin Modülleri HTML 1 HTML 2 Web Tasarım Editörü 1 Web Tasarım Editörü 2 Web Tasarım Editörü 3 Web Tasarım Editörü 4 Etkileşimli Web Uygulamaları 1 Etkileşimli Web Uygulamaları

Detaylı

Web sayfalarında yapılan her çalışma ve düzenleme tablolar aracılığı ile yapılır. Dolayısıyla çoğu web sayfalarında tablo kullanmak zorunluluktur.

Web sayfalarında yapılan her çalışma ve düzenleme tablolar aracılığı ile yapılır. Dolayısıyla çoğu web sayfalarında tablo kullanmak zorunluluktur. Yazı Tipi Stili HTML kodları 47 Kalın İtalik Altı Çizili 9.2.6 Metin yükseltme veya alçaltma 1. Sayfa görünümünde, belge penceresinin altındaki Tasarla düğmesini tıklatın. 2.

Detaylı

5-Hafta Genel Sayfa Yapısı

5-Hafta Genel Sayfa Yapısı 5-Hafta Genel Sayfa Yapısı Paragraf Oluşturma Metin Biçimlendirme Referans ve Alıntıların Belirlenmesi Metinlerin Vurgulanması Kısaltma ve Terimlerin Belirtilmesi Alt ve Üst Simge Kullanımı Uİ-UX NEDİR?

Detaylı

MODÜL 2 HTML İLE GELİŞMİŞ ÖZELLİKLER

MODÜL 2 HTML İLE GELİŞMİŞ ÖZELLİKLER MODÜL 2 HTML İLE GELİŞMİŞ ÖZELLİKLER Bu modülü bitirdiğinizde; HTML kodları ile WEB sayfaları için gelişmiş özellikleri kullanabileceksiniz. Ayrıca, 1. WEB sayfaları içi formlar oluşturabilecek, 2. WEB

Detaylı

Kayan Çerçeveler. Web sayfası içerisine kaydırılabilir çerçeveler yerleştirmek için

Kayan Çerçeveler. Web sayfası içerisine kaydırılabilir çerçeveler yerleştirmek için HTML Ders 8 Kayan Çerçeveler Web sayfası içerisine kaydırılabilir çerçeveler yerleştirmek için Web sayfasının bu kısmında kayan çerçeve

Detaylı

HTML içerik oluşturmak için düşünülen bir işaret dilidir. Örnek

HTML içerik oluşturmak için düşünülen bir işaret dilidir. Örnek STİLLER CSS NEDİR? CSS (Cascading Style Sheet) Stiller, HTML elemanlarının nasıl gösterileceğini tanımlar. Stiller HTML de karşılaşılan bazı problemleri çözmek için HTML 4.0 a eklenmiştir. HTML, web

Detaylı

KONULAR VE UYGULAMA LİSTESİ

KONULAR VE UYGULAMA LİSTESİ KARAELBİSTAN TEKNİK VE ENDÜSTRİ MESLEK LİSESİ 2013 2014 ÖĞRETİM YILI BİLİŞİM TEKNOLOJİLERİ ALANI WEB PROGRAMCILIĞI DALI İŞLETMELERDE BEÇERİ EĞİTİMİ DERSİ STAJ DOSYASINDA BULUNMASI GEREKEN KONULAR VE UYGULAMALAR

Detaylı

HTML Etiketleri Genel Özellikler (Global Attributes)

HTML Etiketleri Genel Özellikler (Global Attributes) HTML Yorum Eklemek HTML kodunun içine tarayıcı tarafından gösterilmeyecek yorumlar şu şekilde eklenir. Hatırlatıcı notlar eklemek için de kullanılabilir. HTML Etiketleri Genel

Detaylı

ÇALIŞMA SORULARI. 15. Linkin tıklanması durumunda sayfanın yeni pencerede açılmasını sağlayan HTML parametresi aşağıdakilerden hangisidir?

ÇALIŞMA SORULARI. 15. Linkin tıklanması durumunda sayfanın yeni pencerede açılmasını sağlayan HTML parametresi aşağıdakilerden hangisidir? ÇALIŞMA SORULARI 1. HTML nedir? a) Sayfa içindeki metinlerin tarayıcıda nasıl görüneceğini ve işlevsel olacağını düzenleyen işaret dilidir. b) Diğer sayfaları bağlayan linkler c) Nesneyi bağlayan linkler

Detaylı

ÜNİTE 1: KELİME İŞLEMCİ PROGRAMI

ÜNİTE 1: KELİME İŞLEMCİ PROGRAMI ÜNİTE 1: KELİME İŞLEMCİ PROGRAMI Kelime İşlemci Nedir? Bilgisayarda yazıların(metinlerin) yazılmasını ve düzenlenebildiği, resimlerin ve tabloların eklenebildiği yazılımların(programların) genel adıdır.

Detaylı

İnternet,artık hayatımızın önemli bir parçası. Her gün interneti programlar aracılığı ile ya da internet siteleri aracılığı ile kullanıyoruz.

İnternet,artık hayatımızın önemli bir parçası. Her gün interneti programlar aracılığı ile ya da internet siteleri aracılığı ile kullanıyoruz. Mahmut BORA KARAKUŞ İnternet,artık hayatımızın önemli bir parçası. Her gün interneti programlar aracılığı ile ya da internet siteleri aracılığı ile kullanıyoruz. Peki internet nasıl çalışıyor ve internet

Detaylı

3. Metin ve Görünüm Etiketleri

3. Metin ve Görünüm Etiketleri 3. Metin ve Görünüm Etiketleri Bu bölümü bitirdiğinizde, Metin biçimlendirme etiketlerinin neler olduğunu ve nasıl kullanıldığını, Yatay çizginin nasıl çizildiğini ve özelliklerinin neler olduğunu, Satır

Detaylı

2.3.5.1. HESAP MAKİNESİ PROGRAMI... 98 2.3.5.2. WORDPAD... 99 2.3.5.3. PAINT... 99 2.3.6 BİLGİSAYARDA TAŞINABİLİR BELLEK ELEMANLARINI TANIMAK...

2.3.5.1. HESAP MAKİNESİ PROGRAMI... 98 2.3.5.2. WORDPAD... 99 2.3.5.3. PAINT... 99 2.3.6 BİLGİSAYARDA TAŞINABİLİR BELLEK ELEMANLARINI TANIMAK... İÇİNDEKİLER BÖLÜM-1:BİLGİSAYAR KULLANMAYA BAŞLARKEN TEMEL KAVRAMLAR...11 AMAÇ:... 12 1.1. GİRİŞ... 13 1.2. BİLGİSAYAR TERMİNOLOJİSİ... 14 1.2.1. TANIMLAR... 15 1.2.1.1. TEMEL TANIMLAR... 15 1.2.1.2. DİĞER

Detaylı

İnternet ve İnternet Tarayıcıları BİLGİ VE İLETİŞİM TEKNOLOJİSİ DERS NOTU - 2

İnternet ve İnternet Tarayıcıları BİLGİ VE İLETİŞİM TEKNOLOJİSİ DERS NOTU - 2 İnternet ve İnternet Tarayıcıları BİLGİ VE İLETİŞİM TEKNOLOJİSİ DERS NOTU - 2 Ağlar ve Internet Ağ, iletişim aygıtları ve iletim ortamı yoluyla, genellikle kablosuz olarak bağlanan bilgisayar ve aygıtların

Detaylı

HTML Bloklar. CSS Display özelliği

HTML Bloklar. CSS Display özelliği HTML Bloklar Tüm HTML etiketleri için varsayılan bir görünüm değeri vardır ve blok yada satıriçi olarak belirtilir. Blok tipindeki etiketler her zaman yeni bir satırda başlar ve tüm satır boyunca mümkün

Detaylı

KELİME İŞLEMCİLERE GİRİŞ 5.SINIF BİLİŞİM TEKNOLOJİLERİ VE YAZILIM DERSİ ÇALIŞMA KÂĞIDI

KELİME İŞLEMCİLERE GİRİŞ 5.SINIF BİLİŞİM TEKNOLOJİLERİ VE YAZILIM DERSİ ÇALIŞMA KÂĞIDI KELİME İŞLEMCİLERE GİRİŞ 5.SINIF BİLİŞİM TEKNOLOJİLERİ VE YAZILIM DERSİ ÇALIŞMA KÂĞIDI Microsoft Office Word programı, Amerika da bulunan ve Bill Gates in sahibi olduğu yazılım firması Microsoft tarafından

Detaylı

INTERNET VE INTERNET TARAYICISI

INTERNET VE INTERNET TARAYICISI INTERNET VE INTERNET TARAYICISI HATIRLAYALIM 2 Ses kartı, ekran kartı, modem kartı gibi kartlar ) üzerine takılırlar. Aşağıdaki kartlardan hangisi bilgisayarda hem girdi hem de çıktı birimi görevini yerine

Detaylı

2. Belgeye Metin Ekleme

2. Belgeye Metin Ekleme METİN İŞLEMLERİ Flashta 2 çeşit metin vardır:1)tlf metni 2)Klasik metin 1)TLF Metni : CS5 ile başlayan metin türü. TLF metni FLA dosyanızın yayınlama ayarlarında ActionScript 3.0 ve Flash Player 10 veya

Detaylı

Aşağıdaki örnekte, aynı düzen tablosu ve hücreleri içerikle birlikte gösterilmektedir.

Aşağıdaki örnekte, aynı düzen tablosu ve hücreleri içerikle birlikte gösterilmektedir. 12 DÜZEN TABLOLARI Microsoft Office FrontPage 2003 programında düzen tabloları ve hücrelerini kullanarak, profesyonel görünümlü Web sayfası düzenleri oluşturabilirsiniz. Düzen tablosu, sayfa düzeni için

Detaylı

Doç.Dr. Yaşar SARI ESOGÜ Turizm Fakültesi-Eskişehir BİLGİSAYAR AĞLARI (COMPUTER NETWORKS)

Doç.Dr. Yaşar SARI ESOGÜ Turizm Fakültesi-Eskişehir BİLGİSAYAR AĞLARI (COMPUTER NETWORKS) BİLGİSAYAR AĞLARI (COMPUTER NETWORKS) 1 BİLGİSAYAR AĞI Birden çok bilgisayarın birbirine bağlanması ile oluşturulan yapılara bilgisayar ağları denmektedir. Bu bağlantı bakır kablolarla yapılabildiği gibi,

Detaylı

WEB TASARIMI VE PROGRAMLAMA

WEB TASARIMI VE PROGRAMLAMA WEB TASARIMI VE PROGRAMLAMA MODÜL ADI SÜRESİ TASARIMIN TEMEL İLKELERİ 40/8 HTML İLE BASİT WEB İŞLEMLERİ 40/32 HTML İLE GELİŞMİŞ WEB İŞLEMLERİ 40/32 STİL ŞABLONU (CSS) 40/32 WEB TASARIM EDİTÖRÜNE GİRİŞ

Detaylı

Temel Bilgi Teknolojileri - II Ayrıntılı Ders İçerikleri

Temel Bilgi Teknolojileri - II Ayrıntılı Ders İçerikleri Temel Bilgi Teknolojileri - II Ayrıntılı Ders İçerikleri Hesap Tabloları(Excel 2007) HAFTA 1 1. Hesap Tablolarına Giriş 1.1. Hesap tablosu tanımı, kullanım amacı ve yerleri 1.2. MS Excel Uygulamasına giriş

Detaylı

Basamaklı Stil Şablonları (CSS) BIM206 Web Programlama

Basamaklı Stil Şablonları (CSS) BIM206 Web Programlama Basamaklı Stil Şablonları (CSS) BIM206 Web Programlama Basamaklı Stil Şablonları (CSS) CSS, bir HTML elemanının nasıl görüneceğini belirleyen kurallar tanımlamamızı sağlayar. Örneğin: Sayfanın arka planının

Detaylı

Arayüz Geliştirme Dokümantasyonu

Arayüz Geliştirme Dokümantasyonu Arayüz Geliştirme Dokümantasyonu Proje: İş: Müşteri: Nosab Web Sitesi Arayüz Geliştirme Aeronorm Index 1. Sayfalar 2. Renk Paleti 3. Tipografi 4. Kutu Modeli 5. Bileşenler 6. Kod ve Sayfa Yapısı 7. Responsive

Detaylı

1. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II. Öğr.Gör. Hakan YILMAZ. hakanyilmaz@karabuk.edu.tr

1. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II. Öğr.Gör. Hakan YILMAZ. hakanyilmaz@karabuk.edu.tr 1. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II Öğr.Gör. Hakan YILMAZ hakanyilmaz@karabuk.edu.tr Karabük Üniversitesi Uzaktan Eğitim Uygulama ve AraştırmaMerkezi 2 İçindekiler 1. GİRİŞ... 3 1.1 ASP NEDİR?...

Detaylı

İnternet ve ağ kavramlarını tanımlamak. İnternet in nasıl çalıştığını açıklamak. Elektronik posta ve sohbet kavramlarını açıklamak.

İnternet ve ağ kavramlarını tanımlamak. İnternet in nasıl çalıştığını açıklamak. Elektronik posta ve sohbet kavramlarını açıklamak. Amaçlarımız 2 İnternet ve ağ kavramlarını tanımlamak. İnternet in nasıl çalıştığını açıklamak. Elektronik posta ve sohbet kavramlarını açıklamak. Dosya transferi ve arama motoru kavramlarını tanımlamak.

Detaylı