HTML Ders Notlar. Bu temel kodlar gördükten sonra isterseniz bir HTML sayfasnn genel yapsna göz atalm. <title> </head></h1> <div style="margin-bottom: 10px; text-align: center;"> <script> var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; document.write('<sc'+'ript async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></sc'+'ript> \ <ins class="adsbygoogle" \ style="display:block" \ data-ad-client="ca-pub-8693394182295906" \ data-ad-slot="6282495077" \ data-ad-format="auto"></ins> \ <sc'+'ript> \ (adsbygoogle = window.adsbygoogle || []).push({}); \ </'+'scr'+'ipt>'); </script> </div> </div> <div class="col-md-9 col-sm-12"> <div class="row"> <!-- BEGIN LEFT SIDEBAR --> <div class="col-md-12 col-sm-12 blog-item"> <table style="table-layout: fixed;" width="100%"> <tr> <td style="width: 160px; vertical-align: top; padding-right: 20px; padding-top: 6px;" id="left_banner_td"> <div style="width: 160px; height: 600px;"> <script> if (width < 612) { document.getElementById('left_banner_td').style.display= "none"; } else { document.write('<scr'+'ipt async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></scri'+'pt>\ <ins class="adsbygoogle"\ style="display:inline-block;width:160px;height:600px"\ data-ad-client="ca-pub-8693394182295906"\ data-ad-slot="9235961479"></ins>\ <sc'+'ript>\ (adsbygoogle = window.adsbygoogle || []).push({});\ </'+'scr'+'ipt>'); } </script> </div> </td> <td style="padding-left: 10px;"> <div class="blog-item-img"> <iframe id="player_frame" k_dim="70" pages="11" frameborder="0" style="border-bottom: 2px solid #eee; border-top: 0px;" scrolling="no" src="/docview/20/1039760/" width="100%" height="700" allowfullscreen></iframe> </div> <div style="margin-bottom: 10px;text-align: center;"> <script> if (width >= 1580) { document.write('<sc'+'ript async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></sc'+'ript> \ <ins class="adsbygoogle" \ style="display:inline-block;width:970px;height:90px" \ data-ad-client="ca-pub-8693394182295906"\ data-ad-slot="3248303473"></ins>\ <scr'+'ipt>\ (adsbygoogle = window.adsbygoogle || []).push({});\ </'+'scr'+'ipt>') } if (width >= 1230 && width < 1579) { document.write('<sc'+'ript async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></sc'+'ript> \ <ins class="adsbygoogle" \ style="display:inline-block;width:728px;height:90px" \ data-ad-client="ca-pub-8693394182295906"\ data-ad-slot="1352767870"></ins>\ <scr'+'ipt>\ (adsbygoogle = window.adsbygoogle || []).push({});\ </'+'scr'+'ipt>') } if (width <= 1230) { document.write('<sc'+'ript async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></sc'+'ript> \ <ins class="adsbygoogle" \ style="display:inline-block;width:336px;height:280px" \ data-ad-client="ca-pub-8693394182295906" \ data-ad-slot="4725036678"></ins> \ <scr'+'ipt>\ (adsbygoogle = window.adsbygoogle || []).push({}); \ </'+'scr'+'ipt>') } </script> </div> </td> </tr> </table> </div> <div class="col-md-12 col-sm-12 col-xs-12 col-lg-12"> <div class="tabbable-custom"> <ul class="nav nav-tabs"> <li class="active"> <a href="#tab_1_1_1" data-toggle="tab"> <i class="fa fa-share-alt"></i> SHARE </a> </li> <li class=""> <a href="#tab_1_1_2" data-toggle="tab"> <i class="fa fa-code"></i> HTML </a> </li> <li> <a href="#download_tab_content" data-toggle="tab" id="download_tab"> <i class="fa fa-download"></i> DOWNLOAD </a> </li> </ul> <div class="tab-content"> <div class="tab-pane active" id="tab_1_1_1"> <p> <div class="addthis_toolbox addthis_default_style addthis_32x32_style"> <a class="addthis_button_facebook"></a> <a class="addthis_button_vk"></a> <a class="addthis_button_twitter"></a> <a class="addthis_button_amazon"></a> <a class="addthis_button_google_plusone_share"></a> <a class="addthis_button_linkedin"></a> <a class="addthis_button_pinterest_share"></a> <a class="addthis_button_tumblr"></a> <a class="addthis_button_myspace"></a> <a class="addthis_button_reddit"></a> <a class="addthis_button_wordpress"></a> <a class="addthis_button_blogger"></a> <a class="addthis_button_adifiny"></a> <a class="addthis_button_vk"></a> <a class="addthis_button_ziczac"></a> <a class="addthis_button_favorites"></a> <a class="addthis_button_gmail"></a> <a class="addthis_button_buzzzy"></a> <a class="addthis_button_technerd"></a> <a class="addthis_button_compact"></a><a class="addthis_counter addthis_bubble_style"></a> </div> </p> <p></p> </div> <div class="tab-pane" id="tab_1_1_2" style="padding-top: 20px; padding-bottom: 20px;"> <div id="size_slider" class="slider bg-blue ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" aria-disabled="false"> <a class="ui-slider-handle ui-state-default ui-corner-all bg-red" href="#" style="left: 32%;"></a> </div> <div class="row margin-top-10 margin-bottom-10" style="line-height: 27px; font-size: 20px; font-weight: 100;"> <div class="col-md-5 col-sm-12"> Ebat: <span class="slider-value" id="slider-vertical-amount"></span>px </div> <div class="col-md-5 col-sm-6" style="text-align: right; line-height: 27px; font-size: 20px; font-weight: 100;"> Şu sayfadan göstermeyi başlat: </div> <div class="col-md-2 col-sm-6"> <select class="form-control" id="embed_page_start"> </select> </div> </div> <p> <textarea id="embed_code" class="form-control" rows="3"></textarea> </p> </div> <div class="tab-pane" id="download_tab_content" style="min-height: 100px;"> <strong>Download "HTML Ders Notlar. Bu temel kodlar gördükten sonra isterseniz bir HTML sayfasnn genel yapsna göz atalm. <html> <head> <title> <title> </head>"</strong> <form action="/doc/get-download-link/" id="form_download"> <div id="download_loading" style="text-align: center; margin-bottom: 20px; margin-top: 20px;"><img src="/static/images/loading.gif" border="0" width="64" height="64"></div> <div class="note note-danger" id="download_error_message" style="display: none;"> <p> Hata: <span></span> </p> </div> <input type="hidden" name="doc_id" value="1039760"> <a id="download_link" download="HTML Ders Notlar. Bu temel kodlar gördükten sonra isterseniz bir HTML sayfasnn genel yapsna göz atalm. <html> <head> <title> <title> </head>.pdf" class="btn bg-purple-seance" href="#" target="_blank" style="margin-top: 10px; display: none;"> <i class="fa fa-download"></i> Download Document</a> </form> </div> <div style="margin-top: 10px; text-align: center;"> <script> if (width <= 611) { document.write('<sc'+'ript async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></sc'+'ript> \ <ins class="adsbygoogle" \ style="display:inline-block;width:320px;height:100px" \ data-ad-client="ca-pub-8693394182295906" \ data-ad-slot="8736433875"></ins> \ <scr'+'ipt>\ (adsbygoogle = window.adsbygoogle || []).push({}); \ </'+'scr'+'ipt>') } if (width > 611 && width < 1000) { document.write('<sc'+'ript async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></sc'+'ript> \ <ins class="adsbygoogle" \ style="display:inline-block;width:336px;height:280px" \ data-ad-client="ca-pub-8693394182295906" \ data-ad-slot="4725036678"></ins> \ <scr'+'ipt>\ (adsbygoogle = window.adsbygoogle || []).push({}); \ </'+'scr'+'ipt>') } if (width > 1001 ){ document.write('<sc'+'ript async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></sc'+'ript> \ <ins class="adsbygoogle" \ style="display:block;"\ data-ad-client="ca-pub-8693394182295906"\ data-ad-slot="8828201475"\ data-ad-format="auto"></ins>\ <scr'+'ipt>\ (adsbygoogle = window.adsbygoogle || []).push({});\ </'+'scr'+'ipt>') } </script> </div> </div> </div> </div> <div class="col-md-12 col-sm-12 col-xs-12 blog-item"> <ul class="blog-info"> <li><i class="fa fa-user"></i> <a href="/user/1380766/"> Ceren Pamuk</a></li> <li><i class="fa fa-calendar"></i> 1 yıl önce </li> <li><i class="fa fa-eye"></i> İzleme sayısı: <span id="views_count" doc_id="1039760"></span> </li> </ul> </div> <!-- <div class="col-md-12 col-sm-12 col-xs-12 blog-item">--> <!-- <h2>--> <!-- <i class="fa fa-comments-o"></i>--> <!-- --><!--</h2>--> <!-- <div class="comments" style="overflow: hidden;">--> <!-- <div class="fb-comments" data-href="--><!--" data-numposts="5" data-width="100%"></div>--> <!-- </div>--> <!-- </div>--> <div class="col-md-12 col-sm-12 col-sm-12 col-xs-12" id="transcript_block"> <h2 style="margin-top: 30px;"><i class="fa fa-file-text-o"></i>Transkript</h2> <div id="ban_200x200"> <script> if (width <= 611) { document.write('<sc'+'ript async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></sc'+'ript> \ <ins class="adsbygoogle" \ style="display:inline-block;width:125px;height:125px" \ data-ad-client="ca-pub-8693394182295906" \ data-ad-slot="9388908679"></ins> \ <scr'+'ipt>\ (adsbygoogle = window.adsbygoogle || []).push({}); \ </'+'scr'+'ipt>') } if (width > 612){ document.write('<sc'+'ript async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></sc'+'ript> \ <ins class="adsbygoogle" \ style="display:inline-block;width:200px;height:200px" \ data-ad-client="ca-pub-8693394182295906" \ data-ad-slot="8596833079"></ins> \ <scr'+'ipt>\ (adsbygoogle = window.adsbygoogle || []).push({}); \ </'+'scr'+'ipt>') } </script> </div> <p><span class="badge bg-blue-hoki">1</span> 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 göz atalm.html dilinde yazlm! kodlar servis sa#laycsnn sunucusuna(server) yüklersiniz (Upload). Bu sunucuda yaynlanan web sayfamz sitemize gelen ziyaretçilerin browserlar tarafndan kodlar yorumlanr ve böylece ziyaretçi bizim sayfamz görmü! olur. HTML diliyle baz i!lemleri yapabilece#imiz gibi bazlarn ise yapamayz.mesela metin biçimlendirme, liste, ba#lantlar, resim kullanma, tablolar, çerçeveler ve forumlar yapabilirken etkile!imli ve olaylara duyarl sayfalar, formlar i!leyip de#erlendiren sayfalar yapamayz. Bir web sayfas yapmak için tek gereken onu nasl tasarlayaca#mz bilmektir.e#er bu i!i kod kullanmadan yapacaksanz Frontpage, Dreamweaver vs programlar kullanabilirsiniz.ama ben bu i!i kodlarla yapaca#m diyorsanz size tek gereken herhangi bir metin editörü(metin editörü olarak Windows ta NOTEPAD i kullanbilirsiniz).7imdi gelelim temel kodlar tanmaya: <title> </title> Bu kod browsera HTML belgesinin ba!lad# ve biti#i yeri bildirir.bütün di#er kodlar bu iki kod arasna yazlr HTML belgesinin ilk bölümüdür.bu bölüme yazlanlar metin olarak ekranda gözükmez. Head bölümü içine yazlan Title kodu sayfann ba!l#nn yazld# bölümdür. HTML belgesinin bütün içeri#i bu kodlar arasna yazlr. Bu temel kodlar gördükten sonra isterseniz bir HTML sayfasnn genel yapsna göz atalm. <title> <title> Bu temel yapy kavradktan sonra basit bir sayfa yapabiliriz. <title>deneme Sayfas</title> Bu bir deneme sayfasdr Yukarda gördü#ünü kodlar metin editörüne yazp deneme.html adyla kaydedersek ve bu deneme.html dosyasn çal!trrsak ekrana a!a#daki gibi Bu bir deneme sayfasdr yazl bir sayfa gelecektir</p><p><span class="badge bg-blue-hoki">2</span> METN BÇMLENDRME ETKETLER: HTML sayfasnn temel unsurlarn ö#rendikten sonra,artk i!in inceliklerine inebiliriz.?lk olarak yazd#mz metinleri!ekillendirmeye bakalm.a!a#daki tabloda yer alan etiketleri bilmemiz bu konuda bize çok kolaylk sa#layacaktr. <h1> </h1> Balk <h2> </h2> <h3> </h3> <h4> </h4> <h5> </h5> <h6> </h6> <b> </b> <i> </i> <u> </u> <p> </p> <br> Balk Balk Balk Ba!lk Balk Yazlar koyu yapar Yazlarnz italik karakter yapar Yazlarnza alt çizgi koyar Paragraf etiketi yapar. Paragrafnzn altna ve üstüne bo!luk koyar. Satrba! yapar. 7imdi yukarda ö#rendiklerimizi bir örnek ile uygulayalm. <title>metin Biçimlendirme</title> HTML size metin biçimlendirme konusunda geni! olanaklar sa#lar.metinleri ister <h1>kocaman</h1> ister <h6>küçücük</h6> isterseniz <b>koyu</b>, <i>italik </i> veya <u>altyazl</u> yazabilirsiniz.yada satrba! yapabilir <br> veya <p> paragraf olu!turabilirsiniz </p> <\body> <\html> FONT TAGI: Metin biçimlendirmek için yukarda gördü#ümüz etiketler d!nda biraz sonra görece#imiz <font> </font> etiketi de kullanlr. Font etiketi sahip oldu#u parametreler sayesinde metinlerin renk,yaz tipi,boyut gibi özelliklerini de#i!tirmenize yardmc olur.?sterseniz bu etikette geçmeden önce renklerden ksaca bahsetmek yerinde olur. HTML de renkler hexdecimal formunda ifade edilir Bir renk 16'lk say düzeninde 6 rakamdan olu!ur ve Bu düzende 9'dan sonraki say1ar göstermek için 'A'dan 'F'ye kadar olan harfler kullanlr. Bununla birlikte HTML baz renklerin?ngilizce isimlerini anlar; a!a#daki örnekte bu renkleri görmektesiniz</p><p><span class="badge bg-blue-hoki">3</span> Green=Ye!il Black=Siyah Blue=Mavi Red=Krmz Yellow=Sar Orange=Turuncu Burada görülen renkler hexdecimal cinsinden de ifade edilebilir: Örne#in #FFFFFF beyaz,# siyah. Renkleri ksaca tandktan sonra artk asl konumuza geçebiliriz.html belgesinin body bölümüne yazd#mz metni <font></font> etiketleri arasna alarak bu metne etiketin a!a#da da listelenen parametreleri do#rultusunda baz özellikler kazandrabiliriz Color hexdecimal veya rengin?ngilizce ismi de#erini alr Face Yaz türünün ismi de#erini alr Size 1 ile 7 arasnda istenilen de#eri alr 7imdi bu parametreleri bir örnekte kullanalm: <title>font kullanm</title> Font etiketinin color parametresini kullanarak <font color="#ff0000">renkli</font> <font color="blue">yaz1lar</font> <font color="#00ff00">yazabilir</font>;<p> de#i!ik yaz karakterleri kullanabilirsiniz: <font face="verdana">mesela öyle!</font><p> Hatta yazlarnz <font size="+6"> büyütüp</font> <font size="-1"> Küçültebilirsiniz</font> A!a#daki ekran görüntüsünde de yukardaki örne#in nasl çal!t#n görebilirsiniz. ARKA PLAN ve BODY ETKET: Web sayfasnn içeri#e yaz yazmay ö#rendikten sonra isterseniz web sayfalarmzn arka planlarn renklendirmeye geçelim. HTML belgesinin ekranda görüntülenen bölümü olan body bölümünün ba!lad#n browser'a etiketiyle bildirdi#imizi biliyoruz. Bir etiketin herhangi bir parametresine atad#mz de#er, o etiketin olu!turdu#u alan içerisinde geçerlidir.yani gibi etiketinin parametrelerine verilen de#erler, bütün sayfa için geçerlidir.a!a#da bu parametreleri ve kullanl!larn görüyorsunuz. bgcolor Sayfanzn arka plannn rengini belirler Arka plana.gif,.jpg gibi HTML'in yorumlayabildi#i bir resim background dosyas koymanz sa#lar text Sayfanzdaki metinlerin rengini belirler <body bgcolor= blue > Sayfamzn arka plann mavi yapar. <body background= c:\belgelerim\resim.jpg > Sayfamzn arka planna resim.jpg isimli dosyann içeri#i ta!r. RESMLER ve IMG ETKET: Bir web sayfasnda do#ru ve yerinde kullanldklarnda sayfaya estetik açsndan çok!eyler katarlar. fakat büyük boyutlar nedeniyle yava! yüklenirler.bu da ziyaretçinin sklmasna,hatta sayfay terk etmesine neden olabilir.bu - 3 -</p><p><span class="badge bg-blue-hoki">4</span> nedenle, en azndan Internet ba#lantlar daha hzl oluncaya kadar, resimleri 'az ve öz' kullanmanz do#ru olacaktr.resimler <img> etiketi aracl#yla kullanlrlar.a!a#da bu etiketin parametrelerini görüyorsunuz. src Resmin bulundu#u dizini bu parametre ile bildiririz width Resmin geni!li#ini piksel cinsinden bildirir height Ayn!ekilde resmin yüksekli#ini bildirir border Resmin etrafndaki çizginin kalnl#n belirtir. align Yatay konum belirler;left,right,center de#erlerini alr. alt Mouse resmin üzerindeyken yazaca#nz meni gösterir <img src="deneme.gif" border="6" align="left alt= left > BA#LANTILAR: Web sayfalarmzn içeriksel ksmn bitirdi#imize göre!imdi web sayfalarnda en çok kullanlan unsurlardan biri ba#lantlara (Hyperlink)geçebiliriz.Ba#lantlar ziyaretçinin bir tklama ile, sitenizin içinde veya d!nda, belirledi#iniz herhangi bir adrese gitmesini sa#lar.ba#lantlar browser'a <a> etiketi ile bildirilir. href target Ba#lantnn adresi bu parametreyle bildirilir Sayfann açlaca# yeri belirler.target parametresi,açlacak sayfa yeni bir sayfa olarak açlacaksa'_blank',ayn pencere içinde açlacaksa '_self',ayn pencerere içerisinde üstten itibaren açlacaksa '_top' de#erini alr. <a href=http://www.sayfaadi.com target= blank > Sayfa Ad </a> Sayfamzda yukardaki sayfa görüntüsünde oldu#u gibi Sayfa Ad adnda Internet sitesine ba#l bir yaz yazar.bu ba#lantya tklad#mzda Sayfaadi.com sitesi yeni bir pencerede açlr. Ba#lantlar konusuna girmeden sayfamza nasl resim ekleyece#imizi görmü!tük.7imdi bu resimleri nasl bir ba#lant haline getirebiliriz bunu görelim.a!a#daki örne#i yazd#nzda, üzerine tklannca istedi#iniz bir adrese yeni pencere açan bir resim elde edersiniz. <a href=http://www.sayfaadi.com target="blank"> <img src="deneme.gif" ></a> TABLOLAR: Metinleri listelerin yansra tablolar yardmyla da düzenleyebiliriz. Sörf yaparken rastlad#nz sayfalar ço#unlukla iç içe geçmi! tablolardan olu!ur. Bu nedenle iyi bir sayfa tasarlamak için tablolara hakim olmak gereklidir. Tablolar <table>...</table> etiketleri arasna yazlr.<tr> etiketi bir yatay sra olu!turulur, bu yatay sra istenilen sayda <td> etiketiyle hücrelere bölünür.a!a#daki örne#e bakarak tablo mant#n anlayabilirsiniz < table> Hücre1 Hücre2 Hücre3 <table border="1"> <tr> <td >Hücre1</td> <td >Hücre2</td> - 4 -</p><p><span class="badge bg-blue-hoki">5</span> Hücre4 Hücre5 Hücre6 <TD< td> bgcolor background border bordercolor bordercolorlight bordercolordark align cellspacing cellpadding <td >Hücre3</td> </tr> <tr> <td>hücre4</td> <td>hücre5</td> <td>hücre6</td> </tr> </table> Hücrenin içinin rengini belirler. Hücre içine resim koyar. Hücre etrafna yerle!tirece#iniz çerçevenin kalnl#n belirler Çerçeve rengini belirler Çerçevenin sol ve üst kenarlarnn rengini belirler Çerçevenin sa# ve alt kenarlarnn rengini belirler. Hücrenin yatay konumu belirler Hücre etrafndaki çerçevenin kalnl#n belirler. Hücre içindeki elemanlarn (metin, resim, vs.) çerçeveden uzakl#n belirler. <title>bu bir table denemesidir</title> <table width= 250 height= 250 bgcolor= #ffffff border= 2 bordercolor= 5 bordercolrlight= aqua bordercolordark= blue align= left cellapacing= 2 cellpadding= 2 > <tr> <td align= center >hücre</td> </tr> </table> ÇERÇEVELER (FRAME): Çerçeve tekni#i, bir web sayfasn istenilen miktarda parçaya bölüp, bu sayfa üzerinde birkaç sayfa birden görüntülenmesine olanak verir. Bu tekni#in en çok kullanlan varyasyonu, sayfann sol veya üst ksmndan küçük bir alan bölmek (yani sayfay ikiye bölmek), bu küçük alana menü bilgilerini, di#er büyük alana ise sayfann asl içeri#ini yerle!tirmektir</p><p><span class="badge bg-blue-hoki">6</span> Fakat!unu da belirtmekte fayda var, birçok tasarmc estetik açsndan çerçevelere pek scak bakmaz; genelde üst üste tablolar kullanmay tercih eder. Yine de pek sk kullanlmayan bu tekni#i aklnzn bir yerinde tutun, belki faydal olabilir. Çerçeve tekni#inde, ilk önce parent(ana) frame denilen bir sayfa olu!turmak gerekir. <Frameset>... etiketlerinin parametreleri olan cols ve rows ifadeleri ile sayfay dikey ve yatay olarak ne oranda bölmek istedi#imizi browser'a bildiririz. Src parametresi ile ana çerçevenin bölümlerinde görüntülenecek sayfalarn adreslerini bildirdikten sonra, geriye biraz önce adreslerini bildirdi#imiz sayfalar uygun bir!ekilde hazrlamak kalr. 7imdi bu kar!k ifadeyi a!a#daki örnekle daha iyi anlayalm, sonra da <frameset> etiketini inceleyelim. <title>çerçeveörne#i</title> <frameset cols="150,*"> <frame name="menu" src="menu.html"> <frame name="esas" src="esas.html"> <noframes> <h1>browser'nzn sürümü sayfamz görüntülemeye uygun degil, lütfen daha yeni bir sürüm yükleyip tekrar deneyin!</h1> </noframes> Burada yapt#mz!ey ana sayfay soldan 150 piksel geni!li#inde bölüp iki sayfa elde etmekten ibaret. Ayrca browser'a soldan ilk bölüme (150 px olan bölüm) 'menu.html', ikinci bölüme ise 'esas.html' sayfalarn yerle!tirmesini bildirdik. Burada dikkat edilmesi gereken nokta <frameset> etiketinin ile etiketleri arasna yerle!tirilmesidir. <Noframes>...</noframes> etiketleri içinde yer alan bölüm ise çerçeveden anlamayan eski sürüm browser'lar içindir. 7imdi a!a#daki kodlardan ilkini 'menu.html', ikincisini ise 'esas.html' adyla ana pencereyi kaydetti#iniz dizine kaydedin. Menu.html <title>menu</title> <body bgcolor="teal"> Esas.html <title>esas</title> <body bgcolor="red"> Son olarak tekrar ana sayfay açt#nzda (ismi önemli de#il, yeter ki di#er iki sayfa ile ayn dizinde bulunsun!) sonuç a!a#daki gibi olacaktr: - 6 -</p><p><span class="badge bg-blue-hoki">7</span> A!a#da <frameset> etiketinin parametrelerini görüyorsunuz : Rows Cols Safay enine bölmenizi sa#lar Sayfay boyuna bölmenizi sa#lar <frameset rows="150,*"> <frame name="menu" src="menu.html"> <frame name="esas" src="esas.html"> <frameset cols="150,*"> <frame name="menu" src="menu.html"> <frame name="esas" src="esas.html"> cols ve rows parametreleri piksel de#eri alabilecekleri gibi '%' cinsinden de de#er alabilirler, örne#in: <frameset cols="%20,%80"> Daha önce kulland#mz '*' ifadesi ile bölünecek alann geni!li#ini browser'a brakabiliriz: <frameset cols="%20,*"> Son olarak sayfay üçe veya daha fazlaya da bö!ebiliriz: <frameset rows="150,200,100,*"> ifadesi ile ana pencereyi dörde böleriz. frameborder Border Ana sayfann bölümleri arasnda snr çizgisi olup olmamassn belirler.('yes', 'no'; veya '1', '0' de#erlerini alr) Çerçeveler arasndaki snrn kalnl#n piksel cinsinden belirler. <frameset cols="150,*" frameborder="1"> <frame name="menu" src="menu.html"> <frame name="esas" src="esas.html"> <frameset cols="150,*" border="10"> <frame name="menu" src="menu.html"> <frame name="esas" src="esas.html"> 7imdi de <frame>; etiketinin parametreleri: Src marginwidth marginheight Noresize Scrolling Bunu zaten biliyorsunuz, çerçeve içinde görüntülenecek sayfann yeri Sayfann solundaki kenar bo!lu#unu belirtir Sayfann üstündeki kenar bo!lu#unu belirtir '1' veya '0' de#erlerini alr, '1' verilirse pencere boyutlar sabitlenir. 'yes', 'no', 'auto' de#erlerini alr, kaydrma çubuklarnn durumunu belirler. Çerçevelerle çal!maya ba!lamadan önce bilmeniz gereken önemli bir nokta: Hatrlarsanz ba#lantlar konusunda <a> etiketinin target isimli bir parametresi oldu#undan ve bu parametrenin 'Çerçevead' de#erini alabilece#inden bahsetmi!tik. Bu parametre bize ba#lantnn belirtti#i adresdeki sayfann adn verdi#imiz çerçeve içinde açlmasn sa#lar.?sterseniz bunu bir örnekte görelim. Bu sayfay index.htm adyla kaydedin Bu sayfay menu.htm adyla kaydedin - 7 -</p><p><span class="badge bg-blue-hoki">8</span> <title>çerçeveörne#i</title> <frameset cols="150,*"> <frame name="menu" src="menu.htm"> <frame name="ana" src="esas.html"> <noframes> <h1>browser'nzn sürümü sayfamz görüntülemeye uygun degil, lütfen daha yeni bir sürüm yükleyip tekrar deneyin!</h1> </noframes> Bu sayfay esas.htm adyla kaydedin <title>ana</title> <body bgcolor="red"> <title>menu</title> <body bgcolor="teal"> Lütfen örne#i görmek istiyorsanz <a href= link.htm target= ana >tklayn</a> Bu sayfay da link.htm adyla kaydedin <title>menu</title> <body bgcolor="yellow"> <h1>bu sayfaya menu.htm sayfasndaki linke tklayarak krmz sayfamzn(ana çerçevesinde) yerine bu sayfa açlm!tr.</h1> Yukardaki örne#in ekran çkts a!a#daki gibi olacaktr. Ye!il Sayfadaki Linke Tklamadan Önce Ye!il Sayfadaki Linke Tkladktan Sonra FORMLAR: Formlar bize HTML kullanarak sayfanz ziyaret edenlerle temas kurmanz sa#larlar. Formlar yoluyla ziyaretçilerin herhangi bir konuda görü!lerini alabiliriz; veya hazrlayaca#mz bir formla ziyaretçilerden ki!isel bilgilerini isteyebiliriz. Formlar... etiketleri arasna yazlrlar. Bu etiketin parametrelerini ö#renmeden önce form türlerine bir göz atalm. FORM TÜRLER: - 8 -</p><p><span class="badge bg-blue-hoki">9</span> A!a#da form türlerini ve kullanl!larn görüyoruz.: maxlength: Yazlabilecek maksimum text uzunlu#u text value: varsaylan de#er size: Px cinsinden alann uzunlu#u <input type="text"> Ziyaretçinin ismi, telefonu gibi ksa bilgilerini almak için kullanlr. password Tüm parametrleri text ile ayndr. <input type="password"> 7ifre almak için kullanlr, yazlan karakterler ekranda '*'!eklinde görüntülenir textaraea rows : Alann karakter cinsinden yüksekli#i cols : Alann geni!li#i <input type="text" maxlength="10" size="12" value="?sminiz?" Lütfen!ifre girin:<br> <input type="password" maxlength="10" size="12"> <textarea cols="12" rows="4">buras bir textarea!</textarea> <textarea >...</textarea> Text kutusuna s#mayacak uzun bilgileri, mesela ziyaretçinin sayfa ile ilgili dü!üncelerini almak için kullanlr. <input type="checkbox" checked: sayfa açld#nda 'checked' checkbox checked>seçenek 1 ibaresi bulunan kutu i!aretli olur. <input type="checkbox">seçenek 2 <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çilmi! olur. <input type="radio"> Ziyaretçiye, verilen seçeneklerden sadece birini seçme imkan verir. size: Select etiketinin karakter cinsinden boyutu selected: Görevi checked ifadesinin select ayndr. multiple: Ziyaretçinin birden çok seçim yapmasna olanak verir <select><option>...<option>...</select> Ziyaretçiye seçeneklerden birini veya (multiple ifadesi ile) birkaçn seçme imkan verir. submit value: Butonun üzerine yazlacak metin buraya yazlr <input type="submit> Ziyaretçi doldurdu#u formu bu dü#meye basarak gönderir reset value: Butonun üzerindeki metin <input type="reset" > Ziyaretçinin doldurdu#u formda, ziyaretçinin yazd# her!eyi siler. button value: Butonun üzerindeki metin <input type="radio" name=sec">seçenek1<br> <input type="radio" name= "sec"checked>seçenek2<br> <input type="radio" name="sec">seçenek2 <select size= "1"> <option selected>seçenek1 <option>seçenek2 <option>seçenek3 </select> <input type="submit" value="gönder"> <input type="reset" value="sil"></p><p><span class="badge bg-blue-hoki">10</span> <input type="button> Dü#melere JavaScript ile baz i!levler kazandrlabilir. <input type="button" value="dü#me"> <FORM> ETKET:?!te etiketinin parametreleri ve bunlarn i!levleri: method <form method= "post> 'Get' veya 'post' de#erlerini alabilir. Method parametresinin de#eri formu gönderece#iniz CGI program açsndan önemlidir. E#er CGI kodlar yazmay bilmiyorsanz, birçok servis sa#layc size form'larnzn sonuçlarn 'inize gönderme imkan verir. E#er böyle bir hizmetten yararlanacaksanz 'post' metodunu seçmelisiniz. Formu gönderece#iniz CGI programnn adresini action parametresiyle bildirirsiniz. E#er action yukarda bahsedilen hizmetten yararlanmak istiyorsanz, servis sa#laycnzdan bu programn adresini ö#renmelisiniz. Örne#in bu adres 'freeservers' için '/cgi-bin/cgi ' 'dir. <form method="post" action= "/cgi-bin/cgi "> Yukardaki kodlar kullanarak bir örnek yapalm. <title>asd</title> <form method="post" action="aa.asp"> <h3>html dersini nasl buldunuz</h3> <br>adnz <input type="text" maxlength="12" size="12" value"=adnz"> <br>7ifre <input type="password" maxlength="6" size="6"> <br>cinsiyetiniz <input type="checkbox" checked>erkek <input type="checkbox">kadn <br>seçiminiz <br> <input type="radio" name="oy" checked>mükembel <br> <input type="radio" name="oy">?yi <br> <input type="radio" name="oy">fena De#il <br> <input type="radio" name="oy">berbat <br> <input type="radio" name="oy">fikrim Yok <br>görü!leriniz <br> <textarea rows="10" cols="30">lütfen fikrinizi girin</textarea> <br>lütfen bölümünüzü seçin <br> <select size="1"> <option selected>bilgisayar Müh <option>elektronik Müh <option>deri Müh <option>di#er </option></select> <br><input type="submit" value="kaydet"> <input type="reset" value="temizle"> Yukardaki örne#in ekran çkts a!a#daki gibi olur</p><p><span class="badge bg-blue-hoki">11</span> Evet arkada!lar HTML dersimizin tüm konular bu kadar. Bu derste ö#rendiklerinizle sizlerde kendinize istedi#iniz gibi bir web sayfas yapabilirsiniz.ama!unu unutmayn ki tek ba!na HTML sizi ancak pasif sayfalar yapabilirsiniz. Daha aktif daha olaylara duyarl sayfalar yapmak istiyorsanz di#er web tasarlama dillerinden en az bir tanesini daha ö#renmezin gerekecektir.bunlarn en ba!nda ise JavaScriptler gelmektedir. Günümüz Türkiye sine bakt#mz zaman birçok firma web tasarlamak konusunda sadece HTML bilgisine de#il ASP veya PHP bilgilerinin de olup olmad#na bakmaktadr. E#er bir web tasarmcs olmak istiyorsanz yukarda bahsedilen dillerden en az birini daha bilmeniz sizin aleyhinize olacaktr. Sizlere bu konuda ba!arlar dilerim</p> </div> </div> <!-- END LEFT SIDEBAR --> </div> <!-- BEGIN RIGHT SIDEBAR --> <div class="col-md-3 news-page col-sm-12 pull-right"> <div style="margin-top: 5px; margin-bottom: 10px;"> <script> document.write('<sc'+'ript async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></sc'+'ript> \ <ins class="adsbygoogle"\ style="display:block"\ data-ad-client="ca-pub-8693394182295906"\ data-ad-slot="2550299477"\ data-ad-format="auto"></ins>\ <scr'+'ipt>\ (adsbygoogle = window.adsbygoogle || []).push({});\ </'+'scr'+'ipt>'); </script> </div> <div class="top-news"> <a href="#" class="btn purple"> <span>Benzer belgeler</span> <i class="fa fa-puzzle-piece top-news-icon"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/17419004-Note-if-you-want-to-validate-a-page-containing-frames-be-sure-the-dtd-is-set-to-frameset-dtd-read-more-about-xhtml-validation.html">Note: If you want to validate a page containing frames, be sure the DTD is set to "Frameset DTD". Read more about XHTML Validation.</a> </h3> <p> <img alt="Note: If you want to validate a page containing frames, be sure the DTD is set to Frameset DTD. Read more about XHTML Validation." title="Note: If you want to validate a page containing frames, be sure the DTD is set to Frameset DTD. Read more about XHTML Validation." class="news-block-img pull-right" src="/thumbs/36/17419004.jpg"> 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ç </p> <a href="/17419004-Note-if-you-want-to-validate-a-page-containing-frames-be-sure-the-dtd-is-set-to-frameset-dtd-read-more-about-xhtml-validation.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9492501-Internet-programciligi-i.html">İNTERNET PROGRAMCILIĞI I</a> </h3> <p> <img alt="İNTERNET PROGRAMCILIĞI I" title="İNTERNET PROGRAMCILIĞI I" class="news-block-img pull-right" src="/thumbs/27/9492501.jpg"> 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, </p> <a href="/9492501-Internet-programciligi-i.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7358774-Internet-programciligi-i.html">İNTERNET PROGRAMCILIĞI I</a> </h3> <p> <img alt="İNTERNET PROGRAMCILIĞI I" title="İNTERNET PROGRAMCILIĞI I" class="news-block-img pull-right" src="/thumbs/26/7358774.jpg"> 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 </p> <a href="/7358774-Internet-programciligi-i.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5807284-Doc-dr-yasar-sari-web-tasarimi-ders-notlari-1.html">Doç.Dr. Yaşar SARI, Web Tasarımı Ders Notları 1</a> </h3> <p> <img alt="Doç.Dr. Yaşar SARI, Web Tasarımı Ders Notları 1" title="Doç.Dr. Yaşar SARI, Web Tasarımı Ders Notları 1" class="news-block-img pull-right" src="/thumbs/25/5807284.jpg"> 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 </p> <a href="/5807284-Doc-dr-yasar-sari-web-tasarimi-ders-notlari-1.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/13978718-Btp-207-internet-programciligi-i-ders-4.html">BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 4</a> </h3> <p> <img alt="BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 4" title="BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 4" class="news-block-img pull-right" src="/thumbs/30/13978718.jpg"> 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ı </p> <a href="/13978718-Btp-207-internet-programciligi-i-ders-4.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6864592-Web-formlar-ve-sayfalar-arasinda-bilgi-gonderme-batml-internet-programciligi-1.html">Web Formlar ve Sayfalar Arasında Bilgi Gönderme. BATML İnternet Programcılığı 1</a> </h3> <p> <img alt="Web Formlar ve Sayfalar Arasında Bilgi Gönderme. BATML İnternet Programcılığı 1" title="Web Formlar ve Sayfalar Arasında Bilgi Gönderme. BATML İnternet Programcılığı 1" class="news-block-img pull-right" src="/thumbs/25/6864592.jpg"> 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 </p> <a href="/6864592-Web-formlar-ve-sayfalar-arasinda-bilgi-gonderme-batml-internet-programciligi-1.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3077046-Internet-programciligi-i.html">İNTERNET PROGRAMCILIĞI I</a> </h3> <p> <img alt="İNTERNET PROGRAMCILIĞI I" title="İNTERNET PROGRAMCILIĞI I" class="news-block-img pull-right" src="/thumbs/24/3077046.jpg"> 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 </p> <a href="/3077046-Internet-programciligi-i.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="/697045-Web-programlama-kursu.html">Web Programlama Kursu</a> </h3> <p> <img alt="Web Programlama Kursu" title="Web Programlama Kursu" class="news-block-img pull-right" src="/thumbs/18/697045.jpg"> 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 </p> <a href="/697045-Web-programlama-kursu.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10943068-Web-tasarimi-c-ceviriciler-kullanicinin-degisik-bicimlerde-hazirladigi-belgeleri-html-bicimine-donusturmeye-saglayan-programlardir.html">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.</a> </h3> <p> <img alt="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." title="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." class="news-block-img pull-right" src="/thumbs/27/10943068.jpg"> 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 : </p> <a href="/10943068-Web-tasarimi-c-ceviriciler-kullanicinin-degisik-bicimlerde-hazirladigi-belgeleri-html-bicimine-donusturmeye-saglayan-programlardir.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/990563-H-a-k-a-n-b-a-b-a-c-n-e-t-html-web-tasarimi-ve-programlama.html">h a k a n b a b a c. n e t HTML Web Tasarımı ve Programlama</a> </h3> <p> <img alt="h a k a n b a b a c. n e t HTML Web Tasarımı ve Programlama" title="h a k a n b a b a c. n e t HTML Web Tasarımı ve Programlama" class="news-block-img pull-right" src="/thumbs/20/990563.jpg"> 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 </p> <a href="/990563-H-a-k-a-n-b-a-b-a-c-n-e-t-html-web-tasarimi-ve-programlama.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7710187-Frame-cerceveler-web-sayfasini-birden-fazla-html-sayfa-ile-olusturmaya-imkan-tanir-html-ornekler-ornek17-html-ornek17-html.html">Frame Çerçeveler Web sayfasını birden fazla html sayfa ile oluşturmaya imkan tanır. html örnekler\örnek17.html. örnek17.html</a> </h3> <p> <img alt="Frame Çerçeveler Web sayfasını birden fazla html sayfa ile oluşturmaya imkan tanır. html örnekler\örnek17.html. örnek17.html" title="Frame Çerçeveler Web sayfasını birden fazla html sayfa ile oluşturmaya imkan tanır. html örnekler\örnek17.html. örnek17.html" class="news-block-img pull-right" src="/thumbs/26/7710187.jpg"> 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 </p> <a href="/7710187-Frame-cerceveler-web-sayfasini-birden-fazla-html-sayfa-ile-olusturmaya-imkan-tanir-html-ornekler-ornek17-html-ornek17-html.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="/18950180-Karabuk-universitesi-muhendislik-fakultesi-www-ibrahimcayiroglu-com.html">Karabük Üniversitesi, Mühendislik Fakültesi...www.ibrahimcayiroglu.com</a> </h3> <p> <img alt="Karabük Üniversitesi, Mühendislik Fakültesi...www.ibrahimcayiroglu.com" title="Karabük Üniversitesi, Mühendislik Fakültesi...www.ibrahimcayiroglu.com" class="news-block-img pull-right" src="/thumbs/39/18950180.jpg"> 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 </p> <a href="/18950180-Karabuk-universitesi-muhendislik-fakultesi-www-ibrahimcayiroglu-com.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2218717-Internet-programciligi-2-14-hafta-php-ile-form-islemleri-hazirlayan-fatih-balaman-icindekiler-hedefler-form-elemanlari-kullanimi.html">İNTERNET PROGRAMCILIĞI 2 14. HAFTA. PHP ile FORM İŞLEMLERİ. Hazırlayan Fatih BALAMAN. İçindekiler. Hedefler. Form Elemanları Kullanımı</a> </h3> <p> <img alt="İNTERNET PROGRAMCILIĞI 2 14. HAFTA. PHP ile FORM İŞLEMLERİ. Hazırlayan Fatih BALAMAN. İçindekiler. Hedefler. Form Elemanları Kullanımı" title="İNTERNET PROGRAMCILIĞI 2 14. HAFTA. PHP ile FORM İŞLEMLERİ. Hazırlayan Fatih BALAMAN. İçindekiler. Hedefler. Form Elemanları Kullanımı" class="news-block-img pull-right" src="/thumbs/24/2218717.jpg"> İ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 </p> <a href="/2218717-Internet-programciligi-2-14-hafta-php-ile-form-islemleri-hazirlayan-fatih-balaman-icindekiler-hedefler-form-elemanlari-kullanimi.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5098723-O-renme-faal-yet-1-1-dosyalama-lemler-amac-ara-tirma-1-1-genel-bilgiler.html">Ö RENME FAAL YET -1 1. DOSYALAMA LEMLER AMAÇ ARA TIRMA. 1.1. Genel Bilgiler</a> </h3> <p> <img alt="Ö RENME FAAL YET -1 1. DOSYALAMA LEMLER AMAÇ ARA TIRMA. 1.1. Genel Bilgiler" title="Ö RENME FAAL YET -1 1. DOSYALAMA LEMLER AMAÇ ARA TIRMA. 1.1. Genel Bilgiler" class="news-block-img pull-right" src="/thumbs/25/5098723.jpg"> ÖRENME FAALYET-1 AMAÇ ÖRENME FAALYET-1 Bu faaliyette verilen bilgiler dorultusunda, sunu hazrlama programlarnda kullanlan temel dosya ilemlerini (sunu açma-kapatma-kaydetme-düzenleme) yapabileceksiniz. </p> <a href="/5098723-O-renme-faal-yet-1-1-dosyalama-lemler-amac-ara-tirma-1-1-genel-bilgiler.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5353057-Upgrading-internet-technology-skills-of-information-and-communication-technologies-ict-professionals.html">Upgrading Internet Technology skills of Information and Communication Technologies (ICT) Professionals</a> </h3> <p> <img alt="Upgrading Internet Technology skills of Information and Communication Technologies (ICT) Professionals" title="Upgrading Internet Technology skills of Information and Communication Technologies (ICT) Professionals" class="news-block-img pull-right" src="/thumbs/25/5353057.jpg"> 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 </p> <a href="/5353057-Upgrading-internet-technology-skills-of-information-and-communication-technologies-ict-professionals.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2785992-2-head-head-sayfa-baslik-bolumudur-javascript-vs-burda-tanimlanir.html">2) <head></head> Sayfa başlık bölümüdür. Javascript vs. burda tanımlanır.</a> </h3> <p> <img alt="2) <head></head> Sayfa başlık bölümüdür. Javascript vs. burda tanımlanır." title="2) <head></head> Sayfa başlık bölümüdür. Javascript vs. burda tanımlanır." class="news-block-img pull-right" src="/thumbs/24/2785992.jpg"> > 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 </p> <a href="/2785992-2-head-head-sayfa-baslik-bolumudur-javascript-vs-burda-tanimlanir.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3157068-Internet-programming-ii-elbistan-meslek-yuksek-okulu-2014-2015-bahar-yariyili.html">Internet Programming II. Elbistan Meslek Yüksek Okulu 2014 2015 Bahar Yarıyılı</a> </h3> <p> <img alt="Internet Programming II. Elbistan Meslek Yüksek Okulu 2014 2015 Bahar Yarıyılı" title="Internet Programming II. Elbistan Meslek Yüksek Okulu 2014 2015 Bahar Yarıyılı" class="news-block-img pull-right" src="/thumbs/24/3157068.jpg"> 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ı </p> <a href="/3157068-Internet-programming-ii-elbistan-meslek-yuksek-okulu-2014-2015-bahar-yariyili.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/17419019-Temel-bilgisayar-terimleri-yrd-doc-dr-devkan-kaleci.html">Temel Bilgisayar Terimleri Yrd. Doç. Dr. Devkan Kaleci</a> </h3> <p> <img alt="Temel Bilgisayar Terimleri Yrd. Doç. Dr. Devkan Kaleci" title="Temel Bilgisayar Terimleri Yrd. Doç. Dr. Devkan Kaleci" class="news-block-img pull-right" src="/thumbs/36/17419019.jpg"> 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 </p> <a href="/17419019-Temel-bilgisayar-terimleri-yrd-doc-dr-devkan-kaleci.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/16644731-.html"></a> </h3> <p> <img alt="" title="" class="news-block-img pull-right" src="/thumbs/33/16644731.jpg"> Bölüm 4 Button 4.1 Button Nedir? Button (dü me), tkinter içinde bir snftr; ba³ka bir deyi³le bir widget'tir. Üstelik, Button, öteki GUI araç çantalarnn hemen hepsinde ayn ad ile var olan standart bir widget'tir. </p> <a href="/16644731-.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/567804-Bilisim-teknolojileri.html">BİLİŞİM TEKNOLOJİLERİ</a> </h3> <p> <img alt="BİLİŞİM TEKNOLOJİLERİ" title="BİLİŞİM TEKNOLOJİLERİ" class="news-block-img pull-right" src="/thumbs/20/567804.jpg"> 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 </p> <a href="/567804-Bilisim-teknolojileri.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1040204-Www-elektrikogretmenleri-com.html">www.elektrikogretmenleri.com</a> </h3> <p> <img alt="www.elektrikogretmenleri.com" title="www.elektrikogretmenleri.com" class="news-block-img pull-right" src="/thumbs/20/1040204.jpg"> 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 </p> <a href="/1040204-Www-elektrikogretmenleri-com.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/11112830-Html-hyper-text-markum-language.html">HTML (Hyper Text Markum Language)</a> </h3> <p> <img alt="HTML (Hyper Text Markum Language)" title="HTML (Hyper Text Markum Language)" class="news-block-img pull-right" src="/thumbs/27/11112830.jpg"> 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 </p> <a href="/11112830-Html-hyper-text-markum-language.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2785490-Modul-2-html-ile-gelismis-ozellikler.html">MODÜL 2 HTML İLE GELİŞMİŞ ÖZELLİKLER</a> </h3> <p> <img alt="MODÜL 2 HTML İLE GELİŞMİŞ ÖZELLİKLER" title="MODÜL 2 HTML İLE GELİŞMİŞ ÖZELLİKLER" class="news-block-img pull-right" src="/thumbs/24/2785490.jpg"> 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 </p> <a href="/2785490-Modul-2-html-ile-gelismis-ozellikler.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5807120-C-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.html">Ç 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?</a> </h3> <p> <img alt="Ç 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?" title="Ç 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?" class="news-block-img pull-right" src="/thumbs/25/5807120.jpg"> ++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) </p> <a href="/5807120-C-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.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9327277-Bilgisayar-4-molekuler-biyoloji-ve-genetik-bolumu-yard-doc-dr-mehtap-yalcinkaya-08-04-2011.html">BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ YARD. DOÇ. DR. MEHTAP YALÇINKAYA 08.04.2011</a> </h3> <p> <img alt="BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ YARD. DOÇ. DR. MEHTAP YALÇINKAYA 08.04.2011" title="BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ YARD. DOÇ. DR. MEHTAP YALÇINKAYA 08.04.2011" class="news-block-img pull-right" src="/thumbs/26/9327277.jpg"> 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. </p> <a href="/9327277-Bilgisayar-4-molekuler-biyoloji-ve-genetik-bolumu-yard-doc-dr-mehtap-yalcinkaya-08-04-2011.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4666933-Temel-html-egitimi-erman-yukselturk.html">Temel HTML Eğitimi. Erman Yükseltürk</a> </h3> <p> <img alt="Temel HTML Eğitimi. Erman Yükseltürk" title="Temel HTML Eğitimi. Erman Yükseltürk" class="news-block-img pull-right" src="/thumbs/25/4666933.jpg"> 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ı </p> <a href="/4666933-Temel-html-egitimi-erman-yukselturk.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5547609-Internet-programciligi.html">İnternet Programcılığı</a> </h3> <p> <img alt="İnternet Programcılığı" title="İnternet Programcılığı" class="news-block-img pull-right" src="/thumbs/25/5547609.jpg"> İ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 </p> <a href="/5547609-Internet-programciligi.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/11513337-Btp-207-internet-programciligi-i-ders-2.html">BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 2</a> </h3> <p> <img alt="BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 2" title="BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 2" class="news-block-img pull-right" src="/thumbs/27/11513337.jpg"> 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 </p> <a href="/11513337-Btp-207-internet-programciligi-i-ders-2.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3557760-Kayan-cerceveler-web-sayfasi-icerisine-kaydirilabilir-cerceveler-yerlestirmek-icin.html">Kayan Çerçeveler. Web sayfası içerisine kaydırılabilir çerçeveler yerleştirmek için</a> </h3> <p> <img alt="Kayan Çerçeveler. Web sayfası içerisine kaydırılabilir çerçeveler yerleştirmek için" title="Kayan Çerçeveler. Web sayfası içerisine kaydırılabilir çerçeveler yerleştirmek için" class="news-block-img pull-right" src="/thumbs/24/3557760.jpg"> 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 </p> <a href="/3557760-Kayan-cerceveler-web-sayfasi-icerisine-kaydirilabilir-cerceveler-yerlestirmek-icin.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/13214874-Metin-text-kutulari-metin-kutusu-olusturmak-icin-input-tagi-kullanilir.html">Metin Text Kutuları. Metin kutusu oluşturmak için <input> tagı kullanılır.</a> </h3> <p> <img alt="Metin Text Kutuları. Metin kutusu oluşturmak için <input> tagı kullanılır." title="Metin Text Kutuları. Metin kutusu oluşturmak için <input> tagı kullanılır." class="news-block-img pull-right" src="/thumbs/29/13214874.jpg"> 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ı </p> <a href="/13214874-Metin-text-kutulari-metin-kutusu-olusturmak-icin-input-tagi-kullanilir.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ı

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ı

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ı

21 BÖLÜMDE WEB SĐTE YAPIN!

21 BÖLÜMDE WEB SĐTE YAPIN! 21 BÖLÜMDE WEB SĐTE YAPIN! Yazan: Emin Yılmaz Üçer Önsöz Zor ve zahmetli bir iş olarak görünen web site yapımını sizler için en kolay şekliyle anlatmaya çalıştım. Örneklerimi resimlendirerek sıkıcı sayfa

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ı

Temel Kavramlar Açklamak. Bir HTML Belgesinin Mantksal ve Fiziksel Yapsn Açklamak. Web Tasarm ve Web Yayncl!"lemlerini Açklamak.

Temel Kavramlar Açklamak. Bir HTML Belgesinin Mantksal ve Fiziksel Yapsn Açklamak. Web Tasarm ve Web Yayncl!lemlerini Açklamak. Hafta 1: Temel Bilgiler Amaçlar: Temel Kavramlar Açklamak. Bir HTML Belgesinin Mantksal ve Fiziksel Yapsn Açklamak. Web Tasarm ve Web Yayncl!"lemlerini Açklamak. I. HTML Nedir? Her gün belki birkaç belki

Detaylı

HTML' e Giriş. Windows kullanıyorsanız Notepad'i, Macintosh kullanıyorsanız SimpleText'i çalıştırın.

HTML' e Giriş. Windows kullanıyorsanız Notepad'i, Macintosh kullanıyorsanız SimpleText'i çalıştırın. HTML Dersleri HTML' e Giriş Html Nedir? HTML (Hyper Text Markup Language) internet üzerinde web sayfası oluşturmak için kullanılan bir dilidir. HTML dosyalarının aktarımı için HTTP (Hyper Text Transfer

Detaylı

Arayüz Geliştirme Dokümantasyonu

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

Detaylı

WEB TASARIMI VE PROGRAMLAMA

WEB TASARIMI VE PROGRAMLAMA WEB TASARIMI VE PROGRAMLAMA MODÜL ADI SÜRESİ TASARIMIN TEMEL İLKELERİ 40/8 HTML İLE BASİT WEB İŞLEMLERİ 40/32 HTML İLE GELİŞMİŞ WEB İŞLEMLERİ 40/32 STİL ŞABLONU (CSS) 40/32 WEB TASARIM EDİTÖRÜNE GİRİŞ

Detaylı

TEMEL HTML DERS NOTLARI - Table-Form

TEMEL HTML DERS NOTLARI - Table-Form Tablolar ... Tablolar, sayfalari satirlara/sütunlara bölmek ya da metin veya grafiklerin sayfada istedigimiz yerde durmasini saglamak amaçlariyla kullanabilecegimiz HTML'nin en önemli yapitaslarindandir.

Detaylı

İNTERNET PROGRAMCILIĞI

İ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.

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ı

ÇALIŞMA SORULARI. 15. Linkin tıklanması durumunda sayfanın yeni pencerede açılmasını sağlayan HTML parametresi aşağıdakilerden hangisidir?

ÇALIŞMA SORULARI. 15. Linkin tıklanması durumunda sayfanın yeni pencerede açılmasını sağlayan HTML parametresi aşağıdakilerden hangisidir? ÇALIŞMA SORULARI 1. HTML nedir? a) Sayfa içindeki metinlerin tarayıcıda nasıl görüneceğini ve işlevsel olacağını düzenleyen işaret dilidir. b) Diğer sayfaları bağlayan linkler c) Nesneyi bağlayan linkler

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ı

WEB TASARIMI VE PROGRAMLAMA DERSİ

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ı

Detaylı

Matematiksel denklemlerin çözüm yöntemlerini ara t r n z. 9. FORMÜLLER

Matematiksel denklemlerin çözüm yöntemlerini ara t r n z. 9. FORMÜLLER ÖRENME FAALYET-9 AMAÇ ÖRENME FAALYET-9 Gerekli atölye ortam ve materyaller salandnda formülleri kullanarak sayfada düzenlemeler yapabileceksiniz. ARATIRMA Matematiksel denklemlerin çözüm yöntemlerini aratrnz.

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ı

Excel Sorular? 1. Excel Sorular? 1. A Grubu

Excel Sorular? 1. Excel Sorular? 1. A Grubu Excel Sorular? 1. A Grubu 1. A?a??dakilerden hangisi hücreye girilen yaz?n?n içeri?ini biçimlendirmek için kullan?lamaz? a. Biçim-Yaz? tipi b. Biçim-Hücreler-Yaz? tipi c. Sa? tu?-hücreleri biçimlendir

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ı

Internet Programcılığı-I Ders Notları HTML. Kaynak

Internet Programcılığı-I Ders Notları HTML. Kaynak Internet Programcılığı-I Ders Notları HTML Kaynak Active Server Page (ASP) Professional Skills Devlopment AppDev (Application Development: http://www.appdev.com) 2 Bazı Internet Terimleri Internet: TCP/IP

Detaylı

Giriş. Html temelleri. Giriş -devam. URL nedir? Ders 2

Giriş. Html temelleri. Giriş -devam. URL nedir? 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

Detaylı

INTERNET. Fırat Üniversitesi Enformatik Bölümü

INTERNET. Fırat Üniversitesi Enformatik Bölümü INTERNET 3 INTERNET Internet, Uluslararası arası ağ (International Network) demektir. Web, Internet'e bağlanan tüm bilgisayarların oluşturduğu bir ağ sistemidir. Internet, binlerce omurgalar arası bağ,

Detaylı

Uluslararası arası ağ (International Network) bağlanan tüm bilgisayarların ortak bir dil konuşur ortak iletişim diline TCP/IP

Uluslararası arası ağ (International Network) bağlanan tüm bilgisayarların ortak bir dil konuşur ortak iletişim diline TCP/IP INTERNET 3 INTERNET Internet, Uluslararası arası ağ (International Network) demektir. Web, Internet'e bağlanan tüm bilgisayarların oluşturduğu bir ağ sistemidir. Internet, binlerce omurgalar arası bağ,

Detaylı

Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com. Hazırlayan: İdris Kahraman

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

Detaylı

4. Bağlantı (Köprü) Oluşturma

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

Detaylı

İNTERNET TABANLI PROGRAMLAMA- 5.ders

İ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

Detaylı

Giriş. Html temelleri. Giriş -devam. URL nedir? www protokolleri. Hypertext nedir? 19.02.2013. Ders 2

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

Detaylı

ÖNCE BEN OKU WorkCentre 7300 Serisi Fiery Yüklemesi

ÖNCE BEN OKU WorkCentre 7300 Serisi Fiery Yüklemesi ÖNCE BEN OKU WorkCentre 7300 Serisi Fiery Yüklemesi Bu belgede WorkCentre 7300 Serisi için Fiery A Denetleyicisi nin nasl yüklenecei ve kurulaca açklanmaktadr. A ortamnz ve çalma eklinize uygun admlar

Detaylı

12. Tanımlama Listeleri
,
,

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ı

Detaylı

Zengin Metin İşaretleme Dili (HTML) BIM206 Web Programlama

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

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ı

Hazırlayan Mustafa ULAŞ mulas@firat.edu.tr

Hazırlayan Mustafa ULAŞ mulas@firat.edu.tr HTML ve Uzaktan Eğitim Materyali Hazırlama Teknikleri Hazırlayan mulas@firat.edu.tr INTERNET 3 INTERNET Internet ağlar arası ağ demektir. Web, Internet'e bağlanan tüm bilgisayarların oluşturduğu bir ağdır.

Detaylı

T.C. MİLLİ EĞİTİM BAKANLIĞI

T.C. MİLLİ EĞİTİM BAKANLIĞI 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İ HTML 2 ANKARA-2007 Milli Eğitim Bakanlığı tarafından geliştirilen modüller; Talim

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ı

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İ HTML 2

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İ HTML 2 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İ HTML 2 ANKARA-2007 Milli Eğitim Bakanlığı tarafından geliştirilen modüller; Talim

Detaylı

WEB TASARIM. CSS, IFRAME, TEMPLATE, SLICE, INCLUDE(php komutu) Tarık ÖZEL

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

Detaylı

İsmet Aktar And. Tek. Lisesi Bilişim Teknolojileri Alanı

İsmet Aktar And. Tek. Lisesi Bilişim Teknolojileri Alanı İsmet Aktar And. Tek. Lisesi Bilişim Teknolojileri Alanı Web Programcılığı Dalı HTML, XHTML, CSS 2011 1 HTML HTML Nedir? HTML Web sayfalarının kullandığı dildir. HTML bir programlama dili değildir. HTML

Detaylı

Web Tasarımının Bugünü ve Geleceği

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

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ı

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ı

İnternet,artık hayatımızın önemli bir parçası. Her gün interneti programlar aracılığı ile ya da internet siteleri aracılığı ile kullanıyoruz.

İnternet,artık hayatımızın önemli bir parçası. Her gün interneti programlar aracılığı ile ya da internet siteleri aracılığı ile kullanıyoruz. Mahmut BORA KARAKUŞ İnternet,artık hayatımızın önemli bir parçası. Her gün interneti programlar aracılığı ile ya da internet siteleri aracılığı ile kullanıyoruz. Peki internet nasıl çalışıyor ve internet

Detaylı

1 BOOTSTRAP NEDİR? 1 Bootstrap Nedir? 1 Bootstrap Dosyalarının Siteye Dahil Edilmesi 2 Bootstrap ın Sağladığı Kolaylıklar 3

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

Detaylı

HTML KODLARI İLE WEB TASARIMI

HTML KODLARI İLE WEB TASARIMI HTML KODLARI İLE WEB TASARIMI EĞİTMEN AD SOYAD : TECRÜBE : OKUL : LÜTFEN DİKKAT! SINIFTAKİ BAŞARIMIZIN MAKSİMUM DÜZEYDE OLMASI İÇİN: DEVAMSIZLIK YAPMAYINIZ; KAÇIRDIĞINIZ DERSLER SONRAKİ KONULARA TEMEL

Detaylı

Aşağıdaki örnekte, aynı düzen tablosu ve hücreleri içerikle birlikte gösterilmektedir.

Aşağıdaki örnekte, aynı düzen tablosu ve hücreleri içerikle birlikte gösterilmektedir. 12 DÜZEN TABLOLARI Microsoft Office FrontPage 2003 programında düzen tabloları ve hücrelerini kullanarak, profesyonel görünümlü Web sayfası düzenleri oluşturabilirsiniz. Düzen tablosu, sayfa düzeni için

Detaylı

H20 PANEL S STEM Her tür projeye uygun, güvenilir, sa lam ekonomik kolon ve perde kal b

H20 PANEL S STEM Her tür projeye uygun, güvenilir, sa lam ekonomik kolon ve perde kal b H20 PANEL SSTEM Her tür projeye uygun, güvenilir, salam ekonomik kolon ve perde kalb 1 2 çindekiler H20 Panel Sistem 4 Kalp sistemleri içinde H20 Panel 6 Tamamlanm örnek projeler 8 Sistem Elemanlar 3 H20

Detaylı

HTTP & HTML BİRİNCİ BÖLÜM. HTTP Nedir? HTTP Safhaları Nelerdir? Protokol ve Eklentiler. HTTP Servisleri. HTTP Nedir? HTML Nedir?

HTTP & HTML BİRİNCİ BÖLÜM. HTTP Nedir? HTTP Safhaları Nelerdir? Protokol ve Eklentiler. HTTP Servisleri. HTTP Nedir? HTML Nedir? HTTP & HTML Seval ÖZBALCI Bilgisayar Programcılığı Bölümü Ders 3 HTTP ve HTML Kullanarak İlk Web Sayfasının Oluşturulması BİRİNCİ BÖLÜM HTTP Nedir? HTML Nedir? Temel Unsurlar Editör Türleri İlk Sayfanın

Detaylı

İNTERNET PROGRAMCILIĞI-I

İNTERNET PROGRAMCILIĞI-I SDÜ ULUBORLU SELAHATTİN KARASOY MYO İNTERNET PROGRAMCILIĞI-I 2007-2012 2 İÇİNDEKİLER Sayfa 1. HTML DİLİ 3 1.1. Html Nedir?...3 1.2. Bir Html (Web) Sayfasının Bölümleri.3 1.2.1. Arasında

Detaylı

Online Bilimsel Program Yönetici K lavuzu

Online Bilimsel Program Yönetici K lavuzu Online Bilimsel Program Yönetici Klavuzu Bu belgedeki bilgiler, ekiller ve program ilevi önceden haber verilmeksizin deitirilebilir. Tersi belirtilmedikçe, burada örnek olarak ad geçen kiiler, adresler,

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ı

BIM 337 - CENG 307 BİRİNCİ DÖNEM 2010-11

BIM 337 - CENG 307 BİRİNCİ DÖNEM 2010-11 BIM 337 - CENG 307 BİRİNCİ DÖNEM 2010-11 Web Tabanlı Teknolojiler ve Uygulamaları (3,0) 3 Temel kavramlar. İnternet. İstemci/sunucu teknolojisi. Internet içerik sunucuları. HTML, Perl, CGI, JavaScript,

Detaylı

WEB TASARIMI. Đnternet Nedir?

WEB TASARIMI. Đnternet Nedir? ĐÇĐNDEKĐLER İÇİNDEKİLER... 1 WEB TASARIMI... 2 İnternet Nedir?... 2 HTML (Hypertext Markup Language)... 4 (Hareketli Metin İşaretleme Dili)... 4 KLASÖR VE DOSYA İSİMLERİNDE... 5 STANDART TAKILAR... 5

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ı

Çözüm Bilgisayar. Çözüm İntSite

Çö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

Detaylı

WEB SİTESİ YÖNETİM PANELİ KULLANMA YÖNERGESİ

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,

Detaylı

KONULAR VE UYGULAMA LİSTESİ

KONULAR VE UYGULAMA LİSTESİ KARAELBİSTAN TEKNİK VE ENDÜSTRİ MESLEK LİSESİ 2013 2014 ÖĞRETİM YILI BİLİŞİM TEKNOLOJİLERİ ALANI WEB PROGRAMCILIĞI DALI İŞLETMELERDE BEÇERİ EĞİTİMİ DERSİ STAJ DOSYASINDA BULUNMASI GEREKEN KONULAR VE UYGULAMALAR

Detaylı

Fotoğraf makinesi alma kılavuzu

Fotoğraf makinesi alma kılavuzu On5yirmi5.com Fotoğraf makinesi alma kılavuzu Fotoğrafa merak saldınız ve siz de bir fotoğraf makinesi almak istiyorsunuz. İşte size yardımcı olacak birkaç öneri... Yayın Tarihi : 3 Eylül 2012 Pazartesi

Detaylı

9. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II. Öğr.Gör. Hakan YILMAZ. hakanyilmaz@karabuk.edu.tr

9. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II. Öğr.Gör. Hakan YILMAZ. hakanyilmaz@karabuk.edu.tr 9. 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 Request Nesnesinin Özellikleri

Detaylı

1.1 Web Kavramlar. 1.1.1.3 URL terimini tanımlayınız ve anlayınız.

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

Detaylı

T.C. BĐLECĐK ÜNĐVERSĐTESĐ. web.ttnet.net.tr/users/telser1/bu/ WEB SAYFALARININ FRONTPAGE 2003 YARDIMIYLA HAZIRLANMASI 2008-BĐLECĐK

T.C. BĐLECĐK ÜNĐVERSĐTESĐ. web.ttnet.net.tr/users/telser1/bu/ WEB SAYFALARININ FRONTPAGE 2003 YARDIMIYLA HAZIRLANMASI 2008-BĐLECĐK T.C. BĐLECĐK ÜNĐVERSĐTESĐ web.ttnet.net.tr/users/telser1/bu/ (Doküman bu adresten.pdf formatında alınabilir) WEB SAYFALARININ FRONTPAGE 2003 YARDIMIYLA HAZIRLANMASI 2008-BĐLECĐK 1 ĐÇĐNDEKĐLER 1. Web Nedir?...3

Detaylı

HTML. HTML tagleri bir çok farklı şekilde sınıflandırıalabilir. Bir sınıflandırma şu şekildedir:

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

Detaylı

Microsoft FrontPage 2003. Web Sitesi Hazırlama. Ögr.Gör.N.Nilgün Çokça

Microsoft FrontPage 2003. Web Sitesi Hazırlama. Ögr.Gör.N.Nilgün Çokça Microsoft FrontPage 2003 Web Sitesi Hazırlama Ögr.Gör.N.Nilgün Çokça Microsoft FrontPage 2003 Web Sitesi Hazırlama Birinci Bölüm Microsoft FrontPage 2003 i Yeni Web Sitesi Oluşturmak 2 Dosyanın Kaydedilmesi

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ı

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 - 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

Detaylı

WEB'DE NASIL YER ALIRIM?

WEB'DE NASIL YER ALIRIM? TASRIMIN TEMELLERİ Internet Servis Sağlayıcısı (ISS) nedir? Internet Servis Sağlayıcısı (ISS), genellikle bir ücret karşılığı Internet'e erişiminizi sağlayan bir şirkettir. Birçok ISS e-posta hesapları,

Detaylı

GELİŞMİŞ İNTERNET UYGULAMALARI

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

Detaylı