İNTERNET PROGRAMCILIĞI I

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

Download "İNTERNET PROGRAMCILIĞI I"

Transkript

1 BÖLÜM 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 ziyaretçilerin herhangi bir konuda görüşlerini alabiliriz; veya hazırlayacağımız bir formla ziyaretçilerden kişisel bilgilerini isteyebiliriz. Formlar... etiketleri arasına yazılırlar. Bu etiketin parametrelerini öğrenmeden önce form türlerine bir bakalım FORM TÜRLERİ Aşağıda form türlerini ve kullanılışlarını görüyoruz.: text maxlength: Yazılabilecek maksimum text uzunluğu value: varsayılan değer size: Px cinsinden alanın uzunluğu <input type="text" maxlength="10" size="12" value="isminiz?" İsminiz? <> <input type="text"> Ziyaretçinin ismi, telefonu gibi kısa bilgilerini almak için kullanılır. password Tüm parametrleri text ile aynıdır. Lütfen şifre girin:<br> <input type="password" maxlength="10" size="12"> Lütfen şifre girin: <input type="password"> Şifre almak için kullanılır, yazılan karakterler ekranda '*' şeklinde görüntülenir 33

2 textarae a rows : Alanın karakter cinsinden yüksekliği cols : Alanın genişliği <textarea cols="12" rows="4">burası bir textarea!</textarea> Burasi bir tex <textarea >...</textarea> Text kutusuna sığmayacak uzun bilgileri, mesela ziyaretçinin sayfa ile ilgili düşüncelerini almak için kullanılır. checkbo x checked: sayfa açıldığında 'checked' ibaresi bulunan kutu işaretli olur. <input type="checkbox" checked>seçenek 1 <input type="checkbox">seçenek 2 seçenek1 seçenek2 <input type="checkbox> Ziyaretçiye, verilen seçeneklerden birini, birkaçını veya hepsini seçme imkanı verir. radio checked: sayfa açıldığında 'checked' ibaresi bulunan daire seçil miş olur. <input type="radio" name=sec">seçenek1<br> <input type="radio" name= "sec"checked>seçenek2< br> <input type="radio" name="sec">seçenek2 seçenek1 seçenek2 seçenek2 <input type="radio"> Ziyaretçiye, verilen seçeneklerden sadece birini seçme imkanı verir. select size: Select etiketinin karakter cinsinden boyutu selected: Görevi checked ifadesinin aynıdır. multiple: Ziyaretçinin birden çok seçim yapmasına olanak verir <select size= "1"> <option selected>seçenek1 <option>seçenek2 <option>seçenek3 </select> 34

3 <select><option>...<option>...</select> Ziyaretçiye seçeneklerden birini veya (multiple ifadesi ile) birkaçını seçme imkanı verir. <select name= os_type size= 1 > <option value= win >Windows 9x</option> <option value= winnt >Windows NT</option> <option value= linux >Linux</option> <option value= unix >UNIX</option> <option value= os2 >OS/2</option> <option value= macos >MacOS</option> </select> submit value: Butonun üzerine yazılacak metin buraya yazılır <input type="submit" value="gönder"> Gönder <input type="submit> Ziyaretçi doldurduğu formu bu düğmeye basarak gönderir reset value: Butonun üzerindeki metin <input type="reset" value="sil"> Sil <input type="reset" > Ziyaretçinin doldurduğu formda, ziyaretçinin yazdığı her şeyi siler. button value: Butonun üzerindeki metin <input type="button" value="düğme"> <input type="button> Düğmelere JavaScript ile bazı işlevler kazandırılabilir. 35

4 Tabloda belirtmedik ama form elemanlarında daha önceden bildiğimiz name parametresi de kullanılabilir <FORM> ETİKETİ İşte etiketinin parametreleri ve bunların işlevleri: method 'Get' veya 'post' değerlerini alabilir. Method parametresinin değeri formu göndereceğimiz CGI programı açısından önemlidir. Eğer CGI kodları yazmayı bilmiyorsak, birçok servis sağlayıcı size form'larımızın sonuçlarını 'inize gönderme imkanı verir. Eğer böyle bir hizmetten yararlanacaksak 'post' metodunu seçmeliyiz. <form method= "post> action Formu göndereceğimiz CGI programının adresini action parametresiyle bildiririz. Eğer yukarıda bahsedilen hizmetten yararlanmak istiyorsak, servis sağlayıcınızdan bu programın adresini öğrenmelisiyiz. Örneğin bu adres 'freeservers' için '/cgi-bin/cgi ' 'dir. <form method="post" action= "/cgi-bin/cgi "> 12.3 FORM UYGULAMASI Aşağıdaki örnekte bütün form unsurlarının kullanımını göreceğiz. Bu örneği önce parça parça yapmaya çalışalım, gerektiğinde aşağıda verilen kodlardan yararlanabiliriz... Bu siteye not verin! Kullanıcı ismi Parola Cinsiyet E K Buraya yaz Bildiğiniz Uygulamalar 36

5 Sitenin içeriği 5, Çok zengin! 4, Fazlasıyla yeterli 3, Yeterli 2, Yetersiz 1, Çok kısıtlı Sitenin tasarımı gönder sil <> <form name="anket"> <p><h3>bu siteye not verin!</h3></p> <p><b>kullanıcı ismi</b> <input value="buraya yazın!"></p> <p><b>parola</b> <input type="password" maxlength="10"></p> <p><b>cinsiyet</b> E<input type="checkbox">k<input type="checkbox"> <p>bildiğiniz Uygulamalar</p> <p><select size="4" multiple> <option>html <option>javascript <option>css <option>asp </select></p><br><br> <p><b>sitenin içeriği</b></p> <p><input type="radio" name="not" value="5">5, Çok zengin!<br> <input type="radio" name="not" value="4">4, Fazlasıyla yeterli<br> <input type="radio" name="not" value="3" checked>3, Yeterli<br> <input type="radio" name="not" value="2">2, Yetersiz<br> <input type="radio" name="not" value="1">1, Çok kısıtlı <br></p> <p><b>sitenin tasarımı</b></p> <p><select> <option selected>harika! <option>oldukça iyi <option>iyi <option>idare eder <option>berbat</option> </select></p> <p><input type="submit" value="gönder"><input type="reset" value="sil" 37

6 HTML bölümünün burada sonuna geldik. Fakat tek başına HTML, çoğu zaman istediğimiz gibi sayfalar yapabilmek için yeterli olmaz. Artık internet'te yer alan sayfaların hemen hepsinde JavaScript kullanılmaktadır ÖRNEK UYGULAMALAR Bu form herhangi bir PHP yada benzeri bir dosyaya bilgi göndermediği için Kayıt tuşuna basılınca hata ile karşılaşılacaktır. Bu formu hazırlamaktaki amacım, sadece form oluşturma konusunda bir örnek vermektir. HTML kodlarını nerede ve nasıl kullanıldığına dikkat edin. <title>ilk Web Formum</title> <body bgcolor="#ffffff" text="#000000"> <center> <br><br> <fieldset> <legend>üyelik Formu</legend> <table border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" width="400"> <tr><td colspan="2"><br></td></tr> <tr><td size="70"> <form action="kayit.php" action="post"> <b>adınız</b></td><td><input type="text" name="ad" size="24"></td></tr> <tr><td size="70"><b>soyadınız</b></td><td><input type="text" name="soyad" size="24"></td></tr> <tr><td size="70"><b>e-posta Adresiniz</b></td><td><input type="text" name=" " size="24"></td></tr> <tr><td size="70"><b>doğum Tarihiniz</b></td> <td><select name="d_gun" size="1"> <option value="1">1</option><option value="2">2</option><option value="3">3</option> <option value="4">4</option><option value="5">5</option><option value="6">6</option> <option value="7">7</option><option value="8">8</option><option value="9">9</option> <option value="10">10</option><option value="11">11</option><option value="12">12</option> <option value="13">13</option><option value="14">14</option><option value="15">15</option> <option value="16">16</option><option value="17">17</option><option 38

7 value="18">18</option> <option value="19">19</option><option value="20">20</option><option value="21">21</option> <option value="22">22</option><option value="23">23</option><option value="24">24</option> <option value="25">25</option><option value="26">26</option><option value="27">27</option> <option value="28">28</option><option value="29">29</option><option value="30">30</option> <option value="31">31</option></select> <select name="d_ay" size="1"> <option value="ocak">ocak</option><option value="subat">şubat</option> <option value="mart">mart</option><option value="nisan">nisan</option> <option value="mayıs">mayıs</option><option value="haziran">haziran</option> <option value="temmuz">temmuz</option><option value="agustos">agustos</option> <option value="eylul">eylül</option><option value="ekim">ekim</option> <option value="kasım">kasım</option><option value="aralık">aralık</option></select> <input type="text" name="d_yil" size="1"></td> <tr><td colspan="2"><br></td></tr> <tr><td size="70"><b>kullanıcı Adınız</b></td><td><input type="text" name="uid" size="24"></td></tr> <tr><td size="70"><b>şifreniz</b></td><td><input type="password" name="pass1" size="24"></td></tr> <tr><td size="70"><b>şifreniz</b></td><td><input type="password" name="pass2" size="24"></td></tr> <tr><td colspan="2"><br></td></tr> <tr><td colspan="2"><li>daha önce PHP kullandınız mı?</td></tr> <tr><td colspan="2"><input type="radio" name="php" value="e">evet &nbsp &nbsp <input type="radio" name="php" value="h"> Hayır</td></tr> <tr><td colspan="2"><li>daha önce MySQL kullandınız mı?</td></tr> <tr><td colspan="2"><input type="radio" name="sql" value="e">evet &nbsp &nbsp <input type="radio" name="sql" value="h"> Hayır</td></tr> <tr><td colspan="2"> <center><br> <input type=submit value=" Kayıt "> &nbsp &nbsp &nbsp <input type="reset" value=" Vazgeç "> </td></tr></table> 39

8 Sürekli aynı kodun kullanıldığı durumlarda (option tagında olduğu gibi) kopyala yapıştır işlemi işinizi bayağı kolaylaştıracaktır. Örnek Frame Sayfası Frame kullanarak bir sayfa oluşturmak için elimizde en az üç tane HTML dosyası olmalıdır. Bu örnekte altı tane HTML dosyası kullanılmıştır. Kullanılacak sayfaların içerikleri boş olacak, sadece sayfa görüntülendiğinde sayfa için tanımlayıcı bir bilgi içerecek. <! --- Bu dosyayı 1.html diye kaydedin --- > <title>sayfa 1</title> <body bgcolor=#ffffff text=#000000> <br><center> <h1>bu birinci sayfa</h1> </center> <! --- Bu dosyayı 2.html diye kaydedin --- > <title>sayfa 2</title> <body bgcolor=#ffffff text=#000000> <br><center> <h1>bu ikinci sayfa</h1> </center> <! --- Bu dosyayı 3.html diye kaydedin --- > <title>sayfa 3</title> <body bgcolor=#ffffff text=#000000> <br><center> <h1>bu üçüncü sayfa</h1> </center> 40

9 Yukarıdaki üç HTML dosyası bizim sitemizin içeriğini oluşturacak sayfalar olacak. Şimdi sıra index.html ve framelerin asıl bileşenlerini oluşturacak sayfaları yapmada. <! --- Bu dosyayı menu.html diye kaydedin --- > <title>sag sütun</title> <base target=ana> <body bgcolor=#eaeaea text=#000000> <br><br> <a href=1.html>bu link 1. Sayfaya çıkar</a><br><br> <a href=2.html>bu link 2. Sayfaya çıkar</a><br><br> <a href=3.html>bu link 3. Sayfaya çıkar</a><br><br> <! --- Bu dosyayı ana.html diye kaydedin --- > <title>ana Sayfa</title> <body bgcolor=#ffffff text=#000000> <br><br> <center> <h1>burası sayfamızın giriş bölümü.</h1> </center> <! --- Bu dosyayı index.html diye kaydedin --- > <title>sag sütun</title> <frameset framespacing=0 border=false frameborder=0 cols= 170,* > <frame name=menu target=ana src=menu.html scrolling=auto> <frame name=ana src=ana.html> <noframes> <body> <center><br><h1>sanırım browserınız çaga ayak uyduramamış :P</h1></center> 41

10 </noframes> </frameset> Yukarıda yazılan dosyaları belirtilen isimleri ile aynı dizinin içine oluşturun. Sonucu kendiniz izleyin. Dikkat etmeniz gereken noktalardan biri, menu.html dosyasında tagı içerisindeki <base target=ana> tag satırı. Bu satır yazıldığı sayfada tıklanan linklerin açılacağı sayfanın ana olarak adlandırılan kesimde (ana.html nin olduğu kesim) yer almasıdır. <noframes> tagı bize, kullanılan browserın frame desteği olmadığı zaman görüntülenecek sayfayı belirtmemizi sağlar. <frame> tagı sayfada kullanılacak frameleri belirlemede kullanılır. Son olarak cols= 200,* gibi bir ifade dikkatinizi çekmiştir. Bu kod bize <frame> tagı ile tanımlı sayfalardan ilkinin index.html sayfasında yatayda (cols) 200 piksellik bir alan kaplayacağını ve geri kalan kısmının da (*) tümünün belirtilen diğer sayfaya ait olduğunu belirtir. Eğer sayfalarımızı yan yana değil de alt alta yerleştirmek isteseydik rows= değer,değer gibi bir ifade kullanmamız gerekecekti. Aşağıdaki dosyayı diğer index.html dosyası yerine kaydederseniz farkı görebilirsiniz. <! --- Bu dosyayı index.html diye kaydedin --- > <title>sağ sütun</title> <frameset framespacing=0 border=false frameborder=0 rows= 170,* > <frame name=menu target=ana src=menu.html scrolling=auto> <frame name=ana src=ana.html> <noframes> <body> <center><br><h1>sanırım browserınız çağa ayak uyduramamış :P</h1></center> </noframes> </frameset> Diğer dosyadan tek farkı <frameset> tagı ile cols yerine rows kodunun kullanılmış olmasıdır. 42

11 KAYNAK: 1- İnternet 43

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ı

ÖĞ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ı

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ı

İNTERNET PROGRAMCILIĞI I

İNTERNET PROGRAMCILIĞI I BÖLÜM 11 11- ÇERÇEVELER (FRAME) Çerçeve tekniği, bir web sayfasını istenilen miktarda parçaya bölüp, bu sayfa üzerinde birkaç sayfa birden görüntülenmesine olanak verir. Bu tekniğin en çok kullanılan varyasyonu,

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ı

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ı

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ı

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ı

Metin Text Kutuları. Metin kutusu oluşturmak için tagı kullanılır.

Metin Text Kutuları. Metin kutusu oluşturmak için <input> tagı kullanılır. Form İşlemleri Form Nedir? Şu ana kadar öğrendiğimiz konularda hep ziyaretçilere veri göstermeye veya bilgi vermeye çalıştık. Gerek metinlerle, gerekse liste veya resimlerle ziyaretçilere bilgi sunmayı

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ı

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ı

Upgrading Internet Technology skills of Information and Communication Technologies (ICT) Professionals

Upgrading Internet Technology skills of Information and Communication Technologies (ICT) Professionals The European Union s Making the Labour Market more Inclusive III programme For North Cyprus Upgrading Internet Technology skills of Information and Communication Technologies (ICT) Professionals Module

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ı

PHP ile İnternet Programlama

PHP ile İnternet Programlama PHP ile İnternet Programlama Doç.Dr. Gazi Üniversitesi Gazi Eğitim Fakültesi Bilgisayar ve Öğretim Teknolojileri Eğitimi Bölümü 3. BÖLÜM: Formlarla Çalışmak HTML Formlarının Temelleri Dinamik etkileşim

Detaylı

Note: If you want to validate a page containing frames, be sure the DTD is set to "Frameset DTD". Read more about XHTML Validation.

Note: If you want to validate a page containing frames, be sure the DTD is set to Frameset DTD. Read more about XHTML Validation. FRAME Tagı Aynı pencere içinde birden fazla sayfa görünmesini istediğimiz zaman çerçeve (frame) kullanırız. Çerçeve tekniği, bir web sayfasını istenilen miktarda parçaya bölüp, bu sayfa üzerinde birkaç

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ı

HTML Ders Notlar. Bu temel kodlar gördükten sonra isterseniz bir HTML sayfasnn genel yapsna göz atalm. <title> </head></a> </h3> <p> <img alt="HTML Ders Notlar. Bu temel kodlar gördükten sonra isterseniz bir HTML sayfasnn genel yapsna göz atalm. <html> <head> <title> <title> </head>" title="HTML Ders Notlar. Bu temel kodlar gördükten sonra isterseniz bir HTML sayfasnn genel yapsna göz atalm. <html> <head> <title> <title> </head>" class="news-block-img pull-right" src="/thumbs/20/1039760.jpg"> S HTML Ders Notlar izlere bu notlarla web sayfas yapm hakknda ksa bir fikir vermeye çel!aca#m. Öncelikli olarak bir web sayfasnn yani uzantsn HTML (Hyper Text Markup Language)olan bir sayfann çal!ma mant#na </p> <a href="/1039760-Html-ders-notlar-bu-temel-kodlar-gordukten-sonra-isterseniz-bir-html-sayfasnn-genel-yapsna-goz-atalm-html-head-title-title-head.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7846951-7-cerceveler-bu-bolumu-bitirdiginizde.html">7. Çerçeveler. Bu bölümü bitirdiğinizde,</a> </h3> <p> <img alt="7. Çerçeveler. Bu bölümü bitirdiğinizde," title="7. Çerçeveler. Bu bölümü bitirdiğinizde," class="news-block-img pull-right" src="/thumbs/26/7846951.jpg"> 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 </p> <a href="/7846951-7-cerceveler-bu-bolumu-bitirdiginizde.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1706556-4-baglanti-kopru-olusturma.html">4. Bağlantı (Köprü) Oluşturma</a> </h3> <p> <img alt="4. Bağlantı (Köprü) Oluşturma" title="4. Bağlantı (Köprü) Oluşturma" class="news-block-img pull-right" src="/thumbs/22/1706556.jpg"> 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 </p> <a href="/1706556-4-baglanti-kopru-olusturma.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/30257417-Html5-form-yapisi-ve-form-elemanlari.html">HTML5 Form Yapısı ve Form Elemanları</a> </h3> <p> <img alt="HTML5 Form Yapısı ve Form Elemanları" title="HTML5 Form Yapısı ve Form Elemanları" class="news-block-img pull-right" src="/thumbs/52/30257417.jpg"> HTML5 Form Yapısı ve Form Elemanları 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 </p> <a href="/30257417-Html5-form-yapisi-ve-form-elemanlari.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/15136568-Html-css-ogr-gor-m-ersin-akay.html">HTML & CSS. Öğr.Gör. M.Ersin AKAY</a> </h3> <p> <img alt="HTML & CSS. Öğr.Gör. M.Ersin AKAY" title="HTML & CSS. Öğr.Gör. M.Ersin AKAY" class="news-block-img pull-right" src="/thumbs/31/15136568.jpg"> 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 </p> <a href="/15136568-Html-css-ogr-gor-m-ersin-akay.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/17586263-Html-head-title-sayfa-basligi-title-head-body-bu-benim-ilk-sayfam-b-bu-metin-koyu-b-body-html.html"><html> <head> <title>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ı

Karabük Üniversitesi, Mühendislik Fakültesi...www.ibrahimcayiroglu.com

Karabük Üniversitesi, Mühendislik Fakültesi...www.ibrahimcayiroglu.com HTML-2 Tablolar Tablolar sayfaları satırlara ve sütunlara bölmek yada metin veya grafiklerin sayfada istediğimiz yerde durmasını sağlamak için kullanabileceğimiz en önemli elemanlardır. Tablolar satır

Detaylı

Frame Çerçeveler Web sayfasını birden fazla html sayfa ile oluşturmaya imkan tanır. html örnekler\örnek17.html. örnek17.html

Frame Çerçeveler Web sayfasını birden fazla html sayfa ile oluşturmaya imkan tanır. html örnekler\örnek17.html. örnek17.html HTML Ders 7 Frame Çerçeveler Web sayfasını birden fazla html sayfa ile oluşturmaya imkan tanır. html örnekler\örnek17.html örnek17.html htm1.html htm1.html ... Çerçeve oluşturmada

Detaylı

Html'e Giriş. HyperText Markup Language (hypertext işaret dili) Nedir?

Html'e Giriş. HyperText Markup Language (hypertext işaret dili) Nedir? Html'e Giriş HyperText Markup Language (hypertext işaret dili) Nedir? Hypertext terimi bir text'en başka bir text'e zıplamanızı(jump) sağlayan linklerin bulunduğu text'ler için kullanılır. Normal bir yazıda

Detaylı

Balıkesir Özel Serper Bilgisayar Kursu Ders Notları WEB TASARIMI

Balıkesir Özel Serper Bilgisayar Kursu Ders Notları WEB TASARIMI Ders Notları WEB TASARIMI Đç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,

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ı

2) Sayfa başlık bölümüdür. Javascript vs. burda tanımlanır.

2) <head></head> Sayfa başlık bölümüdür. Javascript vs. burda tanımlanır. > 1) Tüm kodlar bunun arasında çalışır. 2) Sayfa başlık bölümüdür. Javascript vs. burda tanımlanır. 3) Sayfa gövde kısmıdır. Renkler, yazılar

Detaylı

1. FORMLAR AMAÇ ARA TIRMA. Programlamaiçindeformkullan m n ö renerekuygulamalaryapabileceksiniz.

1. FORMLAR AMAÇ ARA TIRMA. Programlamaiçindeformkullan m n ö renerekuygulamalaryapabileceksiniz. Ö RENMEFAAL YET 1 Ö RENMEFAAL YET 1 AMAÇ Programlamaiçindeformkullan m n ö renerekuygulamalaryapabileceksiniz. ARA TIRMA PHP ded kaynaklardan(kullan c dan)bilgialmayollar n ara t r n z. Formolu turmadagetvepostmetotlar

Detaylı

BİLİŞİM TEKNOLOJİLERİ

BİLİŞİM TEKNOLOJİLERİ T.C. MİLLÎ EĞİTİM BAKANLIĞI BİLİŞİM TEKNOLOJİLERİ HTML İLE GELİŞMİŞ WEB İŞLEMLERİ 482BK0153 Ankara, 2012 Bu modül, mesleki ve teknik eğitim okul/kurumlarında uygulanan Çerçeve Öğretim Programlarında yer

Detaylı

Arama motoru: kuş gribinin etkileri

Arama motoru: kuş gribinin etkileri Arama motoru: Bünyesinde milyonlarca internet sayfasına ve adresine (URL) dair ipuçları ve bu sayfaların barındırdığı anahtar kelimelere sahip olan, aradığımız konuda kolayca bilgi sahibi olmak için kullandığımız

Detaylı

LOGO için Online Mutabakat Kullanım Kılavuzu

LOGO için Online Mutabakat Kullanım Kılavuzu LOGO için Online Mutabakat Kullanım Kılavuzu SQL Bağlantı Bilgileri Server : Kullanıcısı : Şifre : Veri Tabanı : LOGO ürünü veri tabanının barındırıldığı MS SQL sunucu adı. LOGO ürünü veri tabanına bağlantı

Detaylı

BİLGİSAYAR II 2008-2009 BAHAR YARIYILI - NOT 3 - HTML KOMUTLARI. KONU 12 Sıralı Liste

BİLGİSAYAR II 2008-2009 BAHAR YARIYILI - NOT 3 - HTML KOMUTLARI. KONU 12 Sıralı Liste BİLGİSAYAR II 2008-2009 BAHAR YARIYILI - NOT 3 - HTML KOMUTLARI KONU 12 Sıralı Liste Sıralı Liste nasıl yapılır? Bazen sayfamız da listeler kullanmak zorunda kalırız. Mesela sevdiğimiz müzik türlerini

Detaylı

LOGO için Online Mutabakat Kullanım Kılavuzu

LOGO için Online Mutabakat Kullanım Kılavuzu LOGO için Online Mutabakat Kullanım Kılavuzu LOGO Windows Ürünleri için Online Mutabakat LOGO Java Ürünleri için Online Mutabakat Microsoft Excel veri kaynağı için Online Mutabakat Microsoft SQL Server

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ı

PHP ile İnternet Programlama

PHP ile İnternet Programlama PHP ile İnternet Programlama Doç.Dr. Gazi Üniversitesi Gazi Eğitim Fakültesi Bilgisayar ve Öğretim Teknolojileri Eğitimi Bölümü 5. BÖLÜM: Oturum Yönetimi ve Güvenlik Sayfaya Yönlendirme PHP sayfamızdan

Detaylı

İNTERNET PROGRAMCILIĞI - II

İNTERNET PROGRAMCILIĞI - II 0 İÇİNDEKİLER Bölüm 1 PHP İle Web Programlamaya Giriş 1 Bölüm 2 PHP Kodlama Standartları 5 Bölüm 3 PHP Değişken Kullanımı 17 Bölüm 4 IF Yapısı 32 Bölüm 5 Döngüler ve Diziler 64 1 BÖLÜM 1 PHP İLE WEB PROGRAMLAMAYA

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ı

HESAP MAKİNASI YAPIMI

HESAP MAKİNASI YAPIMI HESAP MAKİNASI YAPIMI 1..Aşağıdakine benzer görünüm ve butonları hazırlayın. 2. 24. Butonun içerisine aşağıdaki kodları yazın. 3. Yeni bir layer ekleyip Frame1 F9 na aşağıdaki kodları ekleyelim. 4. Butonlardan

Detaylı

INTERNET & INTRANETS DERSİ 2004-2005 BAHAR YILI - 3. HAFTA HTML KOMUTLARI. KONU 12 Sıralı Liste

INTERNET & INTRANETS DERSİ 2004-2005 BAHAR YILI - 3. HAFTA HTML KOMUTLARI. KONU 12 Sıralı Liste INTERNET & INTRANETS DERSİ 2004-2005 BAHAR YILI - 3. HAFTA HTML KOMUTLARI KONU 12 Sıralı Liste Sıralı Liste nasıl yapılır? Bazen sayfamız da listeler kullanmak zorunda kalırız. Mesela sevdiğimiz müzik

Detaylı

LibreOffice Veritabanı-1

LibreOffice Veritabanı-1 LibreOffice Veritabanı-1 Bu uygulamada LibreOffice Base ile basit bir telefon rehberi yapacağız. 1 Veritabanı oluşturma 1.1 LibreOffice Base programını çalıştırın. Sizden veritabanı adını sorduğunda rehber.odb

Detaylı

Sevdiğiniz editörü açın, Notepad, vi, pico vb. Daha sonra da aşağıdaki kodu yazın:

Sevdiğiniz editörü açın, Notepad, vi, pico vb. Daha sonra da aşağıdaki kodu yazın: HTML nedir? HTML e GİRİŞ E. Fatih Yetkin HTML Hyper Text Markup Language kısaltmasıdır. Bir HTML dosyası, çeşitli işaretleme etiketleri içeren bir metin dosyasıdır. Bu işaretleme etiketleri (markup tags)

Detaylı

AUTODESK PORTALI İÇİN AKADEMİK HESAP OLUŞTURULMASI

AUTODESK PORTALI İÇİN AKADEMİK HESAP OLUŞTURULMASI AUTODESK ACADEMIC RESOURCE CENTER (ARC) İÇİN - Adım adım AutoDesk ürünleri indirme ve lisanslama rehberi Eğitim amaçlı olarak öğrenci laboratuvarlarındaki bilgisayarlara kurmak için, AutoDesk ürünlerinin

Detaylı

2- Kontrol Sil... 17. 3-En Öne Getir... 13 4-En Arkaya Gönder... 13 4.5.8.2 Resim... 14. 1-Özellikler:... 18 Genel Özellikler...

2- Kontrol Sil... 17. 3-En Öne Getir... 13 4-En Arkaya Gönder... 13 4.5.8.2 Resim... 14. 1-Özellikler:... 18 Genel Özellikler... i İçindekiler Kullanıcı Giriş Ekranı... 1 Ana Sayfa... 2 1-Projeler... 3 1.1 Yeni Proje... 3 1.2 Proje Düzenle... 3 1.3 Proje Sil... 3 1.4 Listeyi Güncelle.... 3 2-Gruplar... 4 2.1.1 Grup Adı.... 5 2.1.2

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ı

ÇANKAYA ÜNİVERSİTESİ WEBMAIL KULLANIM KLAVUZU

ÇANKAYA ÜNİVERSİTESİ WEBMAIL KULLANIM KLAVUZU ÇANKAYA ÜNİVERSİTESİ WEBMAIL KULLANIM KLAVUZU Üniversitemiz Webmail servisi yenilenmiş olup Roundcube webmail üzerinden servis vermeye başlamıştır. Daha önce kullanılan SquirrelMail servisi https://oldwebmail.cankaya.edu.tr/

Detaylı

T.C. MİLLİ EĞİTİM BAKANLIĞI MEGEP (MESLEKÎ EĞİTİM VE ÖĞRETİM SİSTEMİNİN GÜÇLENDİRİLMESİ PROJESİ) BİLİŞİM TEKNOLOJİLERİ INTERNET PROGRAMCILIĞI - 4

T.C. MİLLİ EĞİTİM BAKANLIĞI MEGEP (MESLEKÎ EĞİTİM VE ÖĞRETİM SİSTEMİNİN GÜÇLENDİRİLMESİ PROJESİ) BİLİŞİM TEKNOLOJİLERİ INTERNET PROGRAMCILIĞI - 4 T.C. MİLLİ EĞİTİM BAKANLIĞI MEGEP (MESLEKÎ EĞİTİM VE ÖĞRETİM SİSTEMİNİN GÜÇLENDİRİLMESİ PROJESİ) BİLİŞİM TEKNOLOJİLERİ INTERNET PROGRAMCILIĞI - 4 ANKARA-2008 Milli Eğitim Bakanlığı tarafından geliştirilen

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ı

DIV KAVRAMI