web tasarimi-1 dersİ

WEB TASARIMI-1 DERSHTMLBir web sayfas yapmak iin tek gereken onu nasl tasarlayacamz bilmektir.Eer bu ii kod kullanmadan yapacaksanz Frontpage, Dreamweaver vs programlar kullanabilirsiniz.Ama ben bu ii kodlarla yapacam diyorsanz size tek gereken herhangi bir metin editr(Metin editr olarak Windows ta NOTEPADi kullanbilirsiniz) .imdi gelelim temel kodlar tanmaya:

Bu kod browsera HTML belgesinin balad ve bitii yeri bildirir.Btn dier kodlar bu iki kod arasna yazlrHTML belgesinin ilk blmdr.Bu blme yazlanlar metin olarak ekranda gzkmez.Head blm iine yazlan Title kodu sayfann balnn yazld blmdr.HTML belgesinin btn ierii bu kodlar arasna yazlr.

Internet Programcl -1 DersiHTMLBu temel kodlar grdkten sonra isterseniz bir HTML sayfasnn genel yapsna gz atalm.

WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTMLBu temel yapy kavradktan sonra basit bir sayfa yapabiliriz.

Deneme Sayfas

Bu bir deneme sayfasdr

Yukarda grdn kodlar metin editrne yazp deneme.html adyla kaydedersek ve bu deneme.html dosyasn altrrsak ekrana aadaki gibi Bu bir deneme sayfasdr yazl bir sayfa gelecektir.WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTMLMETN BMLENDRME ETKETLER HTML sayfasnn temel unsurlarn rendikten sonra,artk iin inceliklerine inebiliriz.lk olarak yazdmz metinleri ekillendirmeye bakalm.Aadaki tabloda yer alan etiketleri bilmemiz bu konuda bize ok kolaylk salayacaktr.WEB TASARIMI-1 DERS

BalkBalkBalkBalkBalkBalk

Internet Programcl -1 DersiHTMLMETN BMLENDRME ETKETLER WEB TASARIMI-1 DERS

Yazlar koyu yaparYazlarnz italik karakter yaparYazlarnza alt izgi koyarParagraf etiketi yapar. Paragrafnzn altna ve stne boluk koyar.Satrba yapar.

Internet Programcl -1 DersiHTMLimdi yukarda rendiklerimizi bir rnek ile uygulayalm.

Metin Biimlendirme

HTML size metin biimlendirme konusunda geni olanaklar salar.Metinleri ister kocaman ister kck isterseniz koyu, italik veya altyazl yazabilirsiniz.Yada satrba yapabilir veya paragraf oluturabilirsiniz

WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTMLWEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTMLFONT TAGIMetin biimlendirmek iin yukarda grdmz etiketler dnda biraz sonra greceimiz etiketi de kullanlr.

Font etiketi sahip olduu parametreler sayesinde metinlerin renk,yaz tipi,boyut gibi zelliklerini deitirmenize yardmc olur.sterseniz bu etikette gemeden nce renklerden ksaca bahsetmek yerinde olur. HTMLde renkler hexdecimal formunda ifade edilir

Bir renk 16'lk say dzeninde 6 rakamdan oluur ve Bu dzende 9'dan sonraki say1ar gstermek iin 'A'dan 'F'ye kadar olan harfler kullanlr. Bununla birlikte HTML baz renklerin ngilizce isimlerini anlar; aadaki rnekte bu renkleri grmektesiniz.WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTMLFONT TAGIBurada grlen renkler hexdecimal cinsinden de ifade edilebilir: rnein #FFFFFF beyaz ,#000000 siyah.

Renkleri ksaca tandktan sonra artk asl konumuza geebiliriz.HTML belgesinin body blmne yazdmz metni etiketleri arasna alarakbu metne etiketin aada da listelenen parametreleri dorultusunda baz zellikler kazandrabilirizWEB TASARIMI-1 DERS

Green=YeilRed=KrmzBlack=SiyahYellow=SarBlue=MaviOrange=Turuncu

Internet Programcl -1 DersiHTMLFONT TAGIParametreleri ...WEB TASARIMI-1 DERS

Colorhexdecimal veya rengin ngilizce ismi deerini alrFaceYaz trnn ismi deerini alrSize1 ile 7 arasnda istenilen deeri alr

Internet Programcl -1 DersiHTMLimdi bu parametreleri bir rnekte kullanalm:

Font kullanm

Font etiketinin color parametresini kullanarak renkliyazlar yazabilir; deiik yaz karakterleri kullanabilirsiniz:Mesela yle! Hatta yazlarnz bytp Kltebilirsiniz WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTMLAadaki ekran grntsnde de yukardaki rnein nasl altn grebilirsiniz.

Internet Programcl -1 DersiHTMLARKA PLAN ve BODY ETKETWeb sayfasnn ierie yaz yazmay rendikten sonra isterseniz web sayfalarmzn arka planlarn renklendirmeye geelim. HTML belgesinin ekranda grntlenen blm olan body blmnn baladn browser'a etiketiyle bildirdiimizi biliyoruz. Bir etiketin herhangi bir parametresine atadmz deer, o etiketin oluturduu alan ierisinde geerlidir.Yani gibi etiketinin parametrelerine verilen deerler, btn sayfa iin geerlidir.Aada bu parametreleri ve kullanllarn gryorsunuz. WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML Sayfamzn arka plann mavi yapar.

Sayfamzn arka planna resim.jpg isimli dosyann ierii tar.

Sayfamzn arka planna resim.jpg isimli dosyann ierii tar ve rengini mavi yapar.

ARKA PLAN ve BODY ETKETWEB TASARIMI-1 DERS

bgcolorSayfanzn arka plannn rengini belirlerbackgroundArka plana .gif,.jpg gibi HTML'in yorumlayabildii bir resim dosyas koymanz salartextSayfanzdaki metinlerin rengini belirler

Internet Programcl -1 DersiHTMLRESMLER ve IMG ETKETBir web sayfasnda doru ve yerinde kullanldklarnda sayfaya estetik asndan ok eyler katarlar. Resimler etiketi araclyla kullanlrlar.Aada bu etiketin parametrelerini gryorsunuz.

Internet Programcl -1 DersiHTMLBALANTILARWeb sayfalarmzn ieriksel ksmn bitirdiimize gre imdi web sayfalarnda en ok kullanlan unsurlardan biri balantlara (Hyperlink) geebiliriz.Balantlar ziyaretinin bir tklama ile, sitenizin iinde veya dnda, belirlediiniz herhangi bir adrese gitmesini salar.Balantlar browser'a etiketi ile bildirilir.Buraya tklayn..HotmailGrleriniz iinWEB TASARIMI-1 DERS

hrefBalantnn adresi bu parametreyle bildirilirtargetSayfann alaca yeri belirler.Target parametresi,alacak sayfa yeni bir sayfa olarak alacaksa _blank yazlmaldr.

Internet Programcl -1 DersiHTMLBALANTILAR Sayfa Ad Sayfamzda yukardaki sayfa grntsnde olduu gibi Sayfa Ad adnda www.sayfaadi.com Internet sitesine bal bir yaz yazar.Bu balantya tkladmzda Sayfaadi.com sitesi yeni bir pencerede alr.WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTMLBALANTILARBalantlar konusuna girmeden sayfamza nasl resim ekleyeceimizi grmtk.imdi bu resimleri nasl bir balant haline getirebiliriz bunu grelim.Aadaki rnei yazdnzda, zerine tklannca istediiniz bir adrese yeni pencere aan bir resim elde edersiniz.

Internet Programcl -1 DersiHTML - Tablolar... Tablolar, sayfalar satrlara/stunlara blmek ya da metin veya grafiklerin sayfada istediimiz yerde durmasn salamak amalaryla kullanabileceimiz HTML'nin en nemli yaptalarndandr. Sayfada gzksn ya da gzkmesin tablolar bir iskelet gibi kullanabilir, bylece u ana kadar rendiklerinizle yapamayacanz gerek dzenlemeyi yapabilirsiniz. Elbette HTML dizayn konusunda bir masast yaynclk programnn gsterdii hassasiyeti gstermez, bir de browserlarn tablo etiketlerini yorumlamada gsterdii farkllklar da buna eklenirse, genel ziyareti kesimine hitab etmenin ne kadar zor olduu anlalr. Fakat burada konumuz bunu tartmak deil tablolar konusunu ilemek. WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML - Tablolarte tablolar,Tabloyu renklendirelim, WEB TASARIMI-1 DERS

SonbaharKlkbaharYazEyllAralkMartHaziranEkimOcakNisanTemmuzKasmubatMaysAustos


Internet Programcl -1 DersiHTML - TablolarBaka bir rnek (farklara dikkat ediniz) WEB TASARIMI-1 DERS

LLERBoyKilo1.Zafer1.77802.Mustafa1.82753.Osman1.7583

Internet Programcl -1 DersiHTML - TablolarBu rneklerde de grld gibi tablolar satr ve stunlardan oluur. Tabloya genel bir balk atayabiliriz. Her stun iin de kendi baln oluturmak mmkndr. stteki tablo balnn altnda veya tablonun sona erdii satrdan sonraki satra aklama (thead/caption) koyabiliriz. Ayrca tablo hcrelerini yanndaki veya altndaki hcrelerle birletirebiliriz: WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML - TablolarWEB TASARIMI-1 DERS

Tablo Bal (thead) Stun Bal #1Stun Bal #2Stun Bal #3Stun Bal #4hcrehcrehcrehcrehcrehcrehcrehcrehcrehcreTablonun alt yazs(caption)

Internet Programcl -1 DersiHTML - TablolarBu kadar rnek yeterli, imdi basit bir tablo yapmak iin gerekli etiketleri renelim. ncelikle ... etiketlerini yazyoruz ve arasn doldurmaya balyoruz. etiketi ile satrlar etiketi ile de stunlar oluturuyoruz. WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML - Tablolar hcre WEB TASARIMI-1 DERS

hcre

Internet Programcl -1 DersiHTML - Tablolar hcre1 hcre2 WEB TASARIMI-1 DERS

Hcre 1Hcre 2

Internet Programcl -1 DersiHTML - Tablolar hcre1 hcre2 WEB TASARIMI-1 DERS

hcre1hcre2

Internet Programcl -1 DersiHTML - Tablolar hcre1 hcre2 hcre3 hcre4 WEB TASARIMI-1 DERS

hcre1hcre2hcre3hcre4

Internet Programcl -1 DersiHTML - Tablolar ParametrelerWEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML - TablolarParametrelerborder parametresi erevenin kalnln belirtir.

border=0 erevenin grnmemesini salar. WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML - TablolarParametrelercellpading parametresi hcre ii marj deerini belirtir.

cellpading=0 hcre ile iinde bulunan unsurun (metin/grafik) bitiik olmasn salar. WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML - TablolarParametrelercellspacing parametresi hcreler aras marj belirler. WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML - TablolarParametreleralign parametresi tabloyu dey hizalamada kullanlr,

align=left sola, align=right saa dayal yapar,

align=center ortalar WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML - TablolarParametrelerwidth ve height parametreleri resimler konusunda grdmz gibi tabloda en ve boy uzunluunu belirtir.Tablonun deer verilmediinde sahip olduu normal llerinden kk deerler verilirse bu deerler dikkate alnmaz, bir baka deyile tabloyu bytebiliriz fakat kltemeyiz. WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML - TablolarParametrelerWEB TASARIMI-1 DERSWEB TASARIMI-1 DERS

bgcolorHcrenin iinin rengini belirler.backgroundHcre iine resim koyar.borderHcre etrafna yerletireceiniz erevenin kalnln belirlerbordercolorereve rengini belirlerbordercolorlighterevenin sol ve st kenarlarnn rengini belirlerbordercolordarkerevenin sa ve alt kenarlarnn rengini belirler.

Internet Programcl -1 DersiHTML - Tablolarrnek :WEB TASARIMI-1 DERS


Internet Programcl -1 DersiHTML - TablolarBaz Renk KodlarWEB TASARIMI-1 DERSWEB TASARIMI-1 DERS

#000000=black(siyah)#000080=navy(lacivert)#0000FF=blue(mavi)#008000=green(yeil)#008080=teal(koyu yeil)#00FF00=lime(parlak yeil)#00FFFF=aqua(turkuaz)#800000=maroon(vine r)#800080=purple(mor)#808000=olive(zeytuni yeil)#808080=gray(gri)#C0C0C0=silver(gmi gri)#FF0000=red(krmz)#FF00FF=fuchsia(parlak pembe)#FFFF00=yellow(sar)#FFFFFF=white(beyaz)

Internet Programcl -1 DersiHTML - Tablolarrnek : hcre1 hcre2 hcre3 hcre4 WEB TASARIMI-1 DERS


Internet Programcl -1 DersiHTML - Tablolarrnek :WEB TASARIMI-1 DERS

ABCDEFGHIJKL

Internet Programcl -1 DersiHTML - Tablolarrnek : ABCD EFGH IJKL WEB TASARIMI-1 DERS

ABCDEFGHIJKL




#000000=black(siyah)#000080=navy(lacivert)#0000FF=blue(mavi)#008000=green(yeil)#008080=teal(koyu yeil)#00FF00=lime(parlak yeil)#00FFFF=aqua(turkuaz)#800000=maroon(vine r)#800080=purple(mor)#808000=olive(zeytuni yeil)#808080=gray(gri)#C0C0C0=silver(gmi gri)#FF0000=red(krmz)#FF00FF=fuchsia(parlak pembe)#FFFF00=yellow(sar)#FFFFFF=white(beyaz)

LLERBoyKilo1.Zafer1.77802.Mustafa1.82753.Osman1.7583

Internet Programcl -1 DersiHTML - TablolarTablolarda Hcre Birletirme

Ayn satrdaki hcreleri birletirmek iin colspan, ayn stundaki hcreleri birletirmek iin de rowspanparametresini kullanyoruz.

Birletirilen hcreye ait .. etiketini siliyoruz. WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML - TablolarTablolarda Hcre Birletirme ABCD EFGH IJKL WEB TASARIMI-1 DERS

ABCDEFGHIJKL

Internet Programcl -1 DersiHTML - TablolarTablolarda Hcre BirletirmeA ve B hcrelerini birletirmek iin A hcresine ait etiketine colspan=2 parametresini ekliyoruz ve B hcresine ait B etiketini siliyoruz. E F ve G hcrelerini birletirmek iin E hcresine ait etiketine colspan=3 parametresini ekliyoruz ve F ve G hcrelerine ait F , G etiketlerini siliyoruz. WEB TASARIMI-1 DERS

ABCDEFGHIJKL

Internet Programcl -1 DersiHTML - TablolarTablolarda Hcre Birletirme ACD EH IJKL WEB TASARIMI-1 DERS

ACDEHIJKL

Internet Programcl -1 DersiHTML - TablolarTablolarda Hcre BirletirmeAyn ekilde E ve I hcrelerini birletirmek iin E hcresine ait etiketine rowspan=2 parametresini ekliyoruz ve I hcresine ait I etiketini siliyoruz. C G ve K hcrelerini birletirmek iin C hcresine ait etiketine rowspan=3 parametresini ekliyoruz ve G ve K hcrelerine ait G , K etiketlerini siliyoruz. WEB TASARIMI-1 DERS

ABCDEFGHIJKL

Internet Programcl -1 DersiHTML - TablolarTablolarda Hcre Birletirme A B C D E F H J L WEB TASARIMI-1 DERS

ABCDEFHJL

Internet Programcl -1 DersiHTML - TablolarTablolarda Hcre BirletirmeWEB TASARIMI-1 DERS

Haftalk ders programabcdghjkLmN

Internet Programcl -1 DersiHTML - Tablolar

ABCD

E

FGH

IJ

WEB TASARIMI-1 DERS


ABCD

EFG

HI

WEB TASARIMI-1 DERS


A B C D

E

F H

I J

WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML - ListelerHTML bize tip liste hazrlama imkan veriyor.

Bunlar;

Sral listeler (ordered list) Srasz listeler (unordered list) Tanmlama listeleri (definition list)

Sral listeler rakam veya harf yada her ikisini iie kullanarak liste oluturmamz, srasz listeler rakam/harf yerine madde imleri koyarak liste oluturmamz salar. Tanmlama listeleri ise bir listeden ok kalabalk metinlerde okumay kolaylatrmaya yardmc olabilecek bir aratr. WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML - Listeler1. Sral ListelerListe iine alnacak metinler ... etiketleri arasna alnarak yazlr. Bu etiketler listenin baladn ve bittiini belirtir. Listenin maddelerinin bana ise (list item) etiketini getiriyoruz. Bu etikette tpk etiketi gibi sonlandrlmyor. etiketine parametreler ekleyebiliyoruz.

Bunlarla listemizin rakamla m harfle mi balayacan (type) yada hangi rakam/harfle balayacan (start) belirtebiliyoruz. Compact parametresi ise listenin mmkn olan minimum satr aralna sahip olmasn salyor. WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML - Listeler1. Sral Listeler

Internet Programcl -1 DersiHTML - Listeler1. Sral ListelerListeleri buradaki rnekte olduu gibi i ie hazrlamak ta mmkn. Dikkat edeceimiz nokta, ie etiketi ile balayp liste maddelerinin her birisinin bana etiketini getirmek ve listelemeyi bitirmek istediimiz yerde etiketini yazmak. Liste iinde yeni bir liste oluturmak istediimizde listelenecek maddeden sonra tekrar etiketini yazyoruz ve bahsedilen kurallar aynen uyguluyoruz. Type parametresinde kullanabileceimiz deerler unlar olabilir; saylar,harfler (kk/byk) ve romen rakamlar (i,ii,iii gibi) WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML - Listeler2. Srasz ListelerBu tip listede de mantk ayndr. Fark, listeleme yaparken maddelerin bana harf, rakam gibi unsurlar yerine kk yuvarlaklar,kareler kullanabilmemiz. etiketi yerine etiketini kullanyoruz, liste maddeleri iin kullandmz etiketi burada da geerli. iin kullanlabilecek parametreler ise yle; type iin disc (ii dolu daire), circle (ii bo daire), square (ii dolu kare). Compact parametresi srasz listelerde de kullanlabiliyor WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML - Listeler2. Srasz Listeler

Internet Programcl -1 DersiHTML - Listeler3. Tanmlama ListelerBu listelemede kullanlan etiketler yle; ... , , Listenin maddelerini belirtmek iin kullandmz etiketinin yerini burada ve etiketleri alyor. Ayn ekilde ... veya ... etiketleri arasna aldmz listeyi bu sefer ... arasna yazyoruz. Yine parametre olarak etiketi iinde compact ifadesini kullanabiliriz. WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML - Listeler3. Tanmlama Listeler Neler rendik? HTML nedir? HTML (HyperText Markup Language-Hareketli-Metin aretleme Dili) basite, browserlarla grebileceimiz, internet dkmanlar oluturmaya yarayan bir eit dildir... HTML'de Temel Unsurlar Bu dilde binary veya hexadecimal kodlar yok. Herey metin tabanl ve bir HTML dkman oluturmak iin ihtiyacnz olan ey bir editr.Piyasada iki tip editr bulunuyor. Birisi metin tabanl, kod yazmay gerektiren... Listeler Sral listeler rakam veya harf yada her ikisini iie kullanarak liste oluturmamz, srasz listeler rakam/harf yerine madde imleri koyarak liste oluturmamz salar...

WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML - Listelerrnek: Gnler Pazartesi Sal aramba Perembe Cuma Cumartesi Pazar WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML Framelerereveler (frame), HTML'e sonradan eklenmi bir zelliktir. Bu yzden eski srm browser'lar ereve kullanlm bir sayfay grntleyemezler.

ereve'ler sayfann bir taraf sabit kalrken, dier tarafn, kullancnn isteine gre deitirme imkan verir (bu sayfalarda olduu gibi). Bunun anlam ise kullanlacak ereve miktarnca ek HTML sayfas oluturmak demektir. Browser erevenin bir blmne yerletirilecek olan kaynak dosyay bulamazsa hata mesaj verecektir. WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML FramelerAadaki rnei inceleyelim: WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML FramelerAadaki rnei inceleyelim: rneimizde 3 adet html dosyas var. Bunlardan frame.htm dosyas ereve komutlarn ieriyor. Bu komutlar browser'a grntlenmekte olan pencereyi ikiye blmesini, bunlardan birisinde htm1.htm dosyasn, dierinde htm2.htm dosyasn grntlemesini bildiriyor.

etiketi ile htm1.htm dosyasnn artalan rengi krmz, htm2.htm dosyasnn artalan ise mavi yaplm, kolaylk olmas asndan dosyalarn adlarn grntlemeleri iin bunlar da yazlm ve sonu grdnz gibi. WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML Framelerframe.htm ereveler WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML Framelerhtm1.htmhtm2.htm htm1.htm htm2.htm WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML Frameler...

ereve oluturmada kullandmz etiket frameset, cols ifadesi alacak erevelerin yan yana stunlar eklinde olacan belirtiyor, buraya row yazarsak ereveler alt alta satrlar grnmnde alacaktr. Cols (Stnlar) Rows (Satrlar) WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML Frameler...

cols="*,*" ifadesi ile alacak erevelerin pixel cinsinden ebatlarn belirliyoruz, buraya rnein cols="140,500" gibi say yazlabilir, cols="25%,75%" ile browser penceresinin o anki ebadna gre verilen % oranlarna gre ekil almas salanabilir yada * sembol ile alacak erevenin ebad browser'a braklr, cols="140,*" ifadesi ilk pencerenin 140 pixel olacan ikincinin ise ebadnn browser'a brakldn gsteriyor.

Bu ekilde ayn zamanda alacak ereve saysn da belirtmi oluyoruz. cols=".." ifadesine iki deer (ya da yldz) verirsek bu iki pencere a anlamndadr, 3 deer 3 pencere aar. WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML FramelerFRAMESET etiketi ile kullanabileceimiz dier parametreler unlar; frameborder="..." (yes, no) ereveler arasndaki snr izgisinin grnp grnmeyeceini belirler. border="..." (say) Snr izgisinin kalnln (veya ereveler aras mesafeyi) belirler WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML FramelerFRAMESET etiketini HTML dosyanzn ... etiketleri arasnda kullanmay unutmayn !!.WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML Frameler

frame name="..." src="..." etiketi erevelere, balantlarn TARGET ksmnda kullanabilmek amacyla isim (name) vermeyi salyor (bu konuya aada deineceiz). src pencerede grntlenecek html dosyasnn yerini gsteriyor. resimler konusunda belirttiimiz yer (kaynak) gsterme kurallar burada da geerli. Alacak ereve says kadar frame name="..." src="..." etiketi kullanyoruz.

Eski srm browserlarn ereve etiketini tanmadklarndan bahsetmitik, ite noframes ksm bu browserlara hitap ediyor. body ksmn bu eski browserlar grntleyebiliyor. Buraya rnein sayfann ereve kullanlarak yapldn gsteren bir mesaj yazlabilir, bylece ziyaretinin artk yeni srm bir browser kullanmas gerektiini hatrlatabilirsiniz. WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML FramelerFRAME etiketi ile kullanabileceimiz parametreler; marginwidth="..." marginheight="..." (say) Sayfann solundaki (marginleft) ve stndeki (margintop) kenar boluklarn belirler. scrolling=".." (yes, no, auto) Kaydrma ubuklarnn durumunu belirler. noresize Pencere boyutlarnn sabit olmasn salar. WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML Framelerrnek:WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML FormFormlar bize HTML kullanarak sayfanz ziyaret edenlerle temas kurmanz salarlar. Formlar yoluyla ziyaretilerin herhangi bir konuda grlerini alabiliriz; veya hazrlayacamz bir formla ziyaretilerden kiisel bilgilerini isteyebiliriz. Formlar ... etiketleri arasna yazlrlar. Bu etiketin parametrelerini renmeden nce form trlerine bir gz atalm. WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML FormZiyaretinin ismi, telefonu gibi ksa bilgilerini almak iin kullanlr. Form Trleritext KullanmParametrelerimaxlength: Yazlabilecek maksimum text uzunluu value: varsaylan deer size: Karakter cinsinden alann uzunluu name: isim vermek iin kul.

Internet Programcl -1 DersiHTML FormZiyaretiden ifre bilgilerini almak iin kullanlr. Girilen karakter * ile gsterilir.Form Trleripassword

Internet Programcl -1 DersiHTML FormText kutusuna smayacak uzun bilgileri, mesela ziyaretinin sayfa ile ilgili dncelerini almak iin kullanlr.Form Trleritextarea... KullanmParametrelerirows : Alann karakter cinsinden ykseklii cols : Alann genilii name : Nesneye isim vermek iin kullanlr. Buras bir textarea! rnekWEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML FormZiyaretiye, verilen seeneklerden birini, birkan veya hepsini seme imkan verir. Form Trlericheckbox

Internet Programcl -1 DersiHTML FormZiyaretiye, verilen seeneklerden sadece birini seme imkan verir. Form Trleriradio KullanmParametrelerichecked: sayfa aldnda 'checked' ibaresi bulunan kutu iaretli olur. seenek1 seenek2

Internet Programcl -1 DersiHTML FormZiyaretiye seeneklerden birini veya (multiple ifadesi ile) birkan seme imkan verir. Form Trleriselect

... ... KullanmParametrelerisize: Select etiketinin karakter cinsinden boyutu selected:Grevi checked ifadesinin ayndr. multiple: Ziyaretinin birden ok seim yapmasna olanak verir seenek1 seenek2 seenek3

rnekWEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML FormZiyareti doldurduu formu bu dmeye basarak gnderir.Form Trlerisubmit KullanmParametrelerivalue: Butonun zerine yazlacak metin buraya yazlr rnekWEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML FormZiyaretinin doldurduu formda, ziyaretinin yazd her eyi siler. Form Trlerireset KullanmParametrelerivalue: Butonun zerine yazlacak metin buraya yazlr rnekWEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML FormDmelere JavaScript ile baz ilevler kazandrlabilir. Form Trleributton KullanmParametrelerivalue: Butonun zerine yazlacak metin buraya yazlr rnekWEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML Form'Get' veya 'post' deerlerini alabilir. Method parametresinin deeri formu gndereceiniz CGI program asndan nemlidir. Etiketimethodte etiketinin parametreleri ve bunlarn ilevleri:

Internet Programcl -1 DersiHTML FormFormu gndereceiniz CGI programnn adresini action parametresiyle bildirirsiniz. Etiketiactionte etiketinin parametreleri ve bunlarn ilevleri: WEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML Formrnek Ekran GrntsBilgisayar mhendisliiElektronik mhendisliiBilgisayar ProgramclWEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML Formrnek Ekran Grnts

Form

HTML dersini nasl buldunuzAdnz

Internet Programcl -1 DersiHTML Form

asd

HTML dersini nasl buldunuzAdnz ifre Cinsiyetiniz ErkekKadnSeiminiz Mkemmel yi Fena Deil Fikrim Yok

rnekWEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML FormGrleriniz Ltfen fikrinizi girinLtfen blmnz sein Bilgisayar MhElektronik MhDeri MhDier

rnek - DevamWEB TASARIMI-1 DERS

Internet Programcl -1 DersiWEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML FormrnekWEB TASARIMI-1 DERS

Internet Programcl -1 DersiHTML rnekWEB TASARIMI-1 DERS

web tasarimi-1 dersİ

Documents