KBÜ. TBP107 Web Tasarımının Temelleri «H T M L E T İ K E T L E R İ - III» Öğr. Gör. Dr. Abdullah ELEN KARABÜK ÜNİVERSİTESİ
|
|
|
- Onur Giray
- 5 yıl önce
- İzleme sayısı:
Transkript
1 KBÜ KARABÜK ÜNİVERSİTESİ TBP107 Web Tasarımının Temelleri «H T M L E T İ K E T L E R İ - III» Öğr. Gör. Dr. Abdullah ELEN Karabük Üniversitesi T.O.B.B. Teknik Bilimler Meslek Yüksekokulu Demir Çelik Kampüsü Karabük/TÜRKİYE aelen@karabuk.edu.tr Belge No: TBP107/04 Revizyon: R-001 Yayın Tarihi:
2 İçindekiler Tablo Etiketleri Form Etiketleri 2
3 Tablo Etiketleri Ta b l e Ta g s 3
4 <table> <table> etiketi, bir HTML tablosu tanımlamak için kullanılır. Bir HTML tablosu; <table> etiketinden, bir ya da daha fazla <tr>, <td> ve <th> etiketlerinden meydana gelir. <tr> etiketi tablo satırını, <td> etiketi tablo hücresini ve <th> etiketi ise tablo başlığını tanımlar. Daha karmaşık bir HTML tablosu; <caption>, <col>, <colgroup>, <thead>, <tfoot> ve <tbody> etiketlerini de içerebilir. <table> <tr> <th>başlık</th> </tr> <tr> <td>tablo hücresi</td> </tr> </table> 4
5 <table> <table> <tr> <th>aylar</th> <th>kazançlar</th> </tr> <tr> <td>ocak</td> <td>100 TL</td> </tr> <tr> <td>şubat</td> <td>80 TL</td> </tr> </table> <head> <style> table, th, td { border: 1px solid black; } </style> </head> 5
6 <table> (caption) <head> <style> <caption> etiketi, tablo başlığı tanımlamak için kullanılır. <caption> etiketi, <table> etiketinden hemen sonra eklenmelidir. Örnek için buraya tıklayın. table, th, td {border: 1px solid black;} </style> </head> <table> <caption>aylık Kazanç</caption> <tr> <th>aylar</th> <th>gelir</th> </tr> <tr> <td>ocak</td> <td>100 TL</td> </tr> <tr> <td>şubat</td> <td>80 TL</td> </tr> </table> 6
7 <table> (thead) <thead> etiketi, bir HTML tablosundaki başlık içeriğini gruplandırmak için kullanılır. <thead> etiketi, bir tablonun her bir parçasını (başlık, gövde, altbilgi) belirtmek için <tbody> ve <tfoot> öğeleriyle birlikte kullanılır. Örnek için buraya tıklayın. <head> <style> table, th, td {border: 1px solid black;} thead {color: green;} tbody {color: blue;} tfoot {color: red;} </style> </head> <table> <thead> <tr> <th>aylar</th> <th>kazanç</th> </tr> </thead> <tbody> <tr> <td>ocak</td> <td>100 TL</td> </tr> <tr> <td>şubat</td> <td>80 TL</td> </tr> </tbody> <tfoot> <tr> <td>toplam</td> <td>180 TL</td> </tr> </tfoot> </table> 7
8 <table> (colgroup) <colgroup> etiketi, tablodaki bir yada daha fazla sütunu gruplandırarak biçimlendirmek için kullanılır. <colgroup> etiketi, her satıra ayrı ayrı sitilleri uygulamak yerine stilleri tüm sütunlara uygular. <colgroup> etiketi, <table> etiketinin içerisinde olmak zorundadır. <caption> etiketinden hemen sonra ve aynı zamanda <thead>, <tbody>, <tfoot> ve <tr> etiketlerin önce tanımlanmalıdır. Örnek için buraya tıklayın. <head> <style> table, th, td {border: 1px solid black;} </style> </head> <table> <colgroup> <col span="2" style="background-color: red"> <col style="background-color: yellow"> </colgroup> <tr> <th>isbn</th> <th>kitap Adı</th> <th>fiyatı</th> </tr> <tr> <th> </th> <th>html5 ile Web Tasarımı</th> <th>53 TL</th> </tr> <tr> <th> </th> <th>css ve Javascript Kardeşliği</th> <th>49 TL</th> </tr> </table> 8
9 HTML Tablo Örnekleri
10 Form Etiketleri F o r m Ta g s 10
11 <form> <form> etiketi, kullanıcı veri girişlerini sağlamak için HTML formları oluşturur. <form> etiketi aşağıdaki form elemanlarından bir veya daha fazlasını içerebilir: <input>, <textarea>, <button>, <select>, <option>, <optgroup>, <fieldset>, <label> <form method="get post" action="url" > form elemanları </form> action: Bir form onaylandığında verilerinin nereye gönderileceğini belirtir. method: Form verileri gönderirken kullanılacak HTTP yöntemini belirtir. Diğer parametreleri görmek için buraya tıklayın. 11
12 <form method="get post"> GET Metodu HTTP istekleri arasındaki varsayılan metottur. Form verilerini, name/value çiftleri olarak URL'ye ekler: Hassas/önemli verileri gönderirken asla GET kullanmayın! (URL de görünür olacaktır). Bir kullanıcının sonucu favorilere eklemek istediği form gönderimleri için kullanışlıdır. Güvenli olmayan veriler için GET metodu tercih edilir. Sadece belirli boyutta veri gönderileceği zaman kullanılır. Bir URL'nin uzunluğu sınırlıdır (yaklaşık 3000 karakter). Örnek uygulama için buraya tıklayın. 12
13 <form method="get post"> POST Metodu URL de görünmesini istemediğimiz veriler olduğunda ve isteğin (querystring) çok büyük olduğu durumlarda kullanılır. POST yönteminde gönderebileceğimiz verinin boyutu ile ilgili bir sınır yoktur. Gönderdiğimiz parametrelerin adres satırında görünmemesi dolayısıyla GET yöntemine göre daha güvenlidir. Örnek uygulama için buraya tıklayın. 13
14 <form method="get post"> GET ve POST metotları arasındaki başlıca farklar; Eylem/Durum GET POST Parametre adı ve değerleri tarayıcının adres satırında görünür mü? EVET HAYIR Yapılan işlemler tarayıcının geçmişinde (cache) saklanır mı? EVET HAYIR Gönderilen parametreler için boyut sınırı var mı? EVET HAYIR Güvenli veri güncelleme, silme veya kayıt ekleme işlemleri için tavsiye edilir mi? HAYIR EVET Veri arama, listeleme ve görüntüleme işlemleri için uygun mudur? EVET EVET 14
15 <input> <input> etiketi, kullanıcıların veri girişi yapmasına izin veren giriş kontrollerini tanımlamak için kullanılır. <input> öğeleri, bir <form> öğesi içinde kullanılır. Giriş kontrolü, tür özelliğine bağlı olarak birçok şekilde değişebilir. button, checkbox, color, date, datetime-local, , file, hidden, image, month, number, password, radio, range, reset, search, submit, tel, text, time, url, week 15
16 <input> Parametreleri Parametreler type = "eleman türü" name = "isim" value = "değer" size = "değer" maxlength = "değer" checked = "değer" src = "dosya ismi" alt = "metin" align = "left center right" readonly disabled Açıklamalar Eleman türü belirtilir. text, password, checkbox, radio, submit, reset, file, hidden, image, button değerlerinden biri kullanılır. Girilen verinin hangi değişken ismi altında değerlendirileceğini belirtmek için kullanılır. Mutlaka belirtilmelidir. "radio" ve "checkbox" dışında bu parametrenin kullanımı isteğe bağlıdır. Belirtilecek "değer" eleman türüne göre değişir. "text" ve "password" elemanlarında karakter sayısını, diğerlerinde ise piksel cinsinden genişliği belirtmek için kullanılır. "text" ve "password" elemanlarında girilebilecek en çok karakter sayısını belirtmek için kullanılır. Varsayılan değeri sonsuzdur. Sadece "radio" ve "checkbox" elemanlarında seçili elemanı "on" olarak belirtmek için kullanılır. Diğerlerinde yok sayılır. "image" elemanında resim dosyasını belirtmek için kullanılır. Fare eleman üzerindeyken balon içinde görünecek açıklama metni için kullanılır. Elemanın form üzerinde nasıl konumlanacağını belirtmek için kullanılır. Veri girme amacıyla kullanılmayacak elemanlar içindir. Veri girişi engellenecek elemanlar içindir. 16
17 <input type="button"> <input type="button"> tıklanabilir bir buton/düğme tanımlar (bir scripti etkinleştirmek için genelde JavaScript ile kullanılır). <!DOCTYPE html> <h1>buton Örneği</h1> <p>aşağıda örnek bir buton nesnesi tanımlanmıştır.</p> <form> <input type="button" value="tıkla" onclick="msg()"> </form> <script> function msg() { alert("merhaba dünya!"); } </script> 17
18 <input type="submit"> <input type="submit"> formu göndermek için kullanılır. Form içerisinde birden fazla gönderme (submit) butonu bulunabilir. <!DOCTYPE html> <h1>submit Buton Örneği</h1> <p>formu göndermek için <strong>gönder</strong> butonuna tıklayınız.</p> <form action="/actionpage.aspx" method="post"> Username: <input type="text" name="user"><br> Password: <input type="password" name="pass"><br><br> <input type="submit" value="gönder"> </form> 18
19 <input type="reset"> <input type="reset"> tüm form değerlerini varsayılan değerlere sıfırlar/temizler. <!DOCTYPE html> <h1>reset Buton Örneği</h1> <p>formu temizlemek için <strong>temizle</strong> butonuna tıklayınız.</p> <form action="/actionpage.aspx" method="post"> Username: <input type="text" name="user"><br> Password: <input type="password" name="pass"><br><br> <input type="reset" value="temizle"> <input type="submit" value="gönder"> </form> 19
20 <input type="text"> <input type="text"> form içerisinde tek satırlık bilgi girişi yapılabilen bir alan eklemek için kullanılır. <!DOCTYPE html> <h1>text Örneği</h1> <p>formu göndermek için <strong>gönder</strong> butonuna tıklayınız.</p> <form action="/actionpage.aspx" method="post"> Username: <input type="text" name="user"><br> Password: <input type="password" name="pass"><br><br> <input type="submit" value="gönder"> </form> 20
21 <input type="password"> <input type="password"> kullanıcının şifre girişi yapabilmesini sağlayan maskelenmiş bir metin kutusudur. <!DOCTYPE html> <h1>password Örneği</h1> <p>giriş yapmak için aşağıdaki alanları doldurunuz.</p> <form action="/actionpage.aspx" method="post"> Username: <input type="text" name="user"><br> Password: <input type="password" name="pass" maxlength="8"> <br><br> <input type="submit" value="login"> </form> 21
22 <input type=" "> <input type=" "> kullanıcının geçerli bir adresi girişini sağlayan bir form kontrolüdür. Geçersiz bir adresi girildiğinde otomatik olarak uyarı verir. <!DOCTYPE html> <h1> Örneği</h1> <p>aşağıdaki alana adresinizi giriniz.</p> <form action="/actionpage.aspx" method="post"> <input type=" " name=" adresi"> <input type="submit" value="gönder"> </form> *** Internet Explorer 9 ve önceki sürümleri tarafından desteklenmez! 22
23 <input type="search"> <input type="search"> kullanıcının arama sorgularını girmesi için tasarlanmış metin alanlarıdır. Bunlar, metin (text) girişleriyle işlevsel olarak özdeştir. Ancak kullanıcı tarafından farklı şekilde (CSS) biçimlendirilebilir. <!DOCTYPE html> <h1>search Örneği</h1> <p>arama yapmak için <strong>ara</strong> butonuna tıklayınız.</p> <form action="/actionpage.aspx" method="get"> Search: <input type="search" name="query"> <input type="submit" value="ara"> </form> 23
24 <input type="number"> <input type="number"> kullanıcının önceden belirlenmiş kısıtlara göre sayı girmesini sağlayan form kontrolüdür. Bu kısıtlar; min, max, step ve value parametreleri ile belirlenir. <!DOCTYPE html> <h1>number Örneği</h1> <p>aşağıdaki alana <strong>0-9</strong> arasında bir sayı giriniz.</p> <form action="/actionpage.aspx" method="post"> Sayı: <input type="number" name="sayi" min="0" max="9" step="1"> <input type="submit" value="onayla"> </form> *** Internet Explorer 9 ve önceki sürümleri tarafından desteklenmez! 24
25 <input type="date"> <input type="date"> kullanıcının geçerli bir formatta tarih girişini sağlayan form kontrolüdür. Bu kontrol üzerinde, seçim yapılarak ya da el yordamıyla tarih bilgisi girilir. <!DOCTYPE html> <h1>date Örneği</h1> <p>el yordamıyla bir tarih girin ya da seçim yapın.</p> <form action="/actionpage.aspx" method="get"> Doğum Tarihi: <input type="date" name="dgmtarihi"> <input type="submit" value="gönder"> </form> *** Safari, Internet Explorer 11 ve önceki sürümleri tarafından desteklenmez! 25
26 <input type="time"> <input type="time"> kullanıcının geçerli bir formatta saat girişini sağlayan form kontrolüdür. Bu kontrol üzerinde, seçim yapılarak ya da el yordamıyla saat bilgisi girilir. <!DOCTYPE html> <h1>time Örneği</h1> <p>el yordamıyla bir saat girin ya da seçim yapın.</p> <form action="/actionpage.aspx" method="get"> Saat Seç: <input type="time" name="islemsaati"> <input type="submit" value="gönder"> </form> *** Safari, Internet Explorer 12 ve önceki sürümleri tarafından desteklenmez! 26
27 <input type="hidden"> <input type="hidden"> genellikle form gönderildiğinde güncellenmesi gereken veritabanı kaydını saklar. Hidden kontrolü kullanıcı tarafından görülmez, ancak form gönderildiğinde veriler gönderilir. <!DOCTYPE html> <h1>hidden Örneği</h1> <p>kullanıcı adınızı güncellemek için aşağıdaki alanı doldurun.</p> <form action="/actionpage.aspx" method="post"> Kullanıcı Adı: <input type="text" name="user"><br> <input type="hidden" id="userid" name="userid" value="78"> <br> <input type="submit" value="güncelle"> </form> 27
28 <input type="checkbox"> <input type="checkbox"> şeklinde tanımlanan onay kutuları, kullanıcının sınırlı sayıda seçenekten bir veya daha fazla seçenek seçmesine izin verir. <!DOCTYPE html> <h1>onay Kutusu Örneği</h1> <form action="/actionpage.aspx"> <input type="checkbox" name="vasita1" value="bisiklet"> Bisiklet<br> <input type="checkbox" name="vasita2" value="otomobil"> Otomobil<br> <input type="checkbox" name="vasita3" value="gemi" checked> Gemi<br><br> <input type="submit" value="gönder"> </form> 28
29 <input type="radio"> <input type="radio"> radyo düğmeleri normalde gruplar halinde sunulur. Bir grupta sadece bir radyo düğmesi aynı anda seçilebilir. <!DOCTYPE html> <h1>radio Örneği</h1> <form action="/actionpage.aspx"> <input type="radio" name="vasita1" value="bisiklet"> Bisiklet<br> <input type="radio" name="vasita2" value="otomobil" checked> Otomobil<br> <input type="radio" name="vasita3" value="gemi"> Gemi<br><br> <input type="submit" value="gönder"> </form> 29
30 <textarea> <textarea> etiketi, çok satırlı bir metin giriş kontrolü tanımlar. <textarea>, sınırsız sayıda karakter içerebilir. Bir metin alanının boyutu, sütun (cols) ve satır (rows) özellikleriyle belirtilebilir. Ayrıca CSS ile yükseklik (height) ve genişlik (width) değerleri belirtilerek ayarlanabilir. <!DOCTYPE html> <textarea rows="4" cols="50"> At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies. </textarea> 30
31 <select> <select> etiketi, açılır bir liste (drop-down list) tanımlamak için kullanılır. <select> öğesinin içindeki <option> etiketleri, listedeki kullanılabilir seçenekleri tanımlar. <!DOCTYPE html> <select> <option value="78">karabük</option> <option value="16">bursa</option> <option value="34">istanbul</option> </select> 31
32 <optgroup> <optgroup> etiketi, açılır bir listedeki (drop-down list) ilgili seçenekleri gruplandırmak için kullanılır. Uzun bir seçenek listeniz varsa, bunların gruplandırılması kullanıcı için daha uygun olacaktır. <!DOCTYPE html> <select> <optgroup label="programming Languages"> <option value="cpp">c++</option> <option value="java">java</option> </optgroup> <optgroup label="script Languages"> <option value="js">javascript</option> <option value="php">php</option> </optgroup> </select> 32
33 <fieldset> <fieldset> etiketi, ilgili öğeleri bir formda gruplandırmak için kullanılır. Form nesnelerinin etrafında bir kutu çizer. <legend> ile başlık tanımlanır. <!DOCTYPE html> <form action="/actionpage.aspx" method="post"> <fieldset> <legend>login Panel</legend> Username: <input type="text" name="user"><br> Password: <input type="password" name="pass"><br><br> <input type="button" value="lost password"> <input type="submit" value="login"> </fieldset> </form> 33
34 Kaynaklar B u d e r s n o t u h a z ı r l a n ı r k e n a ş a ğ ı d a b e l i r t i l e n k a y n a k l a r d a n y a r a r l a n ı l m ı ş t ı r. 1 HTML Element Reference, w3schools ( )
Web Tasarımının Temelleri
1. Hafta Web Tasarımının Temelleri Öğr. Gör. Murat YAZICI www.muratyazici.com Artvin Çoruh Üniversitesi, Artvin Meslek Yüksekokulu www.artvin.edu.tr Formlar Kullanıcının da aktif olacağı dinamik web sayfaları
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
ÖĞ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ı
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
Internet Programming II. Elbistan Meslek Yüksek Okulu Bahar Yarıyılı
Internet Programming II Elbistan Meslek Yüksek Okulu 2013 2014 Bahar Yarıyılı Öğr. Gör. Murat KEÇECĠOĞLU 26 May. 2014 Form Form İşlemleri Tarayıcıdan bilgi alarak işlem gerçekleştirme FORM elemanları yardımıyla
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
Temel Başlıklar. HTML Formlarının amacı Çalışma şekli Form Action ve Method
HTML Formları Temel Başlıklar HTML Formlarının amacı Çalışma şekli Form Action ve Method HTML/WWW veri paylaşımı üzerine kurulmuştur. Html işaretleme dilidir. Diğer içerikler ile bağlantılar (linkler)
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ı
BTP208 İnternet Programcılığı II HTML5 ve Getirdiği Yenilikler (2. Kısım)
BTP208 İnternet Programcılığı II HTML5 ve Getirdiği Yenilikler (2. Kısım) Hazırlayan Öğr. Gör. Özgür ÖZŞEN HTML5 Yeni Form Elementleri HTML5 işlevi fazla olan ve daha fazla form elemanı sunmaktadır Tarayıcı
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
İ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
Site Temizlik Projesi Kodları
Site Temizlik Projesi Kodları Site Temizlik Projesi -2 nin kodları aşağıdadır. (İlgili site sayfasını önceki yazılarda bulabilirsiniz.) [crayon-5c2acf77c2a0b746634170/] İndir (DOCX, 15KB) İlk Hafta Sunumu
Web Teknolojileri ve Programla
12.05.2010 Dersi Özeti Kursun içeriğini özeti Alt başlıkları Proje Kurs esnasında kullanmayı planladığımı editörler HTMLe giriş Temel etiketler Notepad+ da örnekler Web Teknolojileri ve Programla Bölüm
Site Tasarım Çalışması -3
Site Tasarım Çalışması -3 Aşağıda adresini verdiğim çalışmayı table kullanarak yapmaya çalışınız., Örnek site div ile yapıldığından bölümler tablo aynı hizada değildir. Sizler eşit bölmeli table kullanacaksınız;
İ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
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
HTML5 Form Yapısı ve Form Elemanları
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
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
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
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ı
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
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ı
İnternet Programcılığı Form İşlemleri ve Oturum Yönetimi Örnekleri
1 İnternet Programcılığı Form İşlemleri ve Oturum Yönetimi Örnekleri Örnek 1 : Aşağıda ekran görüntüleri verilen HTML formunu ve oluşturduğunuz bu formdaki bilgileri elde edecek PHP sayfasını hazırlayınız.(formdan
ASP.NET Web Kontrolleri
ASP.NET Web Kontrolleri ASP.NET web sayfalarında kullanılmak üzere çeşitli işlevleri yerine getiren hazır kontroller sunar. Bu kontroller çeşitli özelliklere ve işlevlere sahip olmakla beraber uygulamalarda
JavaScript Örnekleri PDF
5 JavaScript örneği ve bu örneklerin çalışan uygulamaları JavaScript Örnekleri PDF www.yazilimbilisim.net.. İçindekiler Tablosu Javascript Text Kutusuna Sadece Sayı Girdirme... 2 PROGRAM KODU... 3 Javascript
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
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
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
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
WEB TASARIM I. Öğr. Gör. M. Mutlu YAPICI. Ankara Üniversitesi Elmadağ Meslek Yüksekokulu
WEB TASARIM I Öğr. Gör. M. Mutlu YAPICI Ankara Üniversitesi Elmadağ Meslek Yüksekokulu Ders İzlencesi Hafta Modüller/İçerik/Konular 1. Hafta PHP Tanımı ve Sunucu Kurulumları 2. Hafta PHP Yazım Notasyonu
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
Web Tasarımının Temelleri
1. Hafta Web Tasarımının Temelleri Öğr. Gör. Murat YAZICI www.muratyazici.com Artvin Çoruh Üniversitesi, Artvin Meslek Yüksekokulu www.artvin.edu.tr Listeleme Etiketleri Sıralı liste oluşturmak için
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
İ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
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ı
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
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
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 5 Yük. Müh. Köksal GÜNDOĞDU 2 HTML 5 Günümüzde kullanılan HTML 4.1 sürümü, CSS desteğiyle ne kadar düzenli ve sağlam bir yapıda
Web Site Tasarımı (Html-Css) (SD0139) Murat KARA 2017
Web Site Tasarımı (Html-Css) (SD0139) Murat KARA 2017 1. Hafta TANIŞMA, İNTERNET, HTML İçerik (Hafta/Konu) 1. Tanışma, İnternet Nedir, Html Nedir, Temel Terim ve Kavramlar 2. İnternete erişim ve İnternet
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.
Web Tasarımı - Yrd. Doç. Devkan Kaleci 1
. onclick 2. onmouseover ve OnMouseOut 3. onload ve onunload 4. onsubmit 5. onreset 6. onfocus ve onblur 7. onchange 8. onabort, onerror 2 Bir olayın oluşması, mevcut durumda bir değişiklik olması anlamına
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
MOBILEPAX XML PRODUCT API KULLANIM ŞEKLİ
MOBILEPAX XML PRODUCT API KULLANIM ŞEKLİ Versiyon: 1.0.4 URL Adresi http://merchant.mobilepax.com/services/product.aspx Gönderilen XML Yapısı MobilePaxProduct fonksiyonu buton bilgisi oluşturulacak ürünün
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
İnternet Programcılığı
İnternet Programcılığı 1 Yrd. Doç. Dr. 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
HTML (Hyper Text Markup Language) YRD. DOÇ. DR. ENGİN CEMAL MENGÜÇ
1 HTML (Hyper Text Markup Language) YRD. DOÇ. DR. ENGİN CEMAL MENGÜÇ 2 Bir web sayfası yapmak için tek gereken onu nasıl tasarlayacağımızı bilmektir. Eğer bu işi kod kullanmadan yapacaksanız Frontpage,
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
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
MOBILEPAX SOAP PRODUCT API KULLANIM ŞEKLİ
MOBILEPAX SOAP PRODUCT API KULLANIM ŞEKLİ Versiyon: 1.0.4 URL http://merchant.mobilepax.com/services/product.asmx Metot MobilePaxProduct fonksiyonu buton bilgisi oluşturulacak ürünün bilgilerinin Mobilepax
11. STIL ŞABLONU (CSS) MENÜ İŞLEMLERİ
11. STIL ŞABLONU (CSS) MENÜ İŞLEMLERİ Bu bölümü bitirdiğinizde, Sekmeli menünün nasıl yapıldığını, Dikey menünün nasıl yapıldığını, Yatay menünün nasıl yapıldığını, Dikey açılır menünün nasıl yapıldığını,
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
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
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
1 BOOTSTRAP NEDİR? 1 Bootstrap Nedir? 1 Bootstrap Dosyalarının Siteye Dahil Edilmesi 2 Bootstrap ın Sağladığı Kolaylıklar 3
İÇİNDEKİLER VII İÇİNDEKİLER 1 BOOTSTRAP NEDİR? 1 Bootstrap Nedir? 1 Bootstrap Dosyalarının Siteye Dahil Edilmesi 2 Bootstrap ın Sağladığı Kolaylıklar 3 2 BOOTSTRAP CSS DOSYASININ İNCELENMESİ 5 Bootstrap
<html> <head> </head> <body> </body> </html> METİN BİÇİMLENDİRME ETİKETLERİ Şimdi yukarıda öğrendiklerimizi bir örnek ile uygulayalım.
WEB TASARIMI-1 DERSİ Internet WEB TASARIMI-1 Programcılığı DERSİ -1 Dersi Bir web sayfası yapmak için tek gereken onu nasıl tasarlayacağımızı bilmektir.eğer bu işi kod kullanmadan yapacaksanız Frontpage,
1 JAVASCRIPT NEDİR? 1
İÇİNDEKİLER IX İÇİNDEKİLER 1 JAVASCRIPT NEDİR? 1 2 TEST ORTAMINI TANIMAK (FİREFOX VE FİREBUG) 5 Firefox 6 Firebug 8 CSS Sekmesi 10 DOM Sekmesi 11 Net ve Çerezler Sekmeleri 11 Script Sekmesi 11 Konsol Sekmesi
Frontpage ile Çerçeve Sayfası Yaratmak
Frontpage ile Çerçeve Sayfası Yaratmak Frontpage ile alttaki adımları izleyerek bir çerçeve sayfasının nasıl yaratalabileceğini görelim: Önce Menü Bar dan Araç Çubukları Görev Bölmesi seçeneğinin aktif
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
GELİŞMİŞ İNTERNET UYGULAMALARI
Ünite 1: HTML5 HTML nin kısa tarihçesi: GELİŞMİŞ İNTERNET UYGULAMALARI 1991 World Wide Web ve HTML 1 ortaya çıktı 1995 HTML 2.0 1997 HTML 3.7 1998 Web Standarts Project 1999 HTML 4.0 2000 XHTML 1.0 2004
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
MICROSOFT WORD 2002. Şekil 1 TABLO HAZIRLAMA : Word 2002/II TAB AYARLARI :
MICROSOFT WORD 2002 TAB AYARLARI : Yazımı belli bir sütundan başlatmak için kullanılır. Tab (durak) ayarı yapıldıktan sonra her Tab tuşuna basıldığında eklenti noktası yerleştirilen tab ayarlarına gelir.
Radio butonları CSS ile makyajlamak
Radio butonları CSS ile makyajlamak 4 Ocak Cuma 13 (X)HTML, CSS ve JavaScript Dökümanları http://mfyz.com/radio-butonlari-css-ile-makyajlamak Bildiğiniz gibi bazı form elementlerine (radio butonlar, check
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
DIV KAVRAMI <style> position: absolute
DIV KAVRAMI Div tag i katman oluşturmak için kullanılır. Div ler sayfanın komple bir satırını kaplarlar, bu yüzden tag i içerisinde şekillendirilip, boyutlandırılmaları gerekir. Aşağıdaki şekilde
Enlil programını açtığımızda karşımıza gelen ilk ekrandır.bu ekranda özel tanımlanmış kullanıcı kodu ve parola ile programa giriş sağlanmaktadır.
Enlil programını açtığımızda karşımıza gelen ilk ekrandır.bu ekranda özel tanımlanmış kullanıcı kodu ve parola ile programa giriş sağlanmaktadır. Özel tanımlanmış kullanıcı kodu ve parola girildikten sonra
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
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
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
<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
KBÜ. TBP107 Web Tasarımının Temelleri. Öğr. Gör. Dr. Abdullah ELEN KARABÜK ÜNİVERSİTESİ.
KBÜ KARABÜK ÜNİVERSİTESİ TBP107 Web Tasarımının Temelleri «D E RS H A K K I N DA B İ LG İ L E R» Öğr. Gör. Dr. Abdullah ELEN Karabük Üniversitesi T.O.B.B. Teknik Bilimler Meslek Yüksekokulu Demir Çelik
Doküman JETSMS XML Mesaj Đşlemleri Yardım Dokümanı Tarih 15.02.2007 Sürüm 1.1.0
HTTP SMS Gönderimi 1. Genel Kullanım Bu fonksiyonu kullanarak; Bir telefon numarasına tek bir mesaj gönderimi Birden fazla telefon numarasına aynı mesaj gönderimi -> tek seferde en fazla 150 telefon numarasına
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?
PHP (II) Formlar. Dosya İşlemleri. 2002, Sanem SARIEL PHP Ders Notları 2 1. Formlar
PHP (II) Formlar Dosya İşlemleri 2002, Sanem SARIEL PHP Ders Notları 2 1 Formlar İstekçiler web sayfasılarından sunuculara formlar yoluyla bilgi yollarlar. Anketler Kullanıcı bilgilerinin alındığı ve verilerin
MICROSOFT WORD Word 2000/II TAB AYARLARI :
MICROSOFT WORD 2000 TAB AYARLARI : Yazımı belli bir sütundan başlatmak için kullanılır. Tab (durak) ayarı yapıldıktan sonra her Tab tuşuna basıldığında eklenti noktası yerleştirilen tab ayarlarına gelir.
HTML. 6. Bölüm. Doç. Dr. İsmail Rakıp Karaş
HTML 6. Bölüm Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com Yığılmalı Stil Kağıtları / CSS-Cascading Style Sheets HTML, üç ayrı stil imkanına sahiptir. 1. Satır içi stil: Kod içinde
Giriş. Html temelleri. Giriş -devam. URL nedir? www protokolleri. Hypertext nedir? 19.02.2013. Ders 2
Giriş Html temelleri Ders 2 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
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
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
PORTAL WEB RAPORLAMA SİTEMİ KULLANIM REHBERİ (Rev-07) 1-Kayıt olma ve şifre tanımlama: http://www.lgcpt.com/default.aspx
PORTAL WEB RAPORLAMA SİTEMİ KULLANIM REHBERİ (Rev-07) 1-Kayıt olma ve şifre tanımlama: http://www.lgcpt.com/default.aspx web adresine girilir. Ana sayfada LGC tarafından verilen lab ID ile kullanıcı ası
BĐLGĐSAYARDAN BAĞIMSIZ YAZDIRMA ĐŞLEMĐ
BĐLGĐSAYARDAN BAĞIMSIZ YAZDIRMA ĐŞLEMĐ Argox X-2000+ barkod / etiket yazıcısını bilgisayardan bağımsız kullanabilmek için Argox X-2000+ barkod / etiket yazıcısı ile birlikte verilen CD içerisinde bulunan
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
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ı
TachoMobile Web Uygulaması v1.00.
TachoMobile Yönetim Sistemi Proje Destek Dokümanı / Web Uygulaması v1.00.01 İÇİNDEKİLER Web Uygulaması 1. TANIMLAMALAR 1.1 Araçlar 1.2 Sürücüler 2. TAKOGRAF VERİLERİ 2.1 Veri İndirme 2.2 Gelen Kutusu 2.3
İNTERNET PROGRAMLAMA 2 A S P. N E T. Marmara Teknik Bilimler MYO / Hafta 3 Asp.NET Doğrulama Kontrolleri
İNTERNET PROGRAMLAMA 2 A S P. N E T Marmara Teknik Bilimler MYO / Hafta 3 Asp.NET Doğrulama Kontrolleri ASP.NET DOĞRULAMA KONTROLLERİ Doğrulama Kontrolleri; kullanıcılardan veri alınması gerektiği durumlarda,
Öğr.Gör. Ruhsar KAVASOĞLU
Öğr.Gör. Ruhsar KAVASOĞLU 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 markup
BİLGİ TEKNOLOJİLERİ EĞİTİM KILAVUZU
ARMONİ PAZARLAMA PLASTİK SANAYİ TİCARET ANONİM ŞİRKETİ BİLGİ TEKNOLOJİLERİ EĞİTİM KILAVUZU A- TERMİNAL SİPARİŞ SİSTEMİ B- TERMİNAL ELEKTRONİK POSTA GÖNDERME VE ALMA C- TERMİNAL APN BAĞLANTISI SİPARİŞ SİSTEMİ
C# Form Uygulamaları. Nesne Tabanlı Programlama I (C#) Ders Notu. S.Ü.Akören A.R.E. Meslek Yüksekokulu C.ÖZCAN- F.SARAY
Nesne Tabanlı Programlama I (C#) Ders Notu S.Ü.Akören A.R.E. Meslek Yüksekokulu C.ÖZCAN- F.SARAY C# Form Uygulamaları C# da yeni bir uygulama açmak için File>New>Project seçilir. Daha sonra açılan pencerede
13 Aralık 2007. Đlgili Versiyon/lar : ETA:SQL, ETA:V.8-SQL. Đlgili Modül/ler : Raporlar. Kullanıcı Tanımlı Raporlar Bölümünden Yapabildiklerimiz
13 Aralık 2007 Đlgili Versiyon/lar : ETA:SQL, ETA:V.8-SQL Đlgili Modül/ler : Raporlar KULLANICI TANIMLI RAPORLAR Kullanıcı Tanımlı Raporlar Bölümünden Yapabildiklerimiz Kendi isteklerinize özel rapor tasarımları
HTML WEB TASARIMI-1 DERSİ
WEB TASARIMI-1 DERSİ HTML Bir web sayfası yapmak için tek gereken onu nasıl tasarlayacağımızı bilmektir.eğer bu işi kod kullanmadan yapacaksanız Frontpage, Dreamweaver vs programları kullanabilirsiniz.ama
İNTERNET PROGRAMLAMA 2 A S P. N E T. Marmara Teknik Bilimler MYO / Hafta 4 MasterPage
İNTERNET PROGRAMLAMA 2 A S P. N E T Marmara Teknik Bilimler MYO / Hafta 4 MasterPage Bir web sitesi birden fazla sayfadan oluşur. Bu sayfalarda içerik değişirken her sayfada tekrarlanan ögeler ve özellikler
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.
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
Basit bir web uygulaması
AJAX Ahmet Demirelli ahmetdemirelli@sabanciuniv.edu SCJP 5.0, SCWCD 1.4 Sabancı Üniversitesi Bilişim Teknolojileri Yüksek Lisans Programı 3/20/2007 Sabanci University 1 Ajanda Neden AJAX ihtiyacı AJAX
CSS (Stil Şablon) (Cascading Style Sheets) YRD. DOÇ. DR. ENGİN CEMAL MENGÜÇ
CSS (Stil Şablon) (Cascading Style Sheets) YRD. DOÇ. DR. ENGİN CEMAL MENGÜÇ 2 CSS, açılımı Cascading Style Sheet olan ve dilimize Stil şablonları olarak yerleşen basit ve kullanışlı bir işaretleme dilidir.
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
Turnitin Kullanım Klavuzu (Öğretim Üyesi)
Turnitin Kullanım Klavuzu (Öğretim Üyesi) Turnitin Hesabı Oluşturma... 1 Turnitin e Giriş... 2 Sınıf Oluşturma... 2 Ödev Oluşturma... 10 Öğrenci Ekleme... 14 Rapor Görüntüleme / Yazdırma... 19 1 Turnitin
HSancak Nesne Tabanlı Programlama I Ders Notları
CheckBox Onay Kutusu, kullanıcının mantıksal bir ifade hakkında seçim yapmasına imkân verir. Kullanıcıya seçenekler sunmayı sağlar. Birçok seçenek seçilebilir. CheckBox Özellikleri Özellik Değer Tipi Açıklama
HTML Sayfaları. Bütün html sayfaları
HTML VİZE NOTLARI HTML Sayfaları Bütün html sayfaları tagıyla başlar ve tagıyla biter. tagları arasında ve tagları vardır. Örnek bir html boş sayfası kodları şu şekilde
Proje Takip Platformu Kullanım Kılavuzu
Proje Takip Platformu Kullanım Kılavuzu Uygulamaya giriş yapabilmek için https://iskop.istanbul.edu.tr/ adresine girilir. Proje Takip Platformu adlı bölümden Proje Takip Platformu linkine tıklanır. Açılan
PORTAL WEB RAPORLAMA SİTEMİ KULLANIM REHBERİ (Rev-08) 8. REVİZYON Açıklaması: Numne giriş sistemi aşağıdaki şeilde güncellenmiştir.
PORTAL WEB RAPORLAMA SİTEMİ KULLANIM REHBERİ (Rev-08) 8. REVİZYON Açıklaması: Numne giriş sistemi aşağıdaki şeilde güncellenmiştir. Analyte Entry seçeneğine girilir. Amend your laboratory screening profile