Professional Documents
Culture Documents
erik: HTML, Frontpage 2000, Dreamweaver MX, Photoshop 6.0, Flash MX, Paint Shop Pro, Swish, Javascript, Javaapplet, FTP, sim Registeri, Server Kiralama
nternet Nedir?
nternet, birok bilgisayar sistemini TCP/IP protokol ile birbirine balayan dnya apna yaylm olan bir iletiim adr. nternet, bilgiye kolay, ucuz, hzl ve gvenli ulamann ve onu paylamann gnmzdeki en geerli yoludur. nternet, ksaca dnya zerindeki bilgisayarlar birbirine balayan bir iletiim a olarak da tanmlanabilir. Bir bilgisayar, modemi ve telefon hatt olan herkesin yer alabilecei bu an en nemli zellii, her hangi bir kurulua, gruba yada lkeye ait olmamasdr. nternet ve Web kavram ilk ortaya atldnda, Amerikal uzmanlar kullanclara metin, ses, film v.s. gibi grsel ve iitsel elemanlar bilgisayar ekrannda sergileyebilmek iin, ortak bir dile yani HTML diline karar verdiler. Bu dil son derece basit, esnek ve gelitirilmeye ak bir yapya sahiptir. Bu dilde dnyadaki programlarn destekledii bir biim: Yani metin biimi, baka bir deyile ASCII ad verilen cinsten dosyalar kullanld. Web fikri iki ayak zerine ina edildi. Bunlardan biri sunucu tarafnda duran ve hangi yazlarn ve resimlerin nasl grntleneceini belirten HTML formatnda kodlar ieren ASCII dosyalar. Dieri de nternet kullancsnn tarafnda altrlan ve bu dosyalara eriip kodlar okuyan ve kodlarn altnda yatanlar bulup kartp, bunlar ekranda istenildii gibi grntleyen ve adna Browser (tarayc) dediimiz programlar (nternet Explorer ve Netscape Navigator) oluturur. Web taraycs, Web sunucusuna balanan, orada iaret edilen HTML belgesini alp okuyan ve okuduklarn yorumlayp, kullancnn istemi olduu bilgileri, onun istedii biimde ekrana getiren bir programdr. nternetteki bilgisayarlar IP adresleri ile adreslenirler ve bu IP adresleri 4 adet 0-255 arasnda deerler alabilen numaradan oluur. Her rakam 8 bitliktir. rnein IP adresi 194.27.128.101 gibi numaralar aklda tutmak zor olduundan 1983te Wisconsin niversitesi DNSyi gelitirdi. DNS isimleri rakamlara evirir ve bu da Neti daha kolay kullanlabilir hale getiriyor.
Domain isimlerinde .com .edu .gov .mil .net .org Ticari sahalar Eitim sahalar Hkmet sahalar Askeri sahalar A servis salayclar Organizasyonlar, ticari amac olmayan dernekler
URL (Uniform Resource Locators): URL-niform kaynak konumlandrc anlamndadr. WWW (world Wide Web)de adreslenmi nternet kaynaklarna eriimimizi salar. HTTP (Hypertext Transfer Protocol) ok ynl metin transfer iletiim kurallar ve http client/server (sunucu/istemci) etkileimlerini salar. HTML (Hypertext Markup Language) WWWdeki ok ynl metin dokmanlarnn yazld, metin sayfalarna belirli taglar yerletirerek HTML dokmanlarn hazrlayan bir iaretleme dilidir.
Balkesir zel Serper Bilgisayar Kursu Adres: Hacilbey Mah. M.A.Ersoy Cad. No:7 Balkesir Tel: (266) 249 97 91 Web: www.serperbilgisayar.com
Her eyden nce bazen yanl anlald gibi HTML bir programlama dili deildir. HTML bir mark-up (metin iaretleme) dilidir, yani tag denen zel iaretlerle bir yaznn tmn ya da sadece bir ksmnn grnmn ve/veya ilevini deitirmeye yarar. Ayrca, gelien browser teknolojileri sayesinde, HTML iine yazlar dnda resim, ses, video, Java, JavaScript, VBScript gibi dillerle yazlm programlar, ya da dier nesneler de gmlebilir. Bu sayede bir HTML dokman dzenlenmi, mizanpaj yaplm bir metin dosyas olmaktan kp tam anlamyla bir multimedia ortam olmaya da hizmet edebilir. rnein, browser'a zel olarak yazlan gerekli plug-in'ler (~eklentiler) sistemde varsa, HTML'le online bir gazete, bir slide-show, irket-ii yazlmlarn alabildii bir platform yaratabilirsiniz.
<html> <head> <!-- Head elemanlar --> Burada genelde dokman ierii dnda kalan karakter set tanmlamalar, balk, JavaScript tanmlamalar vb elemanlar bulunur... <title> Balk </title> </head> <body> <!-- Body elemanlar --> Burada ise dokmann asl ierii vardr, iinde metin, ses, video vb ierebilir... </body> </html>
HTML sayfalar hazrlarken NOTEPAD kullanacaz. TAG (Etiket) : HTML dosyalarnda normal metin ile Web taraycsna yollanacak olan zel komutlar birbirinden ayrmak iin kullanlan iaretler ve komut dizileridir. Normal metinden bu taklar ayrmak iin byktr ve kktr iaretleri kullanlr. rn: <html> </html>
Balkesir zel Serper Bilgisayar Kursu Adres: Hacilbey Mah. M.A.Ersoy Cad. No:7 Balkesir Tel: (266) 249 97 91 Web: www.serperbilgisayar.com
<h1> BALIKLAR
Yazlarn Balk eklinde yazlmas iin kullanlr. 6 tane balk eidi vardr.
<html> <title> Balklar </tille> <body> <h1> Balk 1 </h1> <h2> Balk 2 </h2> <h3> Balk 3 </h3> <h4> Balk 4 </h4> <h5> Balk 5 </h5> <h6> Balk 6 </h6> </body> </html>
Balkesir zel Serper Bilgisayar Kursu Adres: Hacilbey Mah. M.A.Ersoy Cad. No:7 Balkesir Tel: (266) 249 97 91 Web: www.serperbilgisayar.com
RENK MODELLER
Doada btn renkler aslnda bizim adna Krmz, Yeil ve Mavi dediimiz ana rengin karmndan meydana gelmilerdir. Herhangi bir rengin oluabilmesi iin 0 ile 255 arasnda bir oran kullanlmaldr. Ancak bu saylarn mantkl bir ekilde Web taraycsna yollanmas gerekir. Bu renk kodlarn HTML dilinde kullanmak ve Web taraycsna yollamak iin 16lk (Hexadecimal) say sistemi kullanlmaktadr. nternette yaynlanacak sayfalar iin kullanlr.
% 100 Krmz ( R ) FF 00 00 % 100 Yeil ( Y ) 00 FF 00 % 100 Mavi ( B ) 00 00 FF Siyah 00 00 00 Beyaz FF FF FF Sar FF FF 00 Mor FF 00 FF Gri C0 C0 C0 imdi artk 65.536 karakteri destekleyen Unicode var.
<bgcolor> Ekrann arka plannn rengini belirlemek iin kullanlr. <body> taks ile birlikte kullanlr. Bu parametre ile renklerin ASCII karlklar (FF0000) kullanlabilecei gibi rengin ingilizcesi de (green, gray) kullanlabilir.
<html> <title> Renk Modelleri </title> <body bgcolor=FF0000> </body> </html>
<center> Yazy satrda ortalar <b> Yazy Koyu, Kaln yapar. <i> Yazy talik, Eik yapar. <u> Yazy Alt izgili yapar.
Bu komutlardan son alan ilk kapatlr. Yani sondan baa doru kapatlr.
<font>
LNK VERMEK
1-) Bir Web sitesine Link vermek 2-) Site ii Link vermek
Balkesir zel Serper Bilgisayar Kursu Adres: Hacilbey Mah. M.A.Ersoy Cad. No:7 Balkesir Tel: (266) 249 97 91 Web: www.serperbilgisayar.com
bgcolor Arka plan rengini ayarlar. Background Arka plana bir resmin duvar kad olarak denmesini salar. Text Metnin rengini belirler. Link Linklerin renklerini belirler. Hlink Fare imleci linkin zerine geldiinde linkin hangi renkte grntleneceini belirler. Vlink Ziyaret edilen sayfalarn linklerinin rengini belirler. SAYFANIN TRKELETRLMES <head>
Sayfa hakknda bilgi ierir. Sayfada grntlenmez.
<html> <head> <meta http-equiv=content-type content=text/html;charset=windows-1254> <meta http-equiv=content-type content=text/html;charset=iso-8859-9> <meta name=description content=Bir cmle ile sitenin Tanm> <meta name=keywords content= Virglle, ayrlm, anahtar kelimeler> <title> Balk </title> </head> <body> </body> </html>
RESM EKLEMEK
Curdir Current Directory
Balkesir zel Serper Bilgisayar Kursu Adres: Hacilbey Mah. M.A.Ersoy Cad. No:7 Balkesir Tel: (266) 249 97 91 Web: www.serperbilgisayar.com
rn: <html> <head> <meta http-equiv=content-type content=text/html;charset=windows-1254> <meta http-equiv=content-type content=text/html;charset=iso-8859-9> <meta name=description content=Bir cmle ile sitenin Tanm> <meta name=keywords content= Virglle, ayrlm, anahtar kelimeler> <title> Resim Eklemek </title> </head> <body> <img src=x.jpg> <img src=x.jpg width=250 heigh=300> <img src=bilgisayar.gif alt=Gzel bir resim> <img src=bilgisayar.gif alt=Gzel bir resim width=450> <a href=http://www.bilgiegitim.com><img src=bilgisayar.gif border=0 alt=Gzel Bir Resim> </a> </body> </html>
TABLOLAR
<table> <tr><td> <tr><td> </td></tr> </td></tr>
rnek: <table border=1 width=500 height=300 bgcolor=green> <tr><td>Hcre 1 </td><td>Hcre 2 </td></tr> <tr><td>Hcre 3 </td><td> Hcre 4 </td></tr> </table>
<tr> <td>
Balkesir zel Serper Bilgisayar Kursu Adres: Hacilbey Mah. M.A.Ersoy Cad. No:7 Balkesir Tel: (266) 249 97 91 Web: www.serperbilgisayar.com
Rowspan
Colspan
<body> <table border=1> <tr><td>A</td><td>B</td><td rowspan=2>C</td></tr> <tr><td>D</td><td>E</td></tr> <tr><td colspan=3>F</td></tr> A B C D E F colspan rowspan Stun Birletir Satr Birletirir
MZK EKLEMEK
Balkesir zel Serper Bilgisayar Kursu Adres: Hacilbey Mah. M.A.Ersoy Cad. No:7 Balkesir Tel: (266) 249 97 91 Web: www.serperbilgisayar.com 8
Film yaynlamak iin Microsoft Windows Encoder kullanlr. Avi ve dat dosyalar wmvye eviririz. <bgsound src=daglar.mid> edemeyiz. Komutu ile sayfa yklendiinde srekli mzik alar. Fakat mzie mdahale
Mzii durdurmak, tekrar balatmak veya film koymak iin <body> <embed src=donence.mid> <embed src=donence.wmv>
CFM IIS ( Microsoft) Apache ( Linux, Unix) CGI ( Common Gateaway Interface ) JSPnin Serveri TOMCATdir.
FORM ELEMANLARI
<form action=verial.asp method=post name=form1> verial.php, verial.jsp, verial.pl, verial.cfm de olabilir. POST 1-)Yava 2-) Gvenli 3-) http header kullanr. 4-) Snrsz bilgi gnderir GET 1-) Hzl 2-) Gvensiz 3-) Browserin adres satrn kullanr. 4-) Max 2048 karekter gnderebilir. <form action=verial.asp method=post name=form1> Adnz Text (255 Karaktere kadar)
SERVER
SQL
Balkesir zel Serper Bilgisayar Kursu Adres: Hacilbey Mah. M.A.Ersoy Cad. No:7 Balkesir Tel: (266) 249 97 91 Web: www.serperbilgisayar.com
*******
Password
Radio
Textarea
Hobileriniz
Mesajnz <br> <textarea cols=35 rows=10></textarea><br> Doum Tarihiniz <select name=gun> <option> 01 </option> <option> 02 </option> <option> 03 </option> <option> 04 </option> <option> 05 </option> <option> 06 </option> <option> 31 </option> </select> <select name=ay> <option> OCAK </option> <option> UBAT</option>
Balkesir zel Serper Bilgisayar Kursu Adres: Hacilbey Mah. M.A.Ersoy Cad. No:7 Balkesir Tel: (266) 249 97 91 Web: www.serperbilgisayar.com
10
RNEK 2: <body> <form method=post action=x.asp> Adnz <input type=text name=ad><br> ifreniz <input type=password name=sifre><br> Eitim Durumunuz <select name=egitim> <option> Lise </option> <option> niversite </option> <option> Ortaokul </option> <option> lkoukul </option> </select><br> <input type=submit value=Gnder> <input type=reset value=sil> </form>
FRAME
Frame ereve anlamna gelir. Amac bir web sayfasn belli paralara blmek ve bu paralarn ierisinde deiik, birden fazla Web sayfas grntlemektir.
ki Sayfa a
Balkesir zel Serper Bilgisayar Kursu Adres: Hacilbey Mah. M.A.Ersoy Cad. No:7 Balkesir Tel: (266) 249 97 91 Web: www.serperbilgisayar.com
11
Sayfalarn sag tarafta almas iin frame sayfasnda sag.html iin isim verilir ve bu isim linklerden sonra <a href=kayan.html target=ana> eklinde belirtilir.
ust.html <body> <a href=http://www.turkcell.com.tr target=ana> Turkcell </a> <a href=http://www.telsim.com.tr target=ana> Telsim </a> <a href=http://www.aria.com.tr target=ana> Aria </a> frame.html <head> <frameset rows=100,* border=0> <frame src=ust.html> <frame src=alt name=ana> </frameset>
<p> Paragraf satr sonu olunca kendi alta geiyor <p>nin Parametreleri
Balkesir zel Serper Bilgisayar Kursu Adres: Hacilbey Mah. M.A.Ersoy Cad. No:7 Balkesir Tel: (266) 249 97 91 Web: www.serperbilgisayar.com 12
HTML aklamalr <!-- ile balar ve --> ile biter. Bu iki tag arasnda kalan btn yazlar browser tarafndan ihmal edilir
LSTELER
Orderlist ( Sral Liste );Unorderlist ( srasz liste ) Madde imi ve numaralandrma <ol> <ul> 1. a. . 2. b. i. 3. c. i * rn: <ol type=1> <li> Fizik <ol type=a> <li> Statik <li> Dinamik <li> Nkleer <li> Kathal </ol> <li> Kimya <ol type=a> <li> Organik <li> norganik </ol>
Grnm Bu ekilde
<li> Matematik <ol type=a> <li> Saylar <li> Fonksiyonlar <li> Dier <ol type=i> <li> Trev <li> ntegral </ol> </ol> </ol>
Madde iaretleri iin ol yerlerine ul yazlr. <li type=disc> i Dolu daire
1. Fizik a. b. c. d. 2. Kimya a. b.
Balkesir zel Serper Bilgisayar Kursu Adres: Hacilbey Mah. M.A.Ersoy Cad. No:7 Balkesir Tel: (266) 249 97 91 Web: www.serperbilgisayar.com
13
<ul type=disc> <li> Fizik <ul type=square> Yani a yerine square yaz. i yerine de <ul type=circle> yazlr.
SCRPTLER
Bir olay bir etkileim varsa javascriptdir Sagmouse.html <head> <scrpit language=javascript> function sagmouse() { if (event.button= =2) { alert(Kodlarm Gstermem) alert(Kod almak Yasak) alert(Yapma Dedim!) } } document.onmousedown=sagmouse </script>
14
NOT:
Bu ders notlar internetten derlenmitir. Kursiyerlere ve bu konuda bilgi almak isteyen kiilere yardmc olmak amacyla dzenlenip bu siteye yerletirilmitir. Hazrlayan kii hakknda bilgi sahibi olmadmz iin isim gememitir.
15