İNTERNET PROGRAMCILIĞI I

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

Download "İNTERNET PROGRAMCILIĞI I"

Transkript

1 BÖLÜM Ç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, sayfanın sol veya üst kısmından küçük bir alanı bölmek (yani sayfayı ikiye bölmek), bu küçük alana menü bilgilerini, diğer büyük alana ise sayfanın asıl içeriğini yerleştirmektir. Fakat şunu da belirtmekte fayda var, birçok tasarımcı estetik açısından çerçevelere pek sıcak bakmaz; genelde üst üste tablolar kullanmayı tercih eder. Bir uyarı: Netscape 2.0 ve Explorer 3.0 altı browser'lar, çerçeveleri tanımazlar! 11.1 ÇERÇEVE TEKNİĞİNİN GENEL MANTIĞI Ç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 sayfaların adreslerini bildirdikten sonra, geriye biraz önce adreslerini bildirdiğimiz sayfaları uygun bir şekilde hazırlamak kalır. Şimdi bu biraz karışık ifadeyi bir örnekle daha iyi anlayalım, sonra da set> etiketini inceleyelim. Önce ana pencereyi hazırlayalım: <html>< BR><head> <title>çerçeveörneği</title> <METAcontent=text/html;CHARSET=iso http-equiv=content-type </head> set cols="150,*"> name="menu" name="esas" <noframes> <body> <h1>browser'ınızın sürümü sayfamızı görüntülemeye uygun degil, lütfen daha yeni bir sürüm yükleyip tekrar deneyin!</h1> </body> </noframes> </html> 27

2 Burada yaptığımız şey ana sayfayı soldan 150 piksel genişliğinde bölüp iki sayfa elde etmekten ibaret. Ayrıca browser'a soldan ilk bölüme (150 px olan bölüm) 'menu.html', ikinci bölüme ise 'esas.html' sayfalarını yerleştirmesini bildirdik. Burada dikkat edilmesi gereken nokta set> etiketinin </head> ile <body> etiketleri arasına yerleştirilmesidir. <Noframes>...</noframes> etiketleri içinde yer alan bölüm ise çerçeveden anlamayan eski sürüm browser'lar içindir. Şimdi aşağıdaki kodlardan ilkini 'menu.html', ikincisini ise 'esas.html' adıyla ana pencereyi kaydettiğimiz dizine kaydedelim. <html> <head> <title>menu</title> <METAcontent=text/html;CHARSET=iso http-equiv=content-type> </head> <body bgcolor="teal"> </body> </html> <html> <head> <title>esas</title> <METAcontent=text/html;CHARSET=iso http-equiv=content-type> </head> <body bgcolor="red"></body> </body> </html> Son olarak tekrar ana sayfayı açtığımızda (ismi önemli değil, yeter ki diğer iki sayfa ile aynı dizinde bulunsun!) sonuç böyle olacaktır: 28

3 Artık çerçevelerin mantığını anladığımıza göre bu tekniğin detaylarını inceleyelim <FRAMESET> ve <FRAME> ETİKETLERİ Aşağıda set> etiketinin parametrelerini görüyorsunuz : rows Safayı enine bölmenizi sağlar set rows="150,*"> name="menu" name="esas" cols Sayfayı boyuna bölmenizi sağlar set cols="150,*"> name="menu" name="esas" cols ve rows parametreleri piksel değeri alabilecekleri gibi '%' cinsinden de değer alabilirler, örneğin: set cols="%20,%80"> Daha önce kullandığımız '*' ifadesi ile bölünecek alanın genişliğini browser'a bırakabiliriz: set cols="%20,*"> Son olarak sayfayı üçe veya daha fazlaya da böşebiliriz: set rows="150,200,100,*"> ifadesi ile ana pencereyi dörde böleriz. 29

4 frameborder Ana sayfanın bölümleri arasında sınır çizgisi olup olmamasısını belirler.('yes', 'no'; veya '1', '0' değerlerini alır) set cols="150,*" frameborder="1"> name="menu" name="esas" border Çerçeveler arasındaki sınırın kalınlığını piksel cinsinden belirler. set cols="150,*" border="10"> name="menu" name="esas" Şimdi de >; etiketinin parametreleri: src marginwidth marginheight noresize scrolling Bunu zaten biliyorsunuz, çerçeve içinde görüntülenecek sayfanın yeri Sayfanın solundaki kenar boşluğunu belirtir Sayfanın üstündeki kenar boşluğunu belirtir '1' veya '0' değerlerini alır, '1' verilirse pencere boyutları sabitlenir. 'yes', 'no', 'auto' değerlerini alır, kaydırma çubuklarının durumunu belirler. 30

5 11.3 FRAME UYGULAMALARI Aşağıda bazı çerçeve örnekleri ve bu örneklerin kodları verilmiştir: set rows="150,*" cols="150,*" > name="kirmizi" src="kirmizi.html"> name="yesil" src="yesil.html"> name="sari" src="sari.html"> name="siyah" src="siyah.html"> set rows="150,*"> name="kirmizi" src="kirmizi.html"> set cols="30%,*"> name="yesil" src="yesil.html"> name="sari" src="sari.html"> set rows="150,*"> set cols="*,*"> name="kirmizi" src="kirmizi.html"> name="yesil" src="yesil.html"> name="sari" src="sari.html"> set cols="150,*"> set rows="*,*,*"> name="yesil" src="yesil.html"> name="kirmizi" src="kirmizi.html"> name="sari" src="sari.html"> name="siyah" src="siyah.html"> Çerçevelerle çalışmaya başlamadan önce bilmeniz gereken önemli bir nokta: <a> etiketinin target isimli bir parametresi vardır ve bu parametre 'Çerçeveadı' değerini alabilir. Bu parametre bize bağlantının belirttiği adresteki sayfanın adını verdiğimiz çerçeve içinde açılmasını sağlar. Örneğin bu sayfadaki ikinci örneği ele alalım: 31

6 'İstiyoruz ki sayfanın yeşil bölümü sayfamızın menüsü olsun. Ziyaretçi buradaki bağlantılara tıklayarak sitenin diğer sayfalarına ulaşsın, ama bu diğer sayfalar sarı bölümde görüntülensin. İşte aşağıdaki kod bunu sağlar: <a href="www.sayfaadi.com\secenek1.html target="sari">bu link saril bölümde görüntülenecek!</a> Gördüğümüz gibi çerçevelere verdiğimiz isimler (name) bu noktada önem kazanıyorlar 32

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

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

Detaylı

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

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

Detaylı

7. Çerçeveler. Bu bölümü bitirdiğinizde,

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

Detaylı

www.elektrikogretmenleri.com

www.elektrikogretmenleri.com DREAMWEAVER DA TABLOLAR KULLANARAK İNDEX SAYFASI HAZIRLAMAK Günümüzde web siteleri Frameset yapısı ve Tablo yapısı kullanarak yapılmaktadır. Frameset (Çerçeve) yapılı web sitelerinde index sayfaları oluşturulduğunda

Detaylı

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

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

Detaylı

İNTERNET PROGRAMCILIĞI I

İ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

Detaylı

HTML 4. Bölüm. Doç. Dr. İsmail Rakıp Karaş Dersin Course Page:

HTML 4. Bölüm. Doç. Dr. İsmail Rakıp Karaş  Dersin Course Page: HTML 4. Bölüm Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com (Son Güncelleme: 18.02.2015) Dersin Course Page: www.ismailkaras.com/228 Çerçeveler (Frames) Çerçeve kullanımı her ne kadar

Detaylı

HTML Ders Notlar. Bu temel kodlar gördükten sonra isterseniz bir HTML sayfasnn genel yapsna göz atalm. <title> </head></a> </h3> <p> <img alt="HTML Ders Notlar. Bu temel kodlar gördükten sonra isterseniz bir HTML sayfasnn genel yapsna göz atalm. <html> <head> <title> <title> </head>" title="HTML Ders Notlar. Bu temel kodlar gördükten sonra isterseniz bir HTML sayfasnn genel yapsna göz atalm. <html> <head> <title> <title> </head>" class="news-block-img pull-right" src="/thumbs/20/1039760.jpg"> S HTML Ders Notlar izlere bu notlarla web sayfas yapm hakknda ksa bir fikir vermeye çel!aca#m. Öncelikli olarak bir web sayfasnn yani uzantsn HTML (Hyper Text Markup Language)olan bir sayfann çal!ma mant#na </p> <a href="/1039760-Html-ders-notlar-bu-temel-kodlar-gordukten-sonra-isterseniz-bir-html-sayfasnn-genel-yapsna-goz-atalm-html-head-title-title-head.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/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="/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="/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="/49235213-Ogrenme-faaliyeti-1-ogrenme-faaliyeti-1-1-formlar.html">ÖĞRENME FAALİYETİ 1 ÖĞRENME FAALİYETİ 1 1. FORMLAR</a> </h3> <p> <img alt="ÖĞRENME FAALİYETİ 1 ÖĞRENME FAALİYETİ 1 1. FORMLAR" title="ÖĞRENME FAALİYETİ 1 ÖĞRENME FAALİYETİ 1 1. FORMLAR" class="news-block-img pull-right" src="/thumbs/63/49235213.jpg"> ÖĞ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ı </p> <a href="/49235213-Ogrenme-faaliyeti-1-ogrenme-faaliyeti-1-1-formlar.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="/1158992-Arayuz-gelistirme-dokumantasyonu.html">Arayüz Geliştirme Dokümantasyonu</a> </h3> <p> <img alt="Arayüz Geliştirme Dokümantasyonu" title="Arayüz Geliştirme Dokümantasyonu" class="news-block-img pull-right" src="/thumbs/21/1158992.jpg"> 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 </p> <a href="/1158992-Arayuz-gelistirme-dokumantasyonu.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1706556-4-baglanti-kopru-olusturma.html">4. Bağlantı (Köprü) Oluşturma</a> </h3> <p> <img alt="4. Bağlantı (Köprü) Oluşturma" title="4. Bağlantı (Köprü) Oluşturma" class="news-block-img pull-right" src="/thumbs/22/1706556.jpg"> 4. Bağlantı (Köprü) Oluşturma Bu bölümü bitirdiğinizde, HTML dosyalarında nasıl bağlantı oluşturulduğunu, Bağ etiketinin ne olduğunu, Yerel dosyalara nasıl bağlantı kurulduğunu, İnternet üzerindeki dosyalara </p> <a href="/1706556-4-baglanti-kopru-olusturma.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/30302648-Web-sayfalarinda-yapilan-her-calisma-ve-duzenleme-tablolar-araciligi-ile-yapilir-dolayisiyla-cogu-web-sayfalarinda-tablo-kullanmak-zorunluluktur.html">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.</a> </h3> <p> <img alt="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." title="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." class="news-block-img pull-right" src="/thumbs/52/30302648.jpg"> 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. </p> <a href="/30302648-Web-sayfalarinda-yapilan-her-calisma-ve-duzenleme-tablolar-araciligi-ile-yapilir-dolayisiyla-cogu-web-sayfalarinda-tablo-kullanmak-zorunluluktur.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6955970-4-front-page-sayfasi-ozellikleri.html">4 Front Page Sayfası Özellikleri</a> </h3> <p> <img alt="4 Front Page Sayfası Özellikleri" title="4 Front Page Sayfası Özellikleri" class="news-block-img pull-right" src="/thumbs/26/6955970.jpg"> 4 Front Page Sayfası Özellikleri İsterseniz Frontpage penceresinin sağ tarafından, isterseniz araç çubuklarından faydalanarak yeni bir sayfa açın. Frontpage te çeşitli sayfa şablonları bulunmaktadır. Ancak </p> <a href="/6955970-4-front-page-sayfasi-ozellikleri.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5414442-1-1-web-kavramlar-1-1-1-3-url-terimini-tanimlayiniz-ve-anlayiniz.html">1.1 Web Kavramlar. 1.1.1.3 URL terimini tanımlayınız ve anlayınız.</a> </h3> <p> <img alt="1.1 Web Kavramlar. 1.1.1.3 URL terimini tanımlayınız ve anlayınız." title="1.1 Web Kavramlar. 1.1.1.3 URL terimini tanımlayınız ve anlayınız." class="news-block-img pull-right" src="/thumbs/25/5414442.jpg"> 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 </p> <a href="/5414442-1-1-web-kavramlar-1-1-1-3-url-terimini-tanimlayiniz-ve-anlayiniz.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/25443156-Bilgisayar-4-molekuler-biyoloji-ve-genetik-bolumu-html-ders-notlari-9-ders-tablolar-html-giris-yard-doc-dr.html">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.</a> </h3> <p> <img alt="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." title="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." class="news-block-img pull-right" src="/thumbs/49/25443156.jpg"> 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 </p> <a href="/25443156-Bilgisayar-4-molekuler-biyoloji-ve-genetik-bolumu-html-ders-notlari-9-ders-tablolar-html-giris-yard-doc-dr.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8826462-Doc-dr-ismail-rakip-karas-www-ismailkaras-com-irkaras-gmail-com-hazirlayan-idris-kahraman.html">Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com. Hazırlayan: İdris Kahraman</a> </h3> <p> <img alt="Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com. Hazırlayan: İdris Kahraman" title="Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com. Hazırlayan: İdris Kahraman" class="news-block-img pull-right" src="/thumbs/26/8826462.jpg"> 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 </p> <a href="/8826462-Doc-dr-ismail-rakip-karas-www-ismailkaras-com-irkaras-gmail-com-hazirlayan-idris-kahraman.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1040132-Ataturk-universitesi-muhendislik-fakultesi-bilgisayar-muhendisligi-bolumu-bm-206-web-programlama-odev-1.html">Atatürk Üniversitesi Mühendislik Fakültesi Bilgisayar Mühendisliği Bölümü BM 206 - Web Programlama ÖDEV 1</a> </h3> <p> <img alt="Atatürk Üniversitesi Mühendislik Fakültesi Bilgisayar Mühendisliği Bölümü BM 206 - Web Programlama ÖDEV 1" title="Atatürk Üniversitesi Mühendislik Fakültesi Bilgisayar Mühendisliği Bölümü BM 206 - Web Programlama ÖDEV 1" class="news-block-img pull-right" src="/thumbs/20/1040132.jpg"> Atatürk Üniversitesi Mühendislik Fakültesi Bilgisayar Mühendisliği Bölümü BM 206 - Web Programlama ÖDEV 1 Son Teslim Tarihi: 5 Mayıs 2014-09:00 (ÖRGÜN) - 19:00 (İKİNCİ) Ödevi Teslim Alacak Olan Asistan: </p> <a href="/1040132-Ataturk-universitesi-muhendislik-fakultesi-bilgisayar-muhendisligi-bolumu-bm-206-web-programlama-odev-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="/2376456-Asagidaki-ornekte-ayni-duzen-tablosu-ve-hucreleri-icerikle-birlikte-gosterilmektedir.html">Aşağıdaki örnekte, aynı düzen tablosu ve hücreleri içerikle birlikte gösterilmektedir.</a> </h3> <p> <img alt="Aşağıdaki örnekte, aynı düzen tablosu ve hücreleri içerikle birlikte gösterilmektedir." title="Aşağıdaki örnekte, aynı düzen tablosu ve hücreleri içerikle birlikte gösterilmektedir." class="news-block-img pull-right" src="/thumbs/24/2376456.jpg"> 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 </p> <a href="/2376456-Asagidaki-ornekte-ayni-duzen-tablosu-ve-hucreleri-icerikle-birlikte-gosterilmektedir.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8251075-Internet-programciligi.html">İNTERNET PROGRAMCILIĞI</a> </h3> <p> <img alt="İNTERNET PROGRAMCILIĞI" title="İNTERNET PROGRAMCILIĞI" class="news-block-img pull-right" src="/thumbs/26/8251075.jpg"> İ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. </p> <a href="/8251075-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="/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="/1450823-Web-tasarim-css-iframe-template-slice-include-php-komutu-tarik-ozel.html">WEB TASARIM. CSS, IFRAME, TEMPLATE, SLICE, INCLUDE(php komutu) Tarık ÖZEL</a> </h3> <p> <img alt="WEB TASARIM. CSS, IFRAME, TEMPLATE, SLICE, INCLUDE(php komutu) Tarık ÖZEL" title="WEB TASARIM. CSS, IFRAME, TEMPLATE, SLICE, INCLUDE(php komutu) Tarık ÖZEL" class="news-block-img pull-right" src="/thumbs/22/1450823.jpg"> 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 </p> <a href="/1450823-Web-tasarim-css-iframe-template-slice-include-php-komutu-tarik-ozel.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="/30682849-Mis213t-internet-ve-web-programlama-guz-2016-lab-dokumani-2-1-bolum-temel-html-etiketleri-resimler.html">MIS213T İNTERNET VE WEB PROGRAMLAMA GÜZ 2016 LAB DOKÜMANI #2. 1. Bölüm: Temel HTML Etiketleri - Resimler</a> </h3> <p> <img alt="MIS213T İNTERNET VE WEB PROGRAMLAMA GÜZ 2016 LAB DOKÜMANI #2. 1. Bölüm: Temel HTML Etiketleri - Resimler" title="MIS213T İNTERNET VE WEB PROGRAMLAMA GÜZ 2016 LAB DOKÜMANI #2. 1. Bölüm: Temel HTML Etiketleri - Resimler" class="news-block-img pull-right" src="/thumbs/52/30682849.jpg"> 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, </p> <a href="/30682849-Mis213t-internet-ve-web-programlama-guz-2016-lab-dokumani-2-1-bolum-temel-html-etiketleri-resimler.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="/8363588-Gofeed-kullanici-arayuzu.html">GoFeed Kullanıcı Arayüzü</a> </h3> <p> <img alt="GoFeed Kullanıcı Arayüzü" title="GoFeed Kullanıcı Arayüzü" class="news-block-img pull-right" src="/thumbs/26/8363588.jpg"> GoFeed Kullanıcı Arayüzü GoFeed temel olarak yayıncıların, reklamverenlerin ürün/fırsat bilgilerine ulaşabildiği feed sistemidir. Yayıncılar oluşturdukları feedler ile kullanıcıları ürünlerin/fırsatların </p> <a href="/8363588-Gofeed-kullanici-arayuzu.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10107490-2000-de-programlarla-calismalar.html">2000 de Programlarla Çalışmalar</a> </h3> <p> <img alt="2000 de Programlarla Çalışmalar" title="2000 de Programlarla Çalışmalar" class="news-block-img pull-right" src="/thumbs/27/10107490.jpg"> Windows 2000 de Programlarla Çalışmalar 24 3 Windows 2000 de Programlarla Çalışmalar Programları Başlatmak Programları başlat menüsünü kullanarak, başlatmak istediğiniz programın simgesini çift tıklayarak </p> <a href="/10107490-2000-de-programlarla-calismalar.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="/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="/7937988-Internet-artik-hayatimizin-onemli-bir-parcasi-her-gun-interneti-programlar-araciligi-ile-ya-da-internet-siteleri-araciligi-ile-kullaniyoruz.html">İ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.</a> </h3> <p> <img alt="İ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." title="İ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." class="news-block-img pull-right" src="/thumbs/26/7937988.jpg"> 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 </p> <a href="/7937988-Internet-artik-hayatimizin-onemli-bir-parcasi-her-gun-interneti-programlar-araciligi-ile-ya-da-internet-siteleri-araciligi-ile-kullaniyoruz.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/11454598-Web-tasarimi-ve-programlama.html">WEB TASARIMI VE PROGRAMLAMA</a> </h3> <p> <img alt="WEB TASARIMI VE PROGRAMLAMA" title="WEB TASARIMI VE PROGRAMLAMA" class="news-block-img pull-right" src="/thumbs/27/11454598.jpg"> 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İŞ </p> <a href="/11454598-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="/3091262-Microsoft-frontpage-2003-web-sitesi-hazirlama-ogr-gor-n-nilgun-cokca.html">Microsoft FrontPage 2003. Web Sitesi Hazırlama. Ögr.Gör.N.Nilgün Çokça</a> </h3> <p> <img alt="Microsoft FrontPage 2003. Web Sitesi Hazırlama. Ögr.Gör.N.Nilgün Çokça" title="Microsoft FrontPage 2003. Web Sitesi Hazırlama. Ögr.Gör.N.Nilgün Çokça" class="news-block-img pull-right" src="/thumbs/24/3091262.jpg"> Microsoft FrontPage 2003 Web Sitesi Hazırlama Ögr.Gör.N.Nilgün Çokça Microsoft FrontPage 2003 Web Sitesi Hazırlama Ikinci Bölüm İçindekiler İçindekiler i Microsoft FrontPage 2003 2 Atlama Menüsü Eklemek: </p> <a href="/3091262-Microsoft-frontpage-2003-web-sitesi-hazirlama-ogr-gor-n-nilgun-cokca.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/43713019-Css-stillerinin-nesneyi-etkileme-yollari-ve-sirasi-diez-nokta-yildiz-class-css-de-neyi-ifade-eder.html">Css Stillerinin Nesneyi Etkileme Yolları Ve Sırası, Diez, Nokta, Yıldız, Class Css De Neyi İfade Eder.</a> </h3> <p> <img alt="Css Stillerinin Nesneyi Etkileme Yolları Ve Sırası, Diez, Nokta, Yıldız, Class Css De Neyi İfade Eder." title="Css Stillerinin Nesneyi Etkileme Yolları Ve Sırası, Diez, Nokta, Yıldız, Class Css De Neyi İfade Eder." class="news-block-img pull-right" src="/thumbs/59/43713019.jpg"> Ve Sırası, Diez, Nokta, Yıldız, Class Css Css stillerinin nesneyi etkileme yolları ve sıraları: (#), (.), (*), (class) CSS de nasıl kullanılır bu başlık altında bulabilirsiniz. Css Nedir? HTML bize metin </p> <a href="/43713019-Css-stillerinin-nesneyi-etkileme-yollari-ve-sirasi-diez-nokta-yildiz-class-css-de-neyi-ifade-eder.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8004689-Front-page-egitim-notlari-baslangic-1-open-arac-cubugu-dugmesinin-yanindaki-asagi-oku-tiklayarak-web-secenegini-isaretleyin.html">FRONT PAGE EĞİTİM NOTLARI BAŞLANGIÇ. 1- Open araç çubuğu düğmesinin yanındaki aşağı oku tıklayarak, web seçeneğini işaretleyin</a> </h3> <p> <img alt="FRONT PAGE EĞİTİM NOTLARI BAŞLANGIÇ. 1- Open araç çubuğu düğmesinin yanındaki aşağı oku tıklayarak, web seçeneğini işaretleyin" title="FRONT PAGE EĞİTİM NOTLARI BAŞLANGIÇ. 1- Open araç çubuğu düğmesinin yanındaki aşağı oku tıklayarak, web seçeneğini işaretleyin" class="news-block-img pull-right" src="/thumbs/26/8004689.jpg"> FRONT PAGE EĞİTİM NOTLARI BAŞLANGIÇ 1- Open araç çubuğu düğmesinin yanındaki aşağı oku tıklayarak, web seçeneğini işaretleyin 2- Açılan sayfadan, oluşturulmak istenen sitenin içeriğine göre hazır şablon </p> <a href="/8004689-Front-page-egitim-notlari-baslangic-1-open-arac-cubugu-dugmesinin-yanindaki-asagi-oku-tiklayarak-web-secenegini-isaretleyin.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7710074-2-bolum-temel-html-ders-notlari.html">2. BÖLÜM TEMEL HTML DERS NOTLARI</a> </h3> <p> <img alt="2. BÖLÜM TEMEL HTML DERS NOTLARI" title="2. BÖLÜM TEMEL HTML DERS NOTLARI" class="news-block-img pull-right" src="/thumbs/26/7710074.jpg"> Listeler HTML bize üç tip liste hazirlama imkani veriyor. Bunlar; 1. Sirali listeler (ordered list) 2. Sirasiz listeler (unordered list) 3. Tanimlama listeleri (definition list) Sirali listeler rakam veya </p> <a href="/7710074-2-bolum-temel-html-ders-notlari.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1039654-Internet-firat-universitesi-enformatik-bolumu.html">INTERNET. Fırat Üniversitesi Enformatik Bölümü</a> </h3> <p> <img alt="INTERNET. Fırat Üniversitesi Enformatik Bölümü" title="INTERNET. Fırat Üniversitesi Enformatik Bölümü" class="news-block-img pull-right" src="/thumbs/20/1039654.jpg"> 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ğ, </p> <a href="/1039654-Internet-firat-universitesi-enformatik-bolumu.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5415139-Uluslararasi-arasi-ag-international-network-baglanan-tum-bilgisayarlarin-ortak-bir-dil-konusur-ortak-iletisim-diline-tcp-ip.html">Uluslararası arası ağ (International Network) bağlanan tüm bilgisayarların ortak bir dil konuşur ortak iletişim diline TCP/IP</a> </h3> <p> <img alt="Uluslararası arası ağ (International Network) bağlanan tüm bilgisayarların ortak bir dil konuşur ortak iletişim diline TCP/IP" title="Uluslararası arası ağ (International Network) bağlanan tüm bilgisayarların ortak bir dil konuşur ortak iletişim diline TCP/IP" class="news-block-img pull-right" src="/thumbs/25/5415139.jpg"> 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ğ, </p> <a href="/5415139-Uluslararasi-arasi-ag-international-network-baglanan-tum-bilgisayarlarin-ortak-bir-dil-konusur-ortak-iletisim-diline-tcp-ip.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7710788-Bilgisayar-ii-2008-2009-bahar-yariyili-not-3-html-komutlari-konu-12-sirali-liste.html">BİLGİSAYAR II 2008-2009 BAHAR YARIYILI - NOT 3 - HTML KOMUTLARI. KONU 12 Sıralı Liste</a> </h3> <p> <img alt="BİLGİSAYAR II 2008-2009 BAHAR YARIYILI - NOT 3 - HTML KOMUTLARI. KONU 12 Sıralı Liste" title="BİLGİSAYAR II 2008-2009 BAHAR YARIYILI - NOT 3 - HTML KOMUTLARI. KONU 12 Sıralı Liste" class="news-block-img pull-right" src="/thumbs/26/7710788.jpg"> 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 </p> <a href="/7710788-Bilgisayar-ii-2008-2009-bahar-yariyili-not-3-html-komutlari-konu-12-sirali-liste.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/34487034-Elbistan-myo-guz-donemi-ogr-gor-murat-kececioglu.html">Elbistan MYO Güz Dönemi Öğr.Gör. Murat KEÇECİOĞLU</a> </h3> <p> <img alt="Elbistan MYO Güz Dönemi Öğr.Gör. Murat KEÇECİOĞLU" title="Elbistan MYO Güz Dönemi Öğr.Gör. Murat KEÇECİOĞLU" class="news-block-img pull-right" src="/thumbs/54/34487034.jpg"> Elbistan MYO 2016-2017 Güz Dönemi Öğr.Gör. Murat KEÇECİOĞLU HTML Nedir? HTML, Hyper Text Markup Language sözcüklerinin baş harflerinden oluşan bir kısaltmadır ve Web in temel dilidir. Html dökümanları </p> <a href="/34487034-Elbistan-myo-guz-donemi-ogr-gor-murat-kececioglu.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3127019-Internet-intranets-dersi-2004-2005-bahar-yili-3-hafta-html-komutlari-konu-12-sirali-liste.html">INTERNET & INTRANETS DERSİ 2004-2005 BAHAR YILI - 3. HAFTA HTML KOMUTLARI. KONU 12 Sıralı Liste</a> </h3> <p> <img alt="INTERNET & INTRANETS DERSİ 2004-2005 BAHAR YILI - 3. HAFTA HTML KOMUTLARI. KONU 12 Sıralı Liste" title="INTERNET & INTRANETS DERSİ 2004-2005 BAHAR YILI - 3. HAFTA HTML KOMUTLARI. KONU 12 Sıralı Liste" class="news-block-img pull-right" src="/thumbs/24/3127019.jpg"> 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 </p> <a href="/3127019-Internet-intranets-dersi-2004-2005-bahar-yili-3-hafta-html-komutlari-konu-12-sirali-liste.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1031122-9-hafta-kbt204-internet-programciligi-ii-ogr-gor-hakan-yilmaz-hakanyilmaz-karabuk-edu-tr.html">9. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II. Öğr.Gör. Hakan YILMAZ. hakanyilmaz@karabuk.edu.tr</a> </h3> <p> <img alt="9. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II. Öğr.Gör. Hakan YILMAZ. hakanyilmaz@karabuk.edu.tr" title="9. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II. Öğr.Gör. Hakan YILMAZ. hakanyilmaz@karabuk.edu.tr" class="news-block-img pull-right" src="/thumbs/20/1031122.jpg"> 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 </p> <a href="/1031122-9-hafta-kbt204-internet-programciligi-ii-ogr-gor-hakan-yilmaz-hakanyilmaz-karabuk-edu-tr.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2953635-T-c-milli-egitim-bakanligi.html">T.C. MİLLİ EĞİTİM BAKANLIĞI</a> </h3> <p> <img alt="T.C. MİLLİ EĞİTİM BAKANLIĞI" title="T.C. MİLLİ EĞİTİM BAKANLIĞI" class="news-block-img pull-right" src="/thumbs/24/2953635.jpg"> 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 </p> <a href="/2953635-T-c-milli-egitim-bakanligi.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7947378-Hazirlayan-mustafa-ulas-mulas-firat-edu-tr.html">Hazırlayan Mustafa ULAŞ mulas@firat.edu.tr</a> </h3> <p> <img alt="Hazırlayan Mustafa ULAŞ mulas@firat.edu.tr" title="Hazırlayan Mustafa ULAŞ mulas@firat.edu.tr" class="news-block-img pull-right" src="/thumbs/26/7947378.jpg"> 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. </p> <a href="/7947378-Hazirlayan-mustafa-ulas-mulas-firat-edu-tr.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7355550-T-c-milli-egitim-bakanligi-megep-mesleki-egitim-ve-ogretim-sisteminin-guclendirilmesi-projesi-bilisim-teknolojileri-html-2.html">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</a> </h3> <p> <img alt="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" title="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" class="news-block-img pull-right" src="/thumbs/26/7355550.jpg"> 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 </p> <a href="/7355550-T-c-milli-egitim-bakanligi-megep-mesleki-egitim-ve-ogretim-sisteminin-guclendirilmesi-projesi-bilisim-teknolojileri-html-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="/47718702-Div-kavrami-style-position-absolute.html">DIV KAVRAMI <style> position: absolute</a> </h3> <p> <img alt="DIV KAVRAMI <style> position: absolute" title="DIV KAVRAMI <style> position: absolute" class="news-block-img pull-right" src="/thumbs/62/47718702.jpg"> 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 </p> <a href="/47718702-Div-kavrami-style-position-absolute.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/11881600-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/27/11881600.jpg"> DREAMWEAVERDA NESNELERE DAVRANIŞ EKLEME Dreamweaver da fare hareket olaylı, animasyonlu görüntüler oluşturmak istenildiğinde hazır scriptler anlamına gelen Davranışlar(behaviors) kullanılmaktadır. Yukarıdaki </p> <a href="/11881600-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="/5866459-Assam-yonergesine-ek-t-assam-web-sitesi-yonergesine-lahika-2-web-sitesi-makale-ekleme-kilavuzu-8-4-2014-www-assam-org-tr-assam.html">ASSAM YÖNERGESİNE EK-T ASSAM WEB SİTESİ YÖNERGESİNE LAHİKA-2 WEB SİTESİ MAKALE EKLEME KILAVUZU 8.4.2014. www.assam.org.tr ASSAM</a> </h3> <p> <img alt="ASSAM YÖNERGESİNE EK-T ASSAM WEB SİTESİ YÖNERGESİNE LAHİKA-2 WEB SİTESİ MAKALE EKLEME KILAVUZU 8.4.2014. www.assam.org.tr ASSAM" title="ASSAM YÖNERGESİNE EK-T ASSAM WEB SİTESİ YÖNERGESİNE LAHİKA-2 WEB SİTESİ MAKALE EKLEME KILAVUZU 8.4.2014. www.assam.org.tr ASSAM" class="news-block-img pull-right" src="/thumbs/25/5866459.jpg"> YÖNERGESİNE EK-T ASSAM WEB SİTESİ YÖNERGESİNE LAHİKA-2 WEB SİTESİ MAKALE EKLEME KILAVUZU 8.4.2014 ASSAM İçindekiler Önsöz... 3 ASSAM Web Sitesinde Makale Yayınlamak... 4 ASSAM Web Sitesine Nasıl Girerim?... </p> <a href="/5866459-Assam-yonergesine-ek-t-assam-web-sitesi-yonergesine-lahika-2-web-sitesi-makale-ekleme-kilavuzu-8-4-2014-www-assam-org-tr-assam.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="/2646105-Modul-3-html-ile-stil-sablonlari.html">MODÜL 3 HTML İLE STİL ŞABLONLARI</a> </h3> <p> <img alt="MODÜL 3 HTML İLE STİL ŞABLONLARI" title="MODÜL 3 HTML İLE STİL ŞABLONLARI" class="news-block-img pull-right" src="/thumbs/24/2646105.jpg"> MODÜL 3 HTML İLE STİL ŞABLONLARI Bu modülü bitirdiğinizde; CSS kodlama standartlarına uyarak işlevselliği ve verimliliği artırmak için HTML kodları ile Stil şablonu (CSS) yapılandırmasını gerçekleştireceksiniz. </p> <a href="/2646105-Modul-3-html-ile-stil-sablonlari.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4549868-Kopya-hakki-2005-the-european-computer-driving-licence-foundation-ltd.html">Kopya Hakkı 2005 The European Computer Driving Licence Foundation Ltd</a> </h3> <p> <img alt="Kopya Hakkı 2005 The European Computer Driving Licence Foundation Ltd" title="Kopya Hakkı 2005 The European Computer Driving Licence Foundation Ltd" class="news-block-img pull-right" src="/thumbs/25/4549868.jpg"> Tüm haklar mahfuzdur. Bu yayının hiçbir kısmı ECDL Kuruluşundan izin almadan hiçbir şekilde çoğaltılamaz. Çoğaltım talepleri yayıncıya yapılmalıdır. The European Computer Driving Licence Foundation Ltd </p> <a href="/4549868-Kopya-hakki-2005-the-european-computer-driving-licence-foundation-ltd.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1289974-Ogr-gor-serkan-aksu-http-www-serkanaksu-net-http-www-serkanaksu-net-1.html">Öğr. Gör. Serkan AKSU http://www.serkanaksu.net. http://www.serkanaksu.net/ 1</a> </h3> <p> <img alt="Öğr. Gör. Serkan AKSU http://www.serkanaksu.net. http://www.serkanaksu.net/ 1" title="Öğr. Gör. Serkan AKSU http://www.serkanaksu.net. http://www.serkanaksu.net/ 1" class="news-block-img pull-right" src="/thumbs/22/1289974.jpg"> Öğr. Gör. Serkan AKSU http://www.serkanaksu.net http://www.serkanaksu.net/ 1 JavaScript JavaScript Nedir? Nestcape firması tarafından C dilinden esinlenerek yazılmış, Netscape Navigator 2.0 ile birlikte </p> <a href="/1289974-Ogr-gor-serkan-aksu-http-www-serkanaksu-net-http-www-serkanaksu-net-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="/4377275-Maltepe-universitesi-bilgisayar-muhendisligi-bolumu-internet-ve-bilgi-teknolojileri-bil-309-dersi.html">Maltepe Üniversitesi Bilgisayar Mühendisliği Bölümü Internet ve Bilgi Teknolojileri (BİL 309) Dersi</a> </h3> <p> <img alt="Maltepe Üniversitesi Bilgisayar Mühendisliği Bölümü Internet ve Bilgi Teknolojileri (BİL 309) Dersi" title="Maltepe Üniversitesi Bilgisayar Mühendisliği Bölümü Internet ve Bilgi Teknolojileri (BİL 309) Dersi" class="news-block-img pull-right" src="/thumbs/24/4377275.jpg"> Maltepe Üniversitesi Bilgisayar Mühendisliği Bölümü Internet ve Bilgi Teknolojileri (BİL 309) Dersi GENEL DERS BİLGİLERİ Öğretim Elemanı Ofis : MUH 312 : Öğr. Gör. Dr. T.Tugay BİLGİN Ofis Saatleri : Pazartesi: </p> <a href="/4377275-Maltepe-universitesi-bilgisayar-muhendisligi-bolumu-internet-ve-bilgi-teknolojileri-bil-309-dersi.html" class="news-block-btn"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/48590982-Basamakli-stil-sablonlari-css-bim206-web-programlama.html">Basamaklı Stil Şablonları (CSS) BIM206 Web Programlama</a> </h3> <p> <img alt="Basamaklı Stil Şablonları (CSS) BIM206 Web Programlama" title="Basamaklı Stil Şablonları (CSS) BIM206 Web Programlama" class="news-block-img pull-right" src="/thumbs/63/48590982.jpg"> 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 </p> <a href="/48590982-Basamakli-stil-sablonlari-css-bim206-web-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="/2786324-1-microsoft-frontpage-2003-e-giris.html">1 MİCROSOFT FRONTPAGE 2003 E GİRİŞ</a> </h3> <p> <img alt="1 MİCROSOFT FRONTPAGE 2003 E GİRİŞ" title="1 MİCROSOFT FRONTPAGE 2003 E GİRİŞ" class="news-block-img pull-right" src="/thumbs/24/2786324.jpg"> 1 MİCROSOFT FRONTPAGE 2003 E GİRİŞ 6 1.1 Frontpage 2003 ün açılması Frontpage 2003 ü çalıştırabilmek için Başlat/Programlar/ Microsoft Office Microsoft Office Frontpage 2003 yolu izlenir. FrontPage 2003, </p> <a href="/2786324-1-microsoft-frontpage-2003-e-giris.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ı

SMART Board EĞİTİMLERİ(sürüm:10) 3. Aşama

SMART Board EĞİTİMLERİ(sürüm:10) 3. Aşama SMART Board EĞİTİMLERİ(sürüm:10) 3. Aşama Bölüm 1:Notebook dosyası içerisinde bağlantılar kurma Bu konuyu bir örnek üzerinde inceleyebiliriz. Üç sayfalık bir soru cevap dosyası hazırlayalım. Mesela birinci

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ı

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ı

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ı

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 2

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

Detaylı

HTML & CSS. Öğr.Gör. M.Ersin AKAY

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

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 Ikinci Bölüm İçindekiler İçindekiler i Microsoft FrontPage 2003 2 Jump Menü-Açılan Menü

Detaylı

CSS(CASCADING STYLE SHEETS)

CSS(CASCADING STYLE SHEETS) CSS(CASCADING STYLE SHEETS) CSS NEDİR NE İŞE YARAR? Sıralı Sitil Şablonları olarak bilinen CSS Web sayfalarının biçimsel özelliklerini düzenlediğimiz ve yönettiğimiz kodlar bütünüdür. CSS kodları ile sayfamızdaki

Detaylı

1 MİCROSOFT FRONTPAGE 2003 E GİRİŞ

1 MİCROSOFT FRONTPAGE 2003 E GİRİŞ 1 MİCROSOFT FRONTPAGE 2003 E GİRİŞ 6 1.1 Frontpage 2003 ün açılması Frontpage 2003 ü çalıştırabilmek için Başlat/Programlar/ Microsoft Office Microsoft Office Frontpage 2003 yolu izlenir. FrontPage 2003,

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ı

Her bir ofis programının olduğu gibi FrontPage inde bir dosya uzantısı vardır. Bunlar *.html veya *.htm dosya uzantılarıdır.

Her bir ofis programının olduğu gibi FrontPage inde bir dosya uzantısı vardır. Bunlar *.html veya *.htm dosya uzantılarıdır. FrontPage Nasıl Kullanılır? 1 Giriş FrontPage programı kolay şekilde web siteler hazırlayabileceğiniz ofis yazılımlarından birisidir. Hiçbir kod bilgisi gerektirmeden tasarımlarını kolay şekilde yapabileceğini

Detaylı

SP-1101W/SP-2101W Hızlı Kurulum Kılavuzu

SP-1101W/SP-2101W Hızlı Kurulum Kılavuzu SP-1101W/SP-2101W Hızlı Kurulum Kılavuzu 05-2014 / v1.0 1 I. Ü rün Bilgisi I-1. Paket İçeriği Akıllı Priz Anahtarı Hızlı Kurulum Kılavuzu Hızlı kurulum kılavuzu ile CD I-2. Ön Panel Güç LED i Durum Butonu

Detaylı

ADOBE CONNECT 9.2.1 Versiyonu KULLANIM KLAVUZU

ADOBE CONNECT 9.2.1 Versiyonu KULLANIM KLAVUZU ADOBE CONNECT 9.2.1 Versiyonu KULLANIM KLAVUZU Menü çubuğunda toplantı sahibi Toplantı, Düzenler, Bölmeler, Ses ve Yardım menülerini görür. Sunucu veya katılımcı sadece Toplantı ve Yardım menülerini görür.

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ı

Temel HTML Eğitimi. Erman Yükseltürk

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ı

Detaylı

13 DİNAMİK ÖĞELERLE ÇALIŞMA

13 DİNAMİK ÖĞELERLE ÇALIŞMA 69 13 DİNAMİK ÖĞELERLE ÇALIŞMA Çoğu internet sitesinde sayfa solunda tüm linklerin (köprülerin) bulunduğu bir bölüm vardır. Ziyaretçi web tasarımcının sunduğu bu bölümlerdeki etkileşimli düğmeleri kullanarak

Detaylı

İNTERNET EXPLORER 7.0 TÜRKÇE AYARLARI

İNTERNET EXPLORER 7.0 TÜRKÇE AYARLARI İNTERNET EXPLORER 7.0 TÜRKÇE AYARLARI GEÇİCİ DOSYALARIN TEMİZLENMESİ: Araçlar menüsü altındaki internet özellikleri seçeneğine girilir. Göz atma geçmişi başlığı altındaki Sil butonu tıklanır. GEÇİCİ DOSYALARIN

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ı

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ı

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ı

FireBug eklentisini eklentiyi yazan sitesinden veya FireFox un eklentiler indirebilirsiniz.

FireBug eklentisini eklentiyi yazan  sitesinden veya FireFox un eklentiler indirebilirsiniz. Firebug Hakkında Firebug hakkında... Kod yazarken bir sorunla karşılaşırız ve sorunlarla uğraşmak her ne kadar güzel bir şey olmasa da bu işin olmazsa olmazıdır. Kod yazarken muhakkak bazı sorunlarla karşılaşacağız,

Detaylı

Bilgisayar Programcılığı Ön Lisans Programı WEB EDİTÖRÜ. Öğr. Gör. Rıza ALTUNAY

Bilgisayar Programcılığı Ön Lisans Programı WEB EDİTÖRÜ. Öğr. Gör. Rıza ALTUNAY CSS Ünite 7 Bilgisayar Programcılığı Ön Lisans Programı WEB EDİTÖRÜ Öğr. Gör. Rıza ALTUNAY 1 Ünite 7 CSS Öğr. Gör. Rıza ALTUNAY İçindekiler 7.1. CSS KULLANIM ALANLARI... 3 7.1.1. Yerel Kullanım Alanı...

Detaylı

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

Detaylı

WEB TABANLI PROGRAMLAMA

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.

Detaylı

ONLINE İNGİLİZCE PLACEMENT (SEVİYE BELİRLEME) SINAV TALİMATI

ONLINE İNGİLİZCE PLACEMENT (SEVİYE BELİRLEME) SINAV TALİMATI ONLINE İNGİLİZCE PLACEMENT (SEVİYE BELİRLEME) SINAV TALİMATI BİLGİSAYARDAN İLK DEFA GİRİLDİĞİNDE BU İŞLEMLERİN SIRASIYLA YAPILMASI GEREKMEKTEDİR. AYNI BİLGİSAYARDA DAHA SONRAKİ GİRİŞLERDE BU YÜKLEMELERE

Detaylı

TEMEL BAŞLANGIÇ KILAVUZU

TEMEL BAŞLANGIÇ KILAVUZU TEMEL BAŞLANGIÇ KILAVUZU İLK YAPILMASI GEREKENLER Web sitenizi çok kısa bir sürede, kendiniz, kolayca düzenleyebilirsiniz. Yönetim Paneline Giriş...2 Tasarım ve Modül Tercihleri...3 Genel Ayarların Yapılması...

Detaylı

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

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

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ı

Windows Paint ile Fotoğraf Düzenleme

Windows Paint ile Fotoğraf Düzenleme Windows Paint ile Fotoğraf Düzenleme Düzenlemek istediğimiz fotoğrafımızı windows paint uygulaması ile açıyoruz Görünüm sekmesinden fotoğrafımızın tamamını görene kadar küçültüyoruz bunu yapmamızdaki amaç

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ı

ÜNİTE 1: KELİME İŞLEMCİ PROGRAMI

ÜNİTE 1: KELİME İŞLEMCİ PROGRAMI ÜNİTE 1: KELİME İŞLEMCİ PROGRAMI Kelime İşlemci Nedir? Bilgisayarda yazıların(metinlerin) yazılmasını ve düzenlenebildiği, resimlerin ve tabloların eklenebildiği yazılımların(programların) genel adıdır.

Detaylı

HR- Şemalar Modülü. Kullanıcı Kitabı

HR- Şemalar Modülü. Kullanıcı Kitabı HR- Şemalar Modülü Kullanıcı Kitabı 1 İnsan Kaynakları - Şemalar Modülü Genel Bakış Şemalar modülünde organizasyon modülünde tanımlamış olduğunuz birimler arası ilişkilere göre organizasyon şemasını görüntüleyebilirsiniz.

Detaylı

MICROSOFT WORD Word 2000/II TAB AYARLARI :

MICROSOFT WORD Word 2000/II TAB AYARLARI : MICROSOFT WORD 2000 TAB AYARLARI : Yazımı belli bir sütundan başlatmak için kullanılır. Tab (durak) ayarı yapıldıktan sonra her Tab tuşuna basıldığında eklenti noktası yerleştirilen tab ayarlarına gelir.

Detaylı

U y g u l a m a A i l e s i (Abakus 360, T-Panel, T-CRM) Tarayıcı Ayarları. IPera İletişim Teknolojileri

U y g u l a m a A i l e s i (Abakus 360, T-Panel, T-CRM) Tarayıcı Ayarları. IPera İletişim Teknolojileri U y g u l a m a A i l e s i (Abakus 360, T-Panel, T-CRM) Tarayıcı Ayarları Başlarken İletişim yönetimi için gerekli tüm araçları sunan OfisTelefonu 07 programları Abakus 360, T-Panel ve T-CRM, bir kuruluştaki

Detaylı

Internet Programming II. Elbistan Meslek Yüksek Okulu 2014 2015 Bahar Yarıyılı

Internet Programming II. Elbistan Meslek Yüksek Okulu 2014 2015 Bahar Yarıyılı Internet Programming II Elbistan Meslek Yüksek Okulu 2014 2015 Bahar Yarıyılı Öğr. Gör. Murat KEÇECĠOĞLU 11-14 May. 2014 Form Form İşlemleri Tarayıcıdan bilgi alarak işlem gerçekleştirme FORM elemanları

Detaylı

Adım Adım SPSS. 1- Data Girişi ve Düzenlemesi 2- Hızlı Menü. Y. Doç. Dr. İbrahim Turan Nisan 2011

Adım Adım SPSS. 1- Data Girişi ve Düzenlemesi 2- Hızlı Menü. Y. Doç. Dr. İbrahim Turan Nisan 2011 Adım Adım SPSS 1- Data Girişi ve Düzenlemesi 2- Hızlı Menü Y. Doç. Dr. İbrahim Turan Nisan 2011 File (Dosya) Menüsü Excel dosyalarını SPSS e aktarma Variable View (Değişken Görünümü 1- Name (İsim - Kod)

Detaylı

HTML içerik oluşturmak için düşünülen bir işaret dilidir. Örnek

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

Detaylı

e-fatura Forum Sitesi Kullanım Kılavuzu Aralık 2013

e-fatura Forum Sitesi Kullanım Kılavuzu Aralık 2013 e-fatura Forum Sitesi Kullanım Kılavuzu Aralık 2013 ANKARA Versiyon : 1.0 1/24 GELİR İDARESİ BAŞKANLIĞI Uygulama ve Veri Yönetimi Daire Başkanlığı (I) Versiyon : 1.0 2/24 Versiyon Yayım Tarihi Eklenen/Silinen/Değişen

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ı

TSOFT FACEBOOK STORE UYGULAMASI

TSOFT FACEBOOK STORE UYGULAMASI TSOFT FACEBOOK STORE UYGULAMASI GEREKSİNİMLER VE KURULUM YARDIMI GİRİŞ Facebook, insanların arkadaşlarıyla iletişim kurmasını ve bilgi alış verişi yapmasını amaçlayan bir sosyal paylaşım web sitesidir,

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 2 Yeni Web Sitesi Oluşturmak 2 Dosyanın Kaydedilmesi

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ı