2) <head></head> Sayfa başlık bölümüdür. Javascript vs. burda tanımlanır.
|
|
|
- Yeter Akkoyun
- 8 yıl önce
- İzleme sayısı:
Transkript
1 <<<<<<<<<TEMEL>>>>>>>>>> 1) <html></html> Tüm kodlar bunun arasında çalışır. 2) <head></head> Sayfa başlık bölümüdür. Javascript vs. burda tanımlanır. 3) <body></body> Sayfa gövde kısmıdır. Renkler, yazılar vs. burda belirtilir.(sayfa içindeki herşey) 4) <title></title> etiketi <head> arasında yazılır ve başlık yazmayı sağlar. 5) <body bgcolor="..">.. bölümüne renk yazılır. Sayfa arkaplan rengi belirlenir. Örnek(<body bgcolor="blue">) 6) <body background="..">.. bölümüne resim uzantısı veya adresi yazılır. Örnek(<body background="doruk.jpg">) 7) <body text="..">.. bölümüne renk yazılır. Bodyde tanımlanacak tüm yazıların rengini ayarlar.örnek(<body text="red">) 8) <br/> komutu yazılar arasında alta geçmeyi sağlar. 9) <hr/> yazılar arasında yatay çizgi çekmeyi sağlar. 10) <hr width="100" color="blue" allign="left"/> bu kod çizgiyi şekillendirir. width genişliği, color rengi, allign konum belirler. <<<<<<<<<METİNLER>>>>>>>> (<body></body> Arasında yazılır.) 11) <p/> paragraf başı yapmyaı sağlar. 12) <b></b> etiketi arasında yazılan yazıları kalın yapar. 13) <i></i> arasında yazılanlar italik olacaktır NOT: Kodlar birbirleri içinde kullanılabilir. Fakat son açılan kod ilk kapatılmalıdır.örnek(<i> italik <b> kalın </b> </i>) ) <u></u> arasına yazılan yazılar altı çizili olacaktır.
2 15) <s></s> arasına yazılan yazılar üstü çiziki olacaktır. 16) <strong></strong> etiketi <b> ile aynı işlevdedir. Yazıları kalın yapar. 17) <em></em> etiketi <i> ile aynı işlevdedir. Yazıları italik yapar. 18)   ile boşluk eklenir. Örnek(continuum       company) şeklinde ) <pre></pre> etiketi arasına yazılan herşey not defterine nasıl yazıldıysa öyle gösterilir. Örnek(<pre>Continuum Doruk</pre>) bu kadar boşluk bırakır. 20) <h1>..<h6> etiketleri başlık belirtmek için kullanılır. Boyut ayarlar. <h1> den <h6> ya kadar 1,2,3,4,5,6 vardır. En büyük <h1>, en küçük <h6> yazar. 21) <blockquote></blockquote> arasına yazılan yazılar biraz içe kayacaktır. Genelde özlü sözler için kullanılır. 22) <font></font> etiketi ; a) Yazı tipi belirtir b) Yazı büyüklüğü belirtir. c) Yazı rengi belirtir. d) Yazıya stil atanabilir. <font face="arial" size="5" color="red">continuum</font> için face yazı tipini belirtir. size yazı boyutunu belirtir. color yazı rengini belirtir. Doruk yazısını Arial tipinde, 5 büyüklüğünde (18 punto), kırmızı renkte yazar. Ayrı ayrıda kullanılabilirler. size=".." için;.. yerine 1 (7 punto), 2 (10 punto), 3 (12 punto), 4 (14 punto), 5 (18 punto), 6 (24 punto), 7 (36 punto) değerindedir. 23) <basefont size=".."> etiketi ile.. yerine yazdığınız sayı varsayılan yazı boyutunu ayarlar. Sonra yazdığınız tüm yazılar o boyutta olur. font etiketine gerek kalmadan tek kodla tüm sayfa için boyut ayarlanabilir. (h etiketleri basefonttan etkilenmez. <h1> gibi.) <<<<<<<<<<LİNK İŞLEMLERİ>>>>>>>>>>>> (<body></body> Arasında yazılır.) 24) <a></a> etiketi ile link işlemleri yapılır. 25) <a target=_blank href="adres"target="hedef tipi"> link yazısı </a> şeklinde yazılabilir. adres bölümüne link verilir. target bölümü sayfanın açılış
3 tipini belirler. href bölümünde bir web sayfası, projedeki başka bir dosya, herhangi bir dosta ismi, sayfadaki bir alt bölüm veya mail adresi olabilir.örnek(<a target=_blank href=" Google'a Git </a>) 26) <a target=_blank href="anasayfa.html">anasayfa</a> şeklinde sayfa içinde bölümlere link verebiliriz. 27) <a name="1"> şeklinde anchorlar oluşturabiliriz. Alt bölümler oluşturabiliriz. Sayfa arasından bakılabilir. 28) <a target=_blank href="blog.rar"> Blog Download </a> şeklinde indirme linki verilebilir. 29) <a target=_blank href="index.html"target=".."> ANASAYFA </a> şeklinde bir kod için;.. yerine "_blank" yazılırsa hedef yeni sekmede açılır... yerine "_parent" yazılırsa eğer o anki açık sayfayı oluşturan bir parent sayfa varsa, hedef sayfada açılır... yerine "_self" yazılırsa hedef aynı sayfada açılır... yerine "_top" yazılırsa bağlantı yine aynı pencerede açılır fakat frameler iptal edilir. 30) <a target=_blank href="index.html"target="_blank"title="bu link Ana Sayfaya Gider."> ANASAYFA </a> yazılırsa link üzerine mose imleci geldiğinde title bölümüne yazılan açıklama gelir. 31) <a target=_blank href="index.html"target="_blank"> <img src="resim/doruk.jpg"> </a> şeklinde resime link verilir. Resimlerin etrafında bir çerçeve oluşur bu pek istenen bir durum olmadığı için border="0" özelliği kullanılır. 32) <body link="green"vlink="red"alink="gray"> etiketinde link ilk halde yeşil renkte olur. Açık olan aktif link(vlink) kırmızı olur. Ziyaret edilmiş link(alink) de gri olur. <<<<<<<<<<RESİMLER>>>>>>>>>>>>>>> Resimleri en çok JPG, GIF, TIFF uzantıları ile kullanırız. Kodlama mantıgına geçelim. 33) <img src="adres"alt="alternatif_yazı"/> standart olarak bu şekilde kullanılır. Src özelliğini detaylı açacak olursak. Kendi uzatımızdan dosya aldığı gibi bir başka internet sayfasındanda resim alabiliriz. Örnek a) <img src="kedi.jpg"> b) <img src="resimler/kedi.jpg"> c) <img src= gibi kullanılabilir. <img> etiketi resim
4 boyutlarını orjinal halde getirmektedir. Değişiklik yapmak için width ve height özellikleri kullanılır. Mesela <img src="resimler/kedi.jpg"width="200"height="180"> yazılırsa 200x180 pixel ayarlanmış olur. 34) alt özelliği ile herhangi bir hatadan dolayı açılamayan bir resim için kullanıcıya mesaj verir. <img src="website/kedi.jpg" width="200" height="180" alt="kedi Resmi"/> şeklinde kullanılabilir. 35) title özelliğini linklerdede göstermiştik. Mouse imleci getirildiğinde açıklama yazıyordu. <img src="website/kedi.jpg" width="200" height="180" alt="kedi Resmi" title="kedi Resmi"/> şeklinde kullanılabilir. 36) Resimler yatay olarak konumlandırılabilir. allign komutu için sağ veya sola kaydırmak için right ve left kullanılır. <img src="website/kedi.jpg" width="200" height="180" alt="kedi Resmi" align="right"/> şeklinde yazılırsa resim sayfanın sağında gözükür. Resim ortalanmak istenirse align kullanılmaz. <center></center> etiketi ile yapılabilir. 37) Resimler dikey olarakda konumladırılabilir. Bunun için yine align kullanılır. Align özelliği ile resmin yanında bulunan yazının resme göre dikey konumunu belirtebilirsiniz. Dikey konumlama için üç değer vardır. Bunlar top, middle ve bottom'dur. Eğer herhangi bir özellik kullanılmamışsa bottom olarak kabul edilir. a)top = resmin yanında bir yazı varsa resmin en alt kısmına göre hizalansın. b)middle = resmin yanında bir yazı varsa resmin ortasına göre hizalansın. c)bottom = resmin yanında bir yazı varsa resmin en alt kısmına göre hizalansın. 38) Resimlere border özelliği ekleyebilir. Border özelliği resmin etrafına bir çerçeve çizer. border="5" ifadesi çerçevenin kalınlığı 5 olacaktır. <img src="website/kedi.jpg" width="200" height="180" alt="kedi Resmi" border="5"/> şeklindedir. 39) Resimlerde hspace ve vspace özellikleride kullanabiliriz. Bunlar resim ve metin arası boşluğu sağlar. Resminizin yanında yazı varsa daha belirgin halde kullanılması için hspace,vspace kullanabiliriz. <img src="website/kedi.jpg" width="200" height="180" alt="kedi Resmi" align="left" hspace="20" vspace="20"/> şeklindedir.
5 <<<<<<<<<<<<<<LİSTELER>>>>>>>>>>>>>>>> (<body></body> içinde yazılır.) HTML'de liste oluşturmak için <ol> ve <ul> etiketlerini kullanırız. 40) <ol> Ordered List anlamına gelir ve sıralı listeleri oluşturur. 41) <ul> Unordered List anlamına gelir ve sırasız listeleri oluşturur. 42) <li> List Item etiketi liste elemanı oluşturmak için kullanılır.(her eklenen eleman için bir tane <li> kullanılır.) Sıralı Listeler Örnek : Sırasız Listeler Örnek : <body> <body> <ol> <ul> <li>java</li> <li>java</li> <li>c#</li> <li>asp.net</li> <li>php</li> <li>javascript</li> </ol> </body> <li>c#</li> <li>asp.net</li> <li>php</li> <li>javascript</li> </ul> </body> 43) Type özelliği ile liste eleman ikonu ayarlanabilir. Sıralı listeler için type=".." beş değer alır. Örnek(<ol type=i>) gibi. 1 -> 1, 2, 3, 4, 5,... A -> A, B, C, D,... a -> a, b, c, d,... I -> I, II, III, IV,... i -> i, ii, iii, iv,... (Varsayılan olarak rakamlar sıralama yapılır.) 44) start özelliği ile sıralı listelerde listenin kaçtan başlacağı ayarlanabilir.örnek: listemizi 10'dan başlatmak istiyorsak start=10 olarak belirtmeliyiz. Örnek(<ol type=a start=10>) gibi. 45) Type özelliği ile liste eleman ikonu ayarlanabilir. Sırasız listeler için type=".." üç değer alır. Örnek(<ul type=square>) gibi.
6 disc -> İçi dolu bir daire. square -> Kare. circle -> içi boş bir çember. (Varsayılan olarak disc kullanılır.) 46) <dl></dl> etiketi ile tanımlı listeler oluşturulur. Sıralı ve sırasızdan farkı ise liste elemanları bir tanım ve bir içerikten oluşmaktadır. <dt></dt> etiketi; başlık belirtir. <dd></dd> etileti; ise içerik belirtir. 47) İç içe listelerde kullanılabilir. 48) Listeler ard arda sıralı linklerde oluşturabilir. ama liste kodumuzun içinde birde <a> etiketimizi kullanmalıyız. Örnek(<li><a target=_blank href=" şeklindedir. <<<<<<<<<<<<<TABLOLAR>>>>>>>>>>>>>> (<body></body> arasında tanımlanır.) Tablolar satır ve sütunlardan oluşur. HTML'de tablolar üç etikette tanımlanır : <table></table> -> Yeni bir tablo tanımlanır. <tr></tr> -> Yeni bir satır tanımlanır. <td></td> -> Yeni bir sütun tanımlanır. 49) <table></table> kodları ile bir tablo tanımlıyoruz. Örnek(<table> Continuum 2012 </table>) şeklindedir. 50) Border özelliğini tabloda kullanmak, yani çerçeve oluşturmak için. Örnek(<table border=2> Continuum 2012 </table>) şeklindedir. 51) <tr></tr> etiketi ile satır belirtiriz. <td></td> ile sütun belirtiriz. İkisi birden kullanılmadığı sürece tablo oluşmaz. Bunlar tanımladığımız <table></table> etiketleri arasında yazılmalıdır. Örnek : <table border=2> <tr> <td>1. Satır, 1.Sütun</td> <td>1. Satır, 2.Sütun</td> </tr>
7 <tr> <td>2.satır, 1.Sütun</td> <td>2.satır, 1.Sütun</td> </tr> <tr> <td>3.satır, 1.Sütun</td> <td>3.satır, 2.Sütun</td> </tr> </table> 52) <th></th> etiketleri sütun başlığı belirtmek için kullanılır. (<th> belirtirken, <tr> veya <td> belirtmek gerekmez.) Örnek: <table border=2> <th>continuum</th> <th>company</th> <tr> <td>doruk</td> <td>uğur</td> </tr> </table> 53) <thead></thead> etiketi ile tablomuz için başlık oluşturabiliriz.(<table></table> etiketi içinde kullanılır.) 54) colspan özelliği ile sütunları birleştirebiliriz. Örnek(<td colspan=2>burası 2 kolondan oluşur</td>) şeklinde. 55) rowspan özelliği ile satırları birleştirebiliriz. Örnek(<td rowspan=2>burası 2 satırdan oluşur</td>) şeklinde. 56) width, height özelliklerinide kullanırız. Tablo genişlik ve yüksekliği ayarlayabilmek için sayısal veya yüzdelik olarak ayarlama yaparız. Yüzdelik ayarlamalarda sayfanın oranına göre yüzdeleyebiliriz. Örnek(<table border="1"width="50%"height="50%">) şeklinde. 57) width, height özelliği kullanarak hücre genişlik ve yüksekliği de ayarlayabilirsiniz. Örnek(<td width="10"height="20">doruk UĞUR</td>) 58) bgcolor özelliği ile tablonun arkaplan rengini belirleyebiliriz. Örnek(<table border="1"bgcolor="yellow">) 59) bgcolor ile her hücreye farklı renkte verilebilir. Örnek(<td
8 bgcolor="gray">1.satır,1.sutün</td>) 60) background özelliği ile tablonun arkaplan resmi ayarlanabiliriz. Örnek(<table border="1"width=500 height=300 background="resim.jpg">) 61) background özelliği ile her hücre içinde resim ayarlanabilir. Örnek(<td background="resim.jpg">1.satır,1.sutün</td>) 62) cellpadding özelliği ile hücre kenarları ile yazı arası uzaklık belirlenebilir. Örnek(<table border=2 cellpadding=30>) 63) cellspacing özelliği ile hücre çerçeveleri arasındaki uzaklık belirlenebilir. Örnek(<table border=2 cellspacing=30>) 64) align özelliği ile tablonun konumu belirlenebilir. left, right ve center değerlerini alır. Örnek(<table border=1 align=center>) 65) valign özelliği ile hücre içindeki yazının dikey konumu belirlenebilir. top,middle,bottom değerlerini alır.örnek(<td valign=top>doruk UĞUR</td>) <<<<<<<<<FRAMELER>>>>>>>>>>> 66) frame yapısı kullanmak için <frameset></frameset> etiketi kullanılır ve her bir frame <frame> etiketi ile <frameset> içinde tanımlanır. 67) <frameset></frameset> yapının ana etiketidir. <head> ve <html> etiketleri arasında kullanılır. Framelere ait satır ve sütun uzunlukları içerir. Her <frame> etiketi <frameset></frameset> etiketleri arasında tanımlanmak zorundadır. Eğer bir web sayfasında <frameset> etiketi kullanılıyorsa o web sayfasında body etiketi bulunmaz. 68) cols ve rows özelliği ile gösterilecek olan sayfaların satır ve sütun uzunlukları belirtilir. Eğer cols özelliği kullanılırsa frame'ler sütunlar halinde gösterilir. Eğer rows özelliği kullanılısa frame'ler satırlar halinde gösterilir. 69) cols ve rows özellikleri için üç tip değer belirtilebilir. Bu değerler her frame için virgülle ayrılır. 1.Rakam : Rakam belirttiğiniz zaman, o frame için tam bir boyut değeri vermiş olursunuz. (cols= 200,200,200) 2.Rakam : * karakteri ise geriye kalan genişlik anlamındadır. (cols=200,200,*) 3.Rakam : % karakteri ile yüzdesel ifade belirtebilirsiniz. (cols=30%,200,*)
9 70) <frame></frame> etiketi ile gösterilecek olan sayfalar belirtilir. <frameset> etiketi içinde kullanılır ve her bir sayfa için bir tane <frame> etiketi kullanılır. <frame> etiketinin temel kullanım şekli şöyledir. <frame name="frame1" src="sayfa1.html"> Burada name="frame1" bölümünde fame ismi, src="sayfa1.html" bölümünde gösterilecek olan sayfa belirtilmiştir. Birde eğer sayfa içinde navigasyon kullanacaksak name özelliğini belirtmemiz gerekir. Çünkü frame içindeki sayfaya link vermek için sayfa ismi değil frame ismi kullanılır. 71) Herhangi bir linkin gideceği sayfayı frame içinde göstermek istiyorsak, target özelliğinde frame adı kullanılır. (<a target=_blank href="sayfa ismi" target="frame ismi"> </a>) 72) frameset özelliklerinden border özelliği ile frame'ler arasındaki çerçeve kalınlığı belirtilir. (<frameset rows="100,*" border=10>) Çerçeveyi renklendirmek içinse bordercolor özelliği kullanılır. (<frameset rows="100,*" border=10 bordercolor=red>) Not: çerçevesiz sabit bir görüntü için border=0 değeri atanır. 73) <noframes></noframes> etiketi ile frame yapısını desteklemeyen web tarayıcıları veya herhangi bir sebepten dolayı frame'lerin görüntülenememesi gibi durumlarda frame desteklenmiyorsa kullanıcıya gösterilmek istenen mesaj yazılabilir. <noframes> etiketi <frameset> içinde tanımlanır. 74) frame'lerde norasize özelliği kullanılırsa frame sabit hale gelir. Çerçevesi konumlandırılamaz. (<frame name="anasayfa" src="anasayfa.html" noresize>) 75) scrolling özelliği ile sayfanın kenarında bulunan kaydırma çubuğunu kaldırabilirsiniz. yes ve no değerlerini alır. no değeri verirseniz kaydırma çubuğu ortadan kalkar. 76) Tablolardaki gibi frame'lerdede iç içe kullanım yapılabilir. Bu yapı bize kolaylık sağlamaktadır. 77) <iframe></iframe> etiketi ile sayfa içinde istediğiniz herhangi bir yerde başka bir sayfayı görüntülemenizi sağlar. (<iframe name="ic_frame" src="sayfa2.html" height=200 width=300></iframe>) <<<<<<<<<FORMLAR>>>>>>>>>>>
10 Bütün form elemanları <form></form> etiketi arasında tanımlanır. <form> etiketine ait iki özellik bulunur. Bunlar; method ve Action özellikleridir. Method özelliği : Bu özellik form elemanlarını nasıl gönderileceğini belirtir. İki değer alır: Bunlar; Post ve Get değerleridir. 1.) Post : Form elemanları gönderilirken url içinde gösterilmez. 2.) Get : Form elemanları gönderilirken url içinde gösterilir. Get metodunda form elemanları url içinde gösterileceği için güvenlik açısından pek kullanılmaz. Formlarda daima Post metodunu kullancaz Action özelliği : Bu özellik ile formdaki elemanlara uygulayacağımız işlemi belirleyeceğiz. Action özelliği de iki değer alır. 1.) mailto : mailto özelliği kullanıldığında formdaki elemanlar belirtilen mail adresine göderilir. 2.) URL : url ise herhangi bir web sayfasının ismi olabilir. Bu değer ile formdaki elemanlar belirtilen web sayfasına gönderilir. Değişkenlere aktarılıp kullanılabilir Form Elemanları : Form elemanları <form></form> etiketi arasında tanımlanır. Form içinde veri girişi veya verileri göndermek için kullanılır. Form elemanı tanımlanırken <input type="eleman_tipi"> etiketi kullanılır. Type özelliği ile form eklenecek olan elemanın tipi belirlenir. Bu bir Textbox, Button, Checkbox, Radiobutton vs. gibi elemanlar olabilir. 1) Textbox Elemanı : Formlarda kullanıcıdan veri girişi almak için kullanılır. <input typr="text"> etiketiyle tanımlanır. <input type="text" name="textbox1"/> şeklinde. size özelliği ile Textbox'ın genişliği belirlenebilir. maxlenght özelliği ile Textbox'a girilecek maksimum karakter sayısı belirlenebilir. value özelliği ile Textbox'a varsayılan bir değer atanabilir. Bu değer sayfa ilk yüklendiğinde Textbox içinde görülen değerdir ve kullanıcı değiştirmedikce Textbox içinde bu değer kalır. 2) Password Elemanı : Bu etiket ile şifreli girişler için maskelenmiş Textbox kullanabilirsiniz. <input type="password" name="sifre"/>
11 3) Textarea Elemanı : Textarea elemanı ile daha geniş çağlı yazıları sayfamızda gösterebiliriz. Bu eleman normal Textbox elemanının genişletilmiş halidir. Bu eleman <textarea></textarea> etiketleri arasında tanımlanır. cols ve rows özellikleri ile Textarea elemanının genişliği ve yüksekliği satır ve karakter sayısı cinsinden belirlenir. Yani elemanın kaç satır ve her bir satırın kaç karakter genişliğinde olduğunu belirtebilirsiniz. <textarea name="text1" rows=10 cols=30> şeklinde. wrap özelliği ile Textarea içindeki yazının otomatik alt satıra geçip geçmeyeceğini belirtebilirsiniz. wrap özelliği 3 değer alır. a) soft : Varsayılan değer budur. Yazılar sadece Textarea içinde kaydırılır. Fakat form bazında bu işlem yapılmaz. b) hard : Yazılar hem Textarea hemde form bazında kaydırılır. c) off : wrap işlemi kapatılır. Bu özellik kullanıldığında alt tarafta kaydırma çubuğu oluşur. Çünkü yazının yatay olarak tümünü göremeyebiliriz. readonly özelliği ile normalde Textarea içinde yazdığınız yazıları kullanıcı silebilmektedir. Hatta bu yazılara yeni yazılar ekleyebilmektedir. Bazı durumlarda Textarea içinde yazan yazının sadece okunabilir olmasını istiyorsanız; readonly özelliği kullanılır. Bu özellik sayesinde kullanıcı Textarea içindeki yazılar üzerinde ekleme, silme gibi işlemler yapamaz. <textarea name="text1" rows=10 cols=40 readonly> </textarea> 4) Checkbox Elemanı : Belli seçenekler arasından bir veya birkaçını seçmek için kullanılan yapıdır. Bir form doldururken kullanıcıdan çeşitli seçenekleri işaretlemesini istiyorsanız. Checkbox kullanmalısınız. Örneğin; kullanıcının hangi programlama dilleri bildiğini öğrenmek iöin bunları Checkbox ile gösterip, kullanıcının seçim yapmasını sağlayabiliriz. Temel anlamda Checkbox oluşturmak için (<input type="checkbox"/> Gösterilecek yazı) kodu kullanılır. value özelliği ile numara değeri veririz. Web programlama dillerinde bu numaralara bakarak işlem gerçekleşir. Birde aynı grup altında değerlendirdiğimiz Checkbox'lar için aynı ismi belirtmemiz gerekir. Bu ismi name özelliği ile belirtiriz. (<input type="checkbox" name="p_dil" value="1"/>java) gibi. checked özelliği ile form yüklenirken varsayılan olarak işaretli olmasını istediğimiz seçenekleri belirtebiliriz. (<input type="checkbox" name="p_dil" value="1" checked/>java) gibi. 5) Radio Elemanı : Form içinde kullanıcıdan tek bir seçim yapılması isteniyorsa Radio elemanı kullanılır. Checkbox gibi value özelliği ile işaretlenen seçeneği öğrenebilirsiniz. Checkbox'tan farkı ise, aynı anda sadece 1 tane seçebilmektir.
12 (<input type="radio" name="grup_ismi" value="deger"/>) gibi. Radi elemanları arasında tek seçim yapılması isteniyorsa, bu elemanlar bir grup altında toplanmalıdır. Radio elemanları arasında grup oluşturmak için de name özelliği kullanılır. Gruplanmak istenen Radio elemanlarının name özelliklerine aynı değer verilir. Radio elemanları için mutlaka bir name değeri belirtilemelidir. Aksi takdirde hiç bir seçim yapılamayacaktır. checked özelliği checkbox'da olduğu gibi, bu özellik ile form yüklenirken varsayılan olarak işaretli olmasını istediğiniz seçenekleri belirtebilirsiniz. (<input type="radio" name="grup_ismi" value="deger" checked/>) gibi. 6) Select Elemanı : Form içinde açılan bir liste kullanmak için bu eleman kullanılır. Açılan listeden tek bir tane değer seçilebilir. Özellikle çok fazla seçeneğe sahip bölümler için kullanılır. Çünkü bu seçenekler form içinde göstermek aşırı yer kaybına sebep olur. Bunu engellemek için tüm seçenekler bir liste içinde saklanır ve tıklandığı zaman liste açılır. Listeler <select></select> etiketi ile tanımlanır. Listeye bir isim vermek için name özelliği kullanılır. Bu özellik ile daha sonra listemizdeki değerleri programsal olarak elde edebiliriz. Liste elemanları ise <option></option> etiketi ile tanımlanır ve her bir Option elemanı için value değeri tanımlanır. Bu değer liste elemanlarının değerini belirtir. Örnek : <select name="liste"> <option value="1">birinci Eleman</option> <option value="2">ikinci Eleman</option> <option value="3">üçüncü Eleman</option> </secelt> selected özelliği ile form yüklendiğinde ekrana herhangi birinin seçili gelmesini istiyorsak bu özelliği kullanırız. (<option value="3" selected>üçüncü Eleman</option>) şeklindedir. size özelliği ile liste elemanlarının kaç tanesinin görüntüleneceğini belirleyebiliriz. Varsayılan olarak 1 değerini alır. Bu değeri değiştirerek gösterilecek eleman satısını değiştirebiliriz. Tabi bu durumda açılır liste özelliğini kaybedecektir. Sabir bir Listbox haline gelecektir. <optgroup> etiketi ile liste içinde gruplar oluşturabiliriz. Gruplar <optgroup></optgroup> etiketleri arasında tanımlanır. Etikete ait Label özelliği ise grup için başlık tanımlar. (<optgroup label="programlama"> <option value="1"> C# </option> </optgroup>) şeklindedir.
13 7) Submit Elemanı : Formlarda girilen verileri servera aktarmak için gerekli olan olayı tetikleyen elemandır. Button elemanı ile sayfa üzerinde çeşitli işlemler yapabilirsiniz. Bu elemanın arka tarafında client veya server tabanlı kodlar yazabilirsiniz. Button tanımlamak için <input type="submit"> etiketi kullanılır. Button'un üzerindeki yazı value özelliği ile atanır. (<input type="submit" value="button_yazisi"/>) şeklindedir. 8) Reset Elemanı : Reset butonu ile forma girilen veriler temizlenir. Bunun için ekstra bir kod yazmak gerekmez. <input type="reset" value="button_yazisi"/> şeklindedir. 9) Fileupload Elemanı : Bu eleman ile bilgisayardaki herhangi bir dosyayı forma ekleyebilirsiniz. Eklediğiniz dosyayı isterseniz web server'da saklayabilirsiniz. örneğin; resim yükleme siteleri, dosya paylaşım siteleri vs. bu gibi sistemlerde fileupload kontrolü kullanılır. <input type="file" name="dosya"/> şeklindedir. <<<<<<<<<<-- HTML5 -->>>>>>>>>> 1) <canvas> etiketi ile sayfada bir çizim alanı oluşturur. İlgili alana JavaScript kullanarak çizim yapılabilir. 2) <audio> etiketi ile sayfada ses oynatmak için bir alan oluşturur. 3) <video> etiketi ile sayfada video oynatmak için bir alan oluşturur. 4) <progress> etiketi ile sayfaya işlem süreci göstergesi eklenir. 5) <header> etiketi ile başlık ve açıklama bölümü eklenir. 6) <nav> etiketi ile navigasyon bölümü oluşturulur. 7) <footer> etiketi ile alt bilgi bölümü oluşturulur. HTML5 için Dtd tanımlaması <!DOCTYPE html> olaraktır. Sayfanın başına bu eklendiğinde sayfanın bir HTML5 sayfası olduğu belirtilmiş olur. 1.) <canvas> Elementi : Bu element sayfa üzerinde bir çizim tuvali oluşturur. Bunun üzerine şekiller, resimler, grafikler çizilebilir. <canvas> elementi tek başına çizim için yeterli değildir. <canvas> üzerine çizim yapabilmek için JavaScript kullanılır.
14 HTML içinde tanımladığımız canvas'ın Havascript ile kullanılabilmesi için canvas'a bir id değeri veriyoruz. Bu id değeri ile javascript içinde canvas elementini görüp üzerinde işlem yapabiliyoruz. JavaScript : var canvas=document.getelementbyld("bizim_canvas"); HTML5 : <canvas id="bizim_canvas" width="300" height="200"></canvas> Canvas elementine ait içeriği belirtmek için getcontext(contextid) metodu kullanılır. var ctx=canvas.getcontext("2d"); Canvas için 2D contx belirtiyoruz. HTML5 canvas için henüz 3D contex desteklememektedir. 2.) <video> Elementi : Bu element ile herhangi external bir object kullanmadan direk HTML içinde video oynatabiliriz. <video src="video.ogg"width="300"height="150"> gibi. controls özelliği ile video butonlarını görüntüleyebiliriz. <video src="video.ogg"width="300"height="150" controls> şeklinde.
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ı
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ı
ÖĞ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ı
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
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
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
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
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
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.
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
Ç NDEK LER KISIM I: HTML, XHTML, HTML5 1 TEMEL KAVRAMLAR 3 nternet Nedir? 3 HTML Nedir? 4 HTTP Nedir? 4 FTP Nedir? 5 WWW Nedir?
++WEB TEKNOLOJI-icindekiler 5/12/11 11:49 PM Page vii Ç NDEK LER KISIM I: HTML, XHTML, HTML5 1 TEMEL KAVRAMLAR 3 nternet Nedir? 3 HTML Nedir? 4 HTTP Nedir? 4 FTP Nedir? 5 WWW Nedir? 6 Web Taray c (Browser)
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
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
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
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;
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
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ı
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 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
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
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
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
BİLGİSAYAR 4. MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ HTML DERS NOTLARI 9. DERS Tablolar (HTML Giriş) YARD. DOÇ. DR.
BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ HTML DERS NOTLARI 9. DERS Tablolar (HTML Giriş) YARD. DOÇ. DR. MEHTAP YALÇINKAYA HTML - TABLO Genel Bilgi Tablolar, sayfaları satırlara/sütunlara bölmek
İ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
İNTERNET PROGRAMCILIĞI I
BÖLÜM 10 10- TABLOLAR(TABLE) Metinleri listelerin yanısıra tablolar yardımıyla da düzenleyebiliriz. Sörf yaparken rastladığınız sayfalar çoğunlukla iç içe geçmiş tablolardan oluşur. Bu nedenle iyi bir
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,
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ı
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
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
12. Tanımlama Listeleri <dl> </dl>, <dt> </dt>, <dd> </dd>
12. Tanımlama Listeleri , , Terimler ve açıklamalarını içeren listeler oluşturmakta kullanılırlar. Bir uygulamanın komut satırı seçeneklerini listelemek ve altlarında açıklamalarını
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
WEB TASARIMI. c) Çeviriciler: Kullanıcının değişik biçimlerde hazırladığı belgeleri HTML biçimine dönüştürmeye sağlayan programlardır.
WEB TASARIMI 1) HTML (Hyper Text Markup Language-Hiper Metin işaretleme Dili): HTML bitr metin işaretleme dilidir. HTML kodları < ve > işaretleri arasına yazılır. Ör: : Açılış belirteci :
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
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
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
HTML (Hyper Text Markum Language)
HTML (Hyper Text Markum Language) HTML nedir? Hyper Text Markup Language'in kısaltması olan HTML; anlamı hiper metin işaretleme dilidir, bir programlama dili değildir. Metin, resim ve diğer nesnelerin
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
İ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,
<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
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
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,
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.
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
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
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
İNTERNET PROGRAMCILIĞI Konular Vize Hazırlık 1 İnternet Programcılığı 1. TEMEL HTML ETİKETLERİ 1.1. HTML etiketi HTML etiketi, tarayıcınıza, dosyanın HTML kodu ile yüklenmiş bilgi içerdiğini bildirir.
Temel Bilgisayar Terimleri Yrd. Doç. Dr. Devkan Kaleci
1 2 HTML, Hyper Text Markup Language kelimelerinin kısaltılmışıdır. HTML (Hareketli-Metin İşaretleme Dili) basitçe, browserlarla görebilen, internet dokümanları oluşturmaya yarayan bir çeşit dildir. HTML
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
MS WORD 5. BÖLÜM. Şekil 3. 100. Sayfa Düzeni Sekmesi. Şekil 3. 101. Temalar Grubu
MS WORD 5. BÖLÜM Bölüm Adı: SAYFA DÜZENİ Bölümün Amacı: Sayfa yapısı ve düzenini değiştirmek. Neler Öğreneceksiniz? Bu bölümü bitiren kişi: 1. Ofis temalarını bilir. 2. Kenar boşluklarını, sayfa yönlendirmesini,
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
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)
MIS213T İNTERNET VE WEB PROGRAMLAMA GÜZ 2016 LAB DOKÜMANI #2. 1. Bölüm: Temel HTML Etiketleri - Resimler
MIS213T İNTERNET VE WEB PROGRAMLAMA GÜZ 2016 LAB DOKÜMANI #2 Konular - Temel HTML etiketleri kullanma, - Resim, arkaplan rengi, arkaplan resmi ekleme, - Link oluşturma ve ekleme, - Maddeleme, numaralandırma,
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
MICROSOFT OFFİCE WORD PROGRAMI DOSYA İŞLEMLERİ
MICROSOFT OFFİCE WORD PROGRAMI Ms Word bir kelime işlemci programıdır. İçinde bulunan detaylı metin biçimlendirme seçenekleri, ayrıntılı tablo, şekil ve grafik oluşturma başarıları nedeniyle, kendi türünde
4. Bağlantı (Köprü) Oluşturma
4. Bağlantı (Köprü) Oluşturma Bu bölümü bitirdiğinizde, HTML dosyalarında nasıl bağlantı oluşturulduğunu, Bağ etiketinin ne olduğunu, Yerel dosyalara nasıl bağlantı kurulduğunu, İnternet üzerindeki dosyalara
1.1 Web Kavramlar. 1.1.1.3 URL terimini tanımlayınız ve anlayınız.
1.1 Web Kavramlar 117 Anahtar 7erim/er 1.1.1.1 Web ve Internet terimlerini tanımlayınız. Her birinin anahtar özelliklerini tanımlayınız. Web bir Internet hizmetidir. Web Internet üzerinde bağlantılı html
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
Tim Berners-Lee Tim Berners-Lee .html .htm HTML nin Tanımı not defteri WordPad pico, joe vi WYSIWYG
1 Tim Berners-Lee tarafından 1989 yılında HTML ( Hyper Text Markup Language) işaretleme dili geliştirilmiştir. Tim Berners-Lee aynı zamanda WWW, HTTP ve URL yide geliştiren mucittir. Tüm keşifleri 1989-1991
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
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 TABANLI PROGRAMLAMA
WEB TABANLI PROGRAMLAMA 6. ve 7. DERS Köprü Ekleme (hyperlinks) ve Map (HTML Giriş) YARD. DOÇ. DR. MEHTAP YALÇINKAYA HYPERLINKS - KÖPRÜ Sayfalara link (bağlantılar) oluşturmak için Anchor etiketi kullanılır.
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
<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,
Web sayfaları içinde tablolara sıkça ihtiyaç duyarız. Bu eğitim belgesinde temel tablo etiketlerini ve kullanımlarını öğreneceğiz.
HTML Tablolar Web sayfaları içinde tablolara sıkça ihtiyaç duyarız. Bu eğitim belgesinde temel tablo etiketlerini ve kullanımlarını öğreneceğiz. Düzgün tanımlanmış tablolar birçok farklı etiketi içerdiği
BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ YARD. DOÇ. DR. MEHTAP YALÇINKAYA
BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ HTML DERS NOTLARI 5. DERS, YARD. DOÇ. DR. MEHTAP YALÇINKAYA 01.04.2011 RENK 16'lık sayı düzeninde d renk kodu girmek 16'lık sayı sisteminde de toplam 16
Çözüm Bilgisayar. Çözüm İntSite
Çözüm Bilgisayar Çözüm İntSite Çözüm İnternet Site Programı (intsite.exe) Firmamızca geliştirilen ve Çözüm HBYS programının ana modülü olan Hasta Takip modülünü kullanan tüm hastanelerin kullanabileceği
HTML. HTML tagleri bir çok farklı şekilde sınıflandırıalabilir. Bir sınıflandırma şu şekildedir:
HTML HTML nedir? Herşeyden önce bazen yanlış anlaşıldığı gibi HTML bir programlama dili değildir. HTML bir mark-up (~işaretleme) dilidir, yani tag denen özel işaretlerle bir yazının tümünü ya da sadece
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
BÖLÜM 5. HTML Biçimleme Belirteçleri
BÖLÜM 5 HTML Biçimleme Belirteçleri 12. Genel Bakış 12.1 Giriş Paragraflar, başlıklar, veya listeler için bir HTML belirtecini kullandığınızda, o belirteç sadece kullanıldığı alandaki yazıları belirlenen
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ı
TEMEL BİLGİSAYAR. Ders Notları. Yrd. Doç. Dr. Seyit Okan KARA
TEMEL BİLGİSAYAR Ders Notları Yrd. Doç. Dr. Seyit Okan KARA Pencerenin ortasında bulunan beyaz sayfa, slayt tasarımında kullanacağımız sayfamızdır. Sol panelde bu slayt sayfasının küçültülmüş halde bir
HTML - 8 Hypertext takıları iki ana değişik şekilde karşımıza çıkar: Anchors ve Images. Anchors, resim veya yazıya bir olay eklemek için kullanılır.
HTML Ders 5 HTML - 8 Hypertext takıları iki ana değişik şekilde karşımıza çıkar: Anchors ve Images. Anchors, resim veya yazıya bir olay eklemek için kullanılır. Kullanıcı ilgili resim veya yazı üzerine
Html temelleri. Ders 4
Html temelleri Ders 4 1 Giriş World Wide Web (Kısaca web) uygun protokoller kullanarak haberleşen yazılımların çalıştırıldığı internet üzerindeki sistemlerin bir koleksiyonudur. Çoğu sistem gününüzde en
Metin Tabanlı İçerik Oluşturma Araçları
Metin Tabanlı İçerik Oluşturma Araçları Microsoft Office Word Kelime işlemci, görsel nesnelerin veya çizimlerin resim ya da arka plan olarak kullanıldığı metinler oluşturabilen, harita ve tablo gibi şekiller
Site Temizlik Projesi Kodları. Site Tasarım Çalışması -3
Site Temizlik Projesi Kodları Site Temizlik Projesi -2 nin kodları aşağıdadır. (İlgili site sayfasını önceki yazılarda bulabilirsiniz.) [crayon-5cacfb4a355c5785238607/] İndir (DOCX, 15KB) Site Tasarım
WEB SİTESİ YÖNETİM PANELİ KULLANMA YÖNERGESİ
WEB SİTESİ YÖNETİM PANELİ KULLANMA YÖNERGESİ Web Sitesi Yönetim Paneli, Üniversitemiz web sitesinde, birimlerimize ait web sitelerindeki içerikler üzerinde ekleme, silme, değiştirme gibi güncelleme işlemlerini,
Ürün Ekleme Kitapçığı
Ürün Ekleme Kitapçığı İÇİNDEKİLER 1. ÜRÜN EKLEME 3 1.1.KULLANICI GİRİŞİ 3 2.Ürün Menüleri 5 2.1.Genel 5 2.2.Veri 5 2.3. Bağlantılar 8 2.4. Özellik 8 2.5. Seçenek 9 2.7. İndirim 10 2.8. Kampanya 11 2.9.
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
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
Yine benzer şekilde hücreler içine yazılan yazıların renklerini değiştirebiliriz. Bunun için tüm satırı veya sütunu yine fareyle seçmek durumundayız.
2. EKLE SEKMESĐ TABLO EKLEMEK: Sayfamıza tablo eklemek için, TABLO butonuna bastıktan sonra açılan pencereden kaç sütün ve kaç satırlık bir tablo oluşturacağımızı belirliyoruz. Fareyi sürüklemek, tablonun
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
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
WEB SİTESİ YÖNETİM PANELİ KULLANMA YÖNERGESİ
WEB SİTESİ YÖNETİM PANELİ KULLANMA YÖNERGESİ Web Sitesi Yönetim Paneli, Üniversitemiz web sitesinde, birimlerimize ait web sitelerindeki içerikler üzerinde ekleme, silme, değiştirme gibi güncelleme işlemlerini,
App İnventor-Pide Sipariş Uygulaması
EĞİTİMDE BİLGİSAYAR PROGRAMLAMA FİNAL SINAVI App İnventor-Pide Sipariş Uygulaması 1)Ekran Tasarımı, ekranda kullanılan elementler ve özellikleri Bütün işlemler tek bir ekrandan yapılmaktadır. Arka plan
Vsp Teknoloji Son sistem güvenlik duvarlarıyla korunmaktadır, Kullanıcı bilgilerini doğru girdiğinde giriş sayfasına bağlanacaktır.
Üye Girişi Vsp Teknoloji Son sistem güvenlik duvarlarıyla korunmaktadır, Kullanıcı bilgilerini doğru girdiğinde giriş sayfasına bağlanacaktır. Giriş Sayfası Sayfa ayarlarını buradan yapabilirsiniz. Anahtar
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
WEB TASARIM. CSS, IFRAME, TEMPLATE, SLICE, INCLUDE(php komutu) Tarık ÖZEL
WEB TASARIM CSS, IFRAME, TEMPLATE, SLICE, INCLUDE(php komutu) Tarık ÖZEL İçindekiler Konular Sayfa Slice 2 Iframe 12 CSS 16 Include (php komutu) 20 1 Slice Fireworks te yapacağımız sitenin boyutuna göre
BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 2
BTP 207 İNTERNET PROGRAMCILIĞI I Ders 2 HTML 2 Hyper Text Markup Language = Yüksek/İleri Metin İşaretleme Dili Web sayfaları oluşturmak için kullanılan içerik biçimlendirme dilidir. Yüksek/ileri metin
Örnek Ölçülü Site Kodları. Site Temizlik Projesi Kodları. İlk Hafta Sunumu ve Ön Test
Örnek Ölçülü Site Kodları [crayon-5c079862dff41089602577/] Site Temizlik Projesi Kodları Site Temizlik Projesi -2 nin kodları aşağıdadır. [crayon-5c079862e05c5626962251/] İndir (DOCX, 12KB) İlk Hafta Sunumu
2. Belgeye Metin Ekleme
METİN İŞLEMLERİ Flashta 2 çeşit metin vardır:1)tlf metni 2)Klasik metin 1)TLF Metni : CS5 ile başlayan metin türü. TLF metni FLA dosyanızın yayınlama ayarlarında ActionScript 3.0 ve Flash Player 10 veya
Metin İşlemleri, Semboller
Ankara Üniversitesi Nallıhan Meslek Yüksekokulu Metin İşlemleri, Semboller NBP108 - GRAFİK ANİMASYON il Öğr.Gör. Salih ERDURUCAN 1 / 13 3. METİN İŞLEMLERİ 3.1. Metin Aracı Animasyon yazılımı yazı yazmak
İçerik Yönetim Paneline Hoşgeldiniz. Bu bölümde sisteme içerik yükleyebilirsiniz. İçerikleri düzenleyebilirsiniz, silebilirsiniz.
İçerik Yönetim Paneline Hoşgeldiniz. Yönetim paneli aşağıdaki modüllerden oluşmaktadır. 1- İçerik Yönetimi 2- Bağlantı Yönetimi 3- Sayfa Yönetimi 4- Mail Bildirimleri 5- Kullanıcı Yönetimi 6- Müftü Bey
T.C. İçişleri Bakanlığı Bilgi İşlem Dairesi Başkanlığı. Evrak Logo Ekleme Kılavuzu. Kasım 2012
T.C. İçişleri Bakanlığı Bilgi İşlem Dairesi Başkanlığı Evrak Logo Ekleme Kılavuzu Kasım 2012 İçerik 1 Birim Logosu Kayıt İşlemleri... 3 1.1 Tek Logo Ekleme İşlemleri... 4 1.1.1 Logo Pozisyonu :... 5 1.1.2
HTML TABLO OLUŞTURMA HALİL İBRAHİM AKGÜN
HTML TABLO OLUŞTURMA HALİL İBRAHİM AKGÜN HTML Nedir? İşaretleme dili (HyperText Markup Language) Web sayfalarında gösterim işini sağlamak için kullanılan bir işaretleme dilidir. İşaretleme dili, metinlerin
MUĞLA SITKI KOÇMAN ÜNİVERSİTESİ MUWİS. Web İçerik Sistemi. Bilgi İşlem Daire Başkanlığı-WEB GRUBU
MUĞLA SITKI KOÇMAN ÜNİVERSİTESİ MUWİS Web İçerik Sistemi -WEB GRUBU 2013 B i l g i İ ş l e m D a i r e B a ş k a n l ı ğ ı MUĞLA SITKI KOÇMAN ÜNİVERSİTESİ BİLGİ İŞLEM DAİRE BAŞKANLIĞI BİRİM BÖLÜM DAİRE
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
OKUL HABER EKLEME MODÜLÜ TANITIM DOSYASI. Okul haberlerinizi ilçemiz web sitesinde yayınlayabilmek için aşağıdaki adımları uygulamanız gerekmektedir.
OKUL HABER EKLEME MODÜLÜ TANITIM DOSYASI Okul haberlerinizi ilçemiz web sitesinde yayınlayabilmek için aşağıdaki adımları uygulamanız gerekmektedir. http://maltepe.meb.gov.tr/mebpanel adresine giriniz.
Web Tasarımının Bugünü ve Geleceği
Efe ÇİFTCİ Çankaya Üniversitesi Bilgisayar Mühendisliği Bölümü Ocak 2011 www.efeciftci.com Dünya tarihinde yayınlanan ilk web sayfaları, olabildiğince basit tasarımlara sahipti ve ağırlıklı olarak metin
İNTERNET TABANLI PROGRAMLAMA- 5.ders
Html nedir? İNTERNET TABANLI PROGRAMLAMA- 5.ders Hareketli metin işleme dili basitce browser larda görebileceğimiz (internet exp.) internet dökümanları olusturmaya yarayan bir cesit dildir html ile oluşturduğumuz