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

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

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

Transkript

1 ++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) Nedir? 6 Hangi Web Taray c s Daha yi? 6 URL Nedir? 7 HTML nin Yap s 7 HTML nin Çal flma Mant 7 HTML Sayfas n n Yap s 8 Web Tasar m Programlar 8 2 LK WEB SAYFAMIZ 11 What You See Is What You Get (WYSIWYG) 12 lk Sayfam z Olufltural m 12 Bir Web Sayfas na Ait Kodlar Görüntülemek 15 Sayfam za Bafll k Eklemek 16 Sayfam z n Arkaplan Rengini De ifltirmek 17 Sayfam z n Arkaplan na Resim Eklemek 18 Sayfadaki Yaz lar n Rengini De ifltirmek 19 Yaz lar Aras nda Alt Sat ra Geçmek 20 Yaz lar Aras nda Yatay Çizgi Çizmek 21 Çizgiyi fiekillendirmek 22 HTML Sayfalar için Doküman Tipi Belirlemek 24 Transitional DTD Tan mlamas 25 Strict DTD Tan mlamas 26 Frameset DTD Tan mlamas 26 3 MET NLER 27 <br/> Etiketi 27 <p/> Etiketi 30 <b></b> Etiketi 31

2 ++WEB TEKNOLOJI-icindekiler 5/12/11 11:49 PM Page viii viii WEB TASARIM TEMELLER <i></i> Etiketi 32 <u></u> Etiketi 35 <s></s> Etiketi 36 <strong></strong> Etiketi 37 <em></em> Etiketi 38 &nbsp ile Boflluk Eklemek 39 <pre></pre> Etiketi 42 <h1>... <h6> Etiketleri 46 <blockquote></blockquote> Etiketleri 47 <font></font> Etiketleri 48 Face Özelli i 48 Size Özelli i 49 Color Özelli i 52 Font Özelliklerini Birlikte Kullanmak 53 <Basefont> Etiketi 54 Renkler ile Çal flmak 59 4 L NKLER LE ÇALIfiMA 63 <a></a> Etiketi 64 Href Özelli i 65 Bir Web Sayfas na Link Vermek 65 Di er Sayfalara Link Vermek 68 Index.html Sayfas 76 Hizmetler.html Sayfas 76 Urunler.html Sayfas 77 Referanslar.html Sayfas 77 Iletisim.html Sayfas 78 Sayfa çindeki Farkl Bölümlere Link Vermek 80 <a name> Özelli i 81 Mail Linki Vermek 87 Dosyalara Download Linki Vermek 88 Linklerde Target Özelli ini Kullanmak 92 Linklerde Title Özelli ini Kullanmak 93 Resimlere Link Vermek 94 Link Renklerini De ifltirmek 95

3 ++WEB TEKNOLOJI-icindekiler 5/12/11 11:49 PM Page ix Ç NDEK LER ix 5 RES MLER LE ÇALIfiMAK 97 Web Sayfas na Resim Eklemek 98 SRC Özelli i 99 Resmin Boyutlar n Ayarlamak 100 ALT Özelli i 102 TITLE Özelli i 103 Resimleri Yatay Olarak Konumland rmak 104 Resimleri Dikey Olarak Konumland rmak 106 Resimlerde Border Özelli ini Kullanmak 108 Resimlerde Hspace, Vspace Özelliklerini Kullanmak 109 Sayfam z n Arkaplan na Resim Yerlefltirmek 111 Resimlere Link Vermek 112 Resim Galerisi Oluflturmak Ad m: Kategorileri Oluflturmak Ad m: Thumbnail (Önizleme) Resimler Oluflturmak Ad m: Kategori Linkleri Oluflturmak Ad m: Kategori Sayfalar na Küçük Resimleri Eklemek 116 Image Map Oluflturmak 119 <area> Etiketinin Özellikleri 122 Map Bilgilerini Ayr Bir Dosyada Tutmak L STELER LE ÇALIfiMAK 125 S ral Listeler (Ordered List) 126 Type Özelli i 127 Start Özelli i 130 S ras z Listeler (Unordered List) 131 Type Özelli i 132 Tan ml Listeler (Definition List) 134 ç çe Listeler Kullanmak (Nested Lists) 135 Listelerde Link Kullanmak TABLOLAR 139 Tablo Tan mlamak <table> 140 Tablo Çerçevesi Oluflturmak (border) 141 Sat r Belirtmek <tr> 142 Sütun Belirtmek <td> 143 Sütun Bafll klar Belirtmek <th> 144 Tablo çin Bafll k Oluflturmak <thead> 147

4 ++WEB TEKNOLOJI-icindekiler 5/12/11 11:49 PM Page x x WEB TASARIM TEMELLER Sütunlar Birlefltirmek (Colspan) 148 Sat rlar Birlefltirmek (Rowspan) 149 Tablo Özellikleri 150 Border Özelli i 150 Width, Height Özellikleri 152 Bgcolor Özelli i 154 Background Özelli i 156 Cellpadding Özelli i 158 Cellspacing Özelli i 159 Align Özelli i 160 Valign Özelli i 161 ç çe Tablolar Kullanmak 162 Tablo Kullanarak Bir Web Sayfas Tasarlayal m 163 Banner 164 Menü 164 çerik 164 Footer FRAMELER 167 Frame Nedir? 167 Frame lerin Kullan ld Durumlar 168 Frame lerin Avantajlar 168 Frame lerin Dezavantajlar 169 Frameset Yap s 169 HTML ile Frameset Yap s n n Oluflturulmas 169 sayfa1.html 170 sayfa2.html 170 sayfa3.html 171 index.html 171 <frameset></frameset> Etiketi 173 Cols ve Rows Özellikleri 173 <frame> </frame> Etiketi 177 Frameset Özellikleri 183 Border Özelli i 183 Bordercolor Özelli i 184 <noframes> </noframes> Etiketi 185 Frame Özellikleri 186

5 ++WEB TEKNOLOJI-icindekiler 5/12/11 11:49 PM Page xi Ç NDEK LER xi Noresize Özelli i 187 Scrolling Özelli i 188 Target=_top Özelli ini Kullanmak 189 ç çe Frameler Kullanmak 191 <iframe> </iframe> Etiketi FORMLAR 193 Formlar n Özellikleri 194 Formlar Nas l Çal fl r? 195 Formlar Hangi Elemanlar Bar nd r r? 195 Form Tasar m Yaparken Nelere Dikkat Edilmeli? 195 Form Tipleri Neler? 195 Formlarda Veri Girifli Nas l Kontrol Edilir? 195 Formlarda Onaylama Nas l Yap l r? 196 Method Özelli i 196 Action Özelli i 196 Form Elemanlar 197 Textbox Eleman 198 Size Özelli i 198 Maxlenght Özelli i 199 Value Özelli i 200 Password Eleman 201 TextArea Eleman 201 Cols ve Rows Özellikleri 202 Wrap Özelli i 204 Readonly Özelli i 206 CheckBox Eleman 207 Checked Özelli i 209 Radio Eleman 210 Checked Özelli i 215 Select Eleman 216 Selected Özelli i 217 Size Özelli i 217 <optgroup> Etiketi 219 Submit Eleman 220 Reset Eleman 221 FileUpload Eleman 221

6 ++WEB TEKNOLOJI-icindekiler 5/12/11 11:49 PM Page xii xii WEB TASARIM TEMELLER 10 XHTML 225 HTML nin Eksik Yap s 225 XHTML Nedir? 226 XHTML Avantajlar 227 XHTML Kurallar 227 Bir HTML Sayfas n XHTML Format na Getirmek 235 XHTML Sayfas n Test Etmek 240 Validate by URI 241 Validate by File Upload 243 Validate by Direct Input HTML Yeni Nesil HTML! 247 HTML5 Browser Deste i 248 HTML5 ile Gelen Yeni Elementler 249 HTML5 te Kald r lan Elementler 249 HTML5 için DTD Tan mlamas 250 Yeni Mant ksal Elementler 250 <canvas> Elementi 251 <video> Elementi 252 Controls Özelli i 253 Yeni Form Elemanlar 254 KISIM II: DREAMWEAVER 12 DREAMWEAVER A G R fi LK WEB SAYFAMIZ 263 Bofl Bir Sayfa Oluflturmak 265 Web Sayfam z Kaydetmek 268 Web Sayfas n Görüntülemek 270 Dreamweaver Preview Özelli i 272 Tasar m veya Kod Görünümünde Çal flmak 274 Live View Özelli ini Kullanmak 276 Haz r fiablonlarla Çal flmak 277 Sayfa Bafll Belirlemek 282 Sayfadaki Söz Dizim Hatalar n Bulmak 284 Var Olan Bir Web Sitesini Açmak 285 Web Sayfam z fiablon Haline Getirmek 287

7 ++WEB TEKNOLOJI-icindekiler 5/12/11 11:49 PM Page xiii Ç NDEK LER xiii 14 MET NLER LE ÇALIfiMAK 289 Properties Penceresi 289 Bafll k Oluflturmak 292 Metni Hizalamak 294 Yaz Girintisini Artt rmak 296 Listeler Oluflturmak 297 Özel Karakterler Eklemek 298 Yaz Tipini De ifltirmek 301 Yaz Büyüklü ünü De ifltirmek 303 Yaz Rengini De ifltirmek 304 Bütün Sayfaya Ayn Format Uygulamak 305 Yaz lar Kal n veya talik Yapmak RES MLER LE ÇALIfiMAK 309 Web Sayfas na Resim Eklemek 309 Resim Formatlar 311 Resimleri Boyutland rmak 312 Alternatif Yaz Belirlemek 314 Resmin Etraf ndaki Yaz lar Hizalamak 317 Resimlere Çerçeve Eklemek 319 Resmin Etraf nda Boflluk Oluflturmak 320 Arkaplan Resmi Ayarlamak 321 ImageMap Özelli ini Kullanmak 326 Resimlere Link Vermek 331 Rollover Resimler Oluflturmak L NKLER LE ÇALIfiMAK 337 Baflka Bir Siteye Link Vermek 338 Link Özelliklerini Görmek 339 Target Özelli ini Ayarlamak 340 Resimlere Link Vermek 341 Web Sitemizdeki Bir Sayfaya Link Vermek 342 Kategori.html Sayfas 343 Download.html Sayfas 343 letisim.html sayfas 343 Sayfam zdaki Dosyalara Link Vermek 346 Mail Linki Oluflturmak 348

8 ++WEB TEKNOLOJI-icindekiler 5/12/11 11:49 PM Page xiv xiv WEB TASARIM TEMELLER 17 TABLOLAR LE ÇALIfiMAK 351 Sayfaya Tablo Eklemek 352 Tablo Özellikleri 354 Tablonun Geniflli ini Ayarlamak 355 Hücreleri Boyutland rmak 357 Hücreleri Birlefltirmek 358 Hücrenin Arkaplan Rengini De ifltirmek 359 Hücreler çine Veri Girmek 360 Tablo Çerçevesini Ayarlamak 363 CellPad ve CellSpace Özellikleri 364 Hücre çindeki Verileri Hizalamak 367 Tabloya Yeni Bir Sat r Eklemek 368 Tablodan Sat r Silmek DREAMWEAVER LE FORM TASARLAMAK 371 KISIM III: CSS 19 CSS G R fi 385 CSS Söz Dizimi 386 Aç klama Sat rlar 386 ID ve CLASS Selector 386 ID Selector 386 CLASS Selector 387 CSS Nas l Uygulan r? 387 External CSS 387 Internal CSS 388 Inline CS CSS TEMEL filemler 391 Background fllemleri 391 Color Özelli i 391 Background-color Özelli i 392 Background-image Özelli i 393 Background-repeat Özelli i 394 Background-attachment Özelli i 394 Background-position Özelli i 395 Background Özelli i 396 Font fllemleri 397

9 ++WEB TEKNOLOJI-icindekiler 5/12/11 11:49 PM Page xv Ç NDEK LER xv Font-family Özelli i 397 Font-style Özelli i 398 Font-weight Özelli i 399 Font-size Özelli i 399 Text fllemleri 400 Text-indent Özelli i 400 Text-align Özelli i 401 Text-decoration Özelli i 402 Letter-spacing Özelli i 402 Text-transform Özelli i 403 Link fllemleri 403 KISIM IV: JAVASCRIPT 21 JAVASCRIPT G R fi 407 Web Tasar mda 3 Katman Mimarisi 407 Katmanlar n S ralanmas 408 JavaScript Nedir? 410 Java ile Javascript Ayn fiey midir? 411 JavaScript in Avantajlar 411 Script Nas l Çal fl r? TEMEL YAPILAR, DE fikenler VE OPERATÖRLER 415 Sayfada JavaScript Kullanmak 415 Sayfaya JavaScript Yerlefltirmek 417 Head Bölümünde JavaScript Kullanmak 417 Body Bölümünde JavaScript Kullanmak 418 External Olarak JavaScript Kullanmak 419 Mesaj.js Dosyas 419 HTML Dosyas 419 JavaScript Kod Yap s 422 Sayfaya Yaz Yazd rma 422 Aç klama Sat rlar 425 Tek Sat rl k Aç klama Sat r 425 Birden Fazla Sat rl k Aç klama Sat r 425 De iflkenler 427 De iflken Tan mlama Kurallar 428 Operatörler 432

10 ++WEB TEKNOLOJI-icindekiler 5/12/11 11:49 PM Page xvi xvi WEB TASARIM TEMELLER Aritmetiksel Operatörler 432 Atama Operatörleri Operatörü 435 Karfl laflt rma Operatörleri 437 Mant ksal Operatörler KOfiUL YAPILARI 441 If Koflul Yap s 441 If-Else Koflul Yap s 443 If-Else If-Else Koflul Yap s 445 Switch Koflul Yap s DÖNGÜLER 453 Döngülerin Avantajlar 454 Döngülerin Dezavantajlar 454 For Döngüsü 454 Break Komutu 465 Continue Komutu 467 For.. in.. Döngüsü 467 While Döngüsü FONKS YONLAR 473 Fonksiyonlar Ça rmak 473 Birden Fazla Fonksiyon Ça rma 475 Fonksiyonlarda Parametre Kullan m LET fi M PENCERELER (POPUP BOXES) 481 Alert Box 481 Confirm Box 483 Prompt Box 485 Varsay lan Yaz Belirlemek 486

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 4

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 4 BTP 207 İNTERNET PROGRAMCILIĞI I Ders 4 Sayfalara Resim Eklemek 2 Etiketi Sayfaya resim eklemek için kullanılır. JPG, BMP, GIF, PCX, PNG, TIFF, WMF gibi resim formatlarını destekler. Sonlandırmalı

Detaylı

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

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

Detaylı

Ç NDEK LER 1 PHP 6 1 PHP Nedir? 1 PHP nin Tarihi 2 PHP nin Avantajlar 4 PHP nin Dezavantajlar 4 PHP nin Çal flma Mant 6 PHP nin Çal flma Aral 8 PHP

Ç NDEK LER 1 PHP 6 1 PHP Nedir? 1 PHP nin Tarihi 2 PHP nin Avantajlar 4 PHP nin Dezavantajlar 4 PHP nin Çal flma Mant 6 PHP nin Çal flma Aral 8 PHP +PHP 6-icindekiler 5/10/11 12:08 PM Page ix Ç NDEK LER 1 PHP 6 1 PHP Nedir? 1 PHP nin Tarihi 2 PHP nin Avantajlar 4 PHP nin Dezavantajlar 4 PHP nin Çal flma Mant 6 PHP nin Çal flma Aral 8 PHP nin Yap Tafl

Detaylı

Ç NDEK LER G R fi 1 Bafllamadan Önce 1 Kitab Kimler Okumal? 1 Kitap çerisindeki Örnekler 2 Örneklerin Kullan m 3 Çekinmeden Yaz n 7

Ç NDEK LER G R fi 1 Bafllamadan Önce 1 Kitab Kimler Okumal? 1 Kitap çerisindeki Örnekler 2 Örneklerin Kullan m 3 Çekinmeden Yaz n 7 +AS3-icindekiler 4/13/10 10:51 PM Page ix Ç NDEK LER G R fi 1 Bafllamadan Önce 1 Kitab Kimler Okumal? 1 Kitap çerisindeki Örnekler 2 Örneklerin Kullan m 3 Çekinmeden Yaz n 7 1 PROGRAMLAMAYA G R fi 9 Programlama

Detaylı

G R fi 1 Adobe AIR E BAfiLANGIÇ

G R fi 1 Adobe AIR E BAfiLANGIÇ +ADOBE AIR-icindekiler 5/10/09 10:25 PM Page ix Ç NDEK LER G R fi 1 Kitab Kimler Okumal? 1 Bize Çekinmeden Yaz n 2 Kitaptaki Örneklerin Kullan m 3 DVD çerisindeki Örnekler 5 Flex Builder ile Arfliv Dosyalar

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ı

Doç.Dr. Yaşar SARI, Web Tasarımı Ders Notları 1

Doç.Dr. Yaşar SARI, Web Tasarımı Ders Notları 1 Doç.Dr. Yaşar SARI, Web Tasarımı Ders Notları 1 HTML ( Hyper Text Markup Language ) Html Nedir - Nasıl Hazırlanır? Html (Hypertext Markup Language) web sayfalarının yapımında kullanılan bir dildir. Diğer

Detaylı

çindekiler 01. Kurulum

çindekiler 01. Kurulum çindekiler 01. Kurulum 1 Niçin PHP Kullanmal y z? 1 Gerekli Programlar n Temin Edilmesi 2 PHP yi Temin Edelim 3 APACHE in Temin Edilmesi 3 MySQL in Temin Edilmesi 3 PHPMyAdmin in Temin Edilmesi 4 PHPed

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ı

Web Programlama Kursu

Web Programlama Kursu Web Programlama Kursu Bu kurs ne değildir? Neyi amaç edinmiştir? Bilgisayar Programcısı? Web Tasarımcısı? Web Programcısı? Neler öğreneceğiz? Kurs sonunda neler yapılabileceğiz? Örnek siteler Örnek Projeler

Detaylı

h a k a n b a b a c. n e t HTML Web Tasarımı ve Programlama

h a k a n b a b a c. n e t HTML Web Tasarımı ve Programlama HTML Web Tasarımı ve Programlama İ Ç E R İ K // HTML Internet Ortamı ve Web Tasarımı Temel HTML Etiketleri Listeleme Etiketleri Metin Düzenleme Etiketleri Bağlantı (Köprü) Oluşturma Tablolarla Çalışma

Detaylı

BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ YARD. DOÇ. DR. MEHTAP YALÇINKAYA 08.04.2011

BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ YARD. DOÇ. DR. MEHTAP YALÇINKAYA 08.04.2011 BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ HTML DERS NOTLARI 6. DERS YARD. DOÇ. DR. MEHTAP YALÇINKAYA 08.04.2011 HYPERLINKS - KÖPRÜ Sayfalara link (bağlantılar) oluşturmak için kullanılır.

Detaylı

MIS213T İNTERNET VE WEB PROGRAMLAMA GÜZ 2016 LAB DOKÜMANI #2. 1. Bölüm: Temel HTML Etiketleri - Resimler

MIS213T İNTERNET VE WEB PROGRAMLAMA GÜZ 2016 LAB DOKÜMANI #2. 1. Bölüm: Temel HTML Etiketleri - Resimler MIS213T İNTERNET VE WEB PROGRAMLAMA GÜZ 2016 LAB DOKÜMANI #2 Konular - Temel HTML etiketleri kullanma, - Resim, arkaplan rengi, arkaplan resmi ekleme, - Link oluşturma ve ekleme, - Maddeleme, numaralandırma,

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ı

ÖĞRENME FAALİYETİ 1 ÖĞRENME FAALİYETİ 1 1. FORMLAR

ÖĞRENME FAALİYETİ 1 ÖĞRENME FAALİYETİ 1 1. FORMLAR ÖĞRENME FAALİYETİ 1 AMAÇ ÖĞRENME FAALİYETİ 1 Uygun ortam sağlandığında web sayfaları için formlar oluşturabileceksiniz. ARAŞTIRMA Web sayfalarında formların kullanım amaçlarını ve nasıl kullanıldığını

Detaylı

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ı

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ı

WEB TASARIMI. c) Çeviriciler: Kullanıcının değişik biçimlerde hazırladığı belgeleri HTML biçimine dönüştürmeye sağlayan programlardır.

WEB TASARIMI. c) Çeviriciler: Kullanıcının değişik biçimlerde hazırladığı belgeleri HTML biçimine dönüştürmeye sağlayan programlardır. WEB TASARIMI 1) HTML (Hyper Text Markup Language-Hiper Metin işaretleme Dili): HTML bitr metin işaretleme dilidir. HTML kodları < ve > işaretleri arasına yazılır. Ör: : Açılış belirteci :

Detaylı

BİLGİSAYAR 4. MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ HTML DERS NOTLARI 9. DERS Tablolar (HTML Giriş) YARD. DOÇ. DR.

BİLGİSAYAR 4. MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ HTML DERS NOTLARI 9. DERS Tablolar (HTML Giriş) YARD. DOÇ. DR. 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

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ı

İNTERNET PROGRAMCILIĞI I

İNTERNET PROGRAMCILIĞI I BÖLÜM 10 10- TABLOLAR(TABLE) Metinleri listelerin yanısıra tablolar yardımıyla da düzenleyebiliriz. Sörf yaparken rastladığınız sayfalar çoğunlukla iç içe geçmiş tablolardan oluşur. Bu nedenle iyi bir

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ı

Web Formlar ve Sayfalar Arasında Bilgi Gönderme. BATML İnternet Programcılığı 1

Web Formlar ve Sayfalar Arasında Bilgi Gönderme. BATML İnternet Programcılığı 1 Web Formlar ve Sayfalar Arasında Bilgi Gönderme BATML İnternet Programcılığı 1 Bazı web sitelerinde sayfalar arasında bilgi veya değişken göndermek gerekebilir. Gönderilen bu bilgi kullanıcı adı ve şifre

Detaylı

Maltepe Üniversitesi Bilgisayar Mühendisliği Bölümü Internet ve Bilgi Teknolojileri (BİL 309) Dersi

Maltepe Üniversitesi Bilgisayar Mühendisliği Bölümü Internet ve Bilgi Teknolojileri (BİL 309) Dersi 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:

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ı

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

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ı

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

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ı

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ı

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ı

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ı

Web Teknolojileri ve Programla

Web Teknolojileri ve Programla Web Teknolojileri ve Programla Bu kurs ne değildir? Neyi amaç edinmiştir? Bilgisayar Mühendisi? Bilgisayar Programcısı? Web Tasarımcısı? Web Programcısı? Neler öğreneceğiz? Kurs sonunda neler yapılabileceğiz?

Detaylı

İNTERNET PROGRAMCILIĞI I

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

Detaylı

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ı

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ı

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ı

2 JAVASCRIPT TEMELLER

2 JAVASCRIPT TEMELLER ++JAVASCRIPT-icindekiler 4/1/10 4:35 AM Page vii Ç NDEK LER 1 JAVASCRIPT E G R fi 1 Javascript Kodlar n HTML Sayfas çerisine Eklemek 3 Kodlar Aras na Aç klama Sat rlar Eklemek 6 Kodlar m z Eski Sürüm Taray

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ı

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ı

İnternet Programcılığı

İnternet Programcılığı İnternet Programcılığı 1 Öğr.Gör. Fırat YÜCEL Akdeniz Üniversitesi Enformatik Bölümü Kaynak H.M. Deitel, P.J. Deitel and T.R. Nieto, Internet and World Wide Web: How to Program, Prentice Hall, 2002 2 Web

Detaylı

ÖĞRENME-ÖĞRETME YÖNTEM VE TEKNİKLERİ. Anlatım, göstererek yaptırma, uygulamalı çalışma. Anlatım, göstererek yaptırma, uygulamalı çalışma.

ÖĞRENME-ÖĞRETME YÖNTEM VE TEKNİKLERİ. Anlatım, göstererek yaptırma, uygulamalı çalışma. Anlatım, göstererek yaptırma, uygulamalı çalışma. EYLÜL EKİM 2.09.2009 25.09.2009 28.09.2009 02.10.2009 05.10.2009 09.10.2009 12.10.2009 16.10.2009 19.10.2009 23.10.2009 İnternet ile ilgili temel kavramları ve İnternet Tarayıcısının işlevini açıklayabilir.

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ı

1 JQUERY MOBILE 2 JQM SAYFA YAPISI

1 JQUERY MOBILE 2 JQM SAYFA YAPISI İÇİNDEKİLER IX İÇİNDEKİLER 1 JQUERY MOBILE 1 Mobil Hayat 1 Mobil Cihazlar 2 Mobil telefonlar 2 Düşük Teknoloji Ürünü Mobil Cihazlar 2 Orta ve Üst Seviye Mobil Cihazlar 3 Akıllı telefonlar 3 Tabletler 4

Detaylı

Zemin özellikleri Font özellikleri Kutu modeli özellikleri Tablo özellikleri Pozisyon özellikleri Liste özellikleri

Zemin özellikleri Font özellikleri Kutu modeli özellikleri Tablo özellikleri Pozisyon özellikleri Liste özellikleri Zemin özellikleri Font özellikleri Kutu modeli özellikleri Tablo özellikleri Pozisyon özellikleri Liste özellikleri Zemin Özellikleri Ögelere zemin (background) rengi vermek veya zemin resmi eklemek ile

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ı

ADOBE DREAMWEAVER CS5 CSS PANEL

ADOBE DREAMWEAVER CS5 CSS PANEL CSS Cascading Style Sheets ADOBE DREAMWEAVER CS5 CSS PANEL ve CSS3 ÖZELLİKLER TYPE Font-Family : Yaz lar n alaca yaz tipini belirler Font adlar al r, Tahoma, Verdana Arial gibi. font-family: Arial, Helvetica,

Detaylı

Ç NDEK LER 1 GRAF K TASARIM 1 Grafik Tasar m Nedir? 1 Türkiye de Grafik Tasar m Sektörü 3 Vektör Nedir? 4 Bitmap Nedir? 6 Neden CorelDraw?

Ç NDEK LER 1 GRAF K TASARIM 1 Grafik Tasar m Nedir? 1 Türkiye de Grafik Tasar m Sektörü 3 Vektör Nedir? 4 Bitmap Nedir? 6 Neden CorelDraw? ++CORELDRAWX5-icindekiler 3/23/11 12:59 PM Page ix Ç NDEK LER 1 GRAF K TASARIM 1 Grafik Tasar m Nedir? 1 Türkiye de Grafik Tasar m Sektörü 3 Vektör Nedir? 4 Bitmap Nedir? 6 Neden CorelDraw? 7 CorelDraw

Detaylı

Ç NDEK LER 1 MOB L DÜNYA 1 Girifl 1 Mobil Cihazlar 1 Mobil Cihazlar n Devrimi 5 iphone 6 Blackberry 6 Android flletim Sistemli Cihazlar 7 Windows

Ç NDEK LER 1 MOB L DÜNYA 1 Girifl 1 Mobil Cihazlar 1 Mobil Cihazlar n Devrimi 5 iphone 6 Blackberry 6 Android flletim Sistemli Cihazlar 7 Windows Ç NDEK LER 1 MOB L DÜNYA 1 Girifl 1 Mobil Cihazlar 1 Mobil Cihazlar n Devrimi 5 iphone 6 Blackberry 6 Android flletim Sistemli Cihazlar 7 Windows Mobile Destekleyen Cihazlar 7 Mobil Cihazlar n Gelecekteki

Detaylı

Temel Bilgisayar Terimleri Yrd. Doç. Dr. Devkan Kaleci

Temel Bilgisayar Terimleri Yrd. Doç. Dr. Devkan Kaleci 1 2 HTML, Hyper Text Markup Language kelimelerinin kısaltılmışıdır. HTML (Hareketli-Metin İşaretleme Dili) basitçe, browserlarla görebilen, internet dokümanları oluşturmaya yarayan bir çeşit dildir. HTML

Detaylı

İmleci yazıya getirip tıklayınca aşağıda hangi tag ler içinde olduğunu gösterir.

İmleci yazıya getirip tıklayınca aşağıda hangi tag ler içinde olduğunu gösterir. 21 Aralık 2011 / Çarşamba Önce bir site tanımlayacağız, yani önce çalışacağımız klasörü oluşturacağız. Bunun içinde, bir de resim klasörünü oluşturacağız. Görünüm : Classic Site Manage Site sitede düzenleme

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ı

11. STIL ŞABLONU (CSS) MENÜ İŞLEMLERİ

11. STIL ŞABLONU (CSS) MENÜ İŞLEMLERİ 11. STIL ŞABLONU (CSS) MENÜ İŞLEMLERİ Bu bölümü bitirdiğinizde, Sekmeli menünün nasıl yapıldığını, Dikey menünün nasıl yapıldığını, Yatay menünün nasıl yapıldığını, Dikey açılır menünün nasıl yapıldığını,

Detaylı

1 JAVASCRIPT NEDİR? 1

1 JAVASCRIPT NEDİR? 1 İÇİNDEKİLER IX İÇİNDEKİLER 1 JAVASCRIPT NEDİR? 1 2 TEST ORTAMINI TANIMAK (FİREFOX VE FİREBUG) 5 Firefox 6 Firebug 8 CSS Sekmesi 10 DOM Sekmesi 11 Net ve Çerezler Sekmeleri 11 Script Sekmesi 11 Konsol Sekmesi

Detaylı

Dreamweaver 8. Çalışma alanı yerleşimi. Doküman Penceresi (Document window)

Dreamweaver 8. Çalışma alanı yerleşimi. Doküman Penceresi (Document window) Çalışma alanı yerleşimi Dreamweaver 8 Windows ta, bütün işlemlerin tek pencereden yapıldığı bir entegre yerleşim sunmaktadır. Bu entegre çalışma alanında, bütün pencereler ve paneller tek bir büyük uygulama

Detaylı

HTML (Hyper Text Markum Language)

HTML (Hyper Text Markum Language) HTML (Hyper Text Markum Language) HTML nedir? Hyper Text Markup Language'in kısaltması olan HTML; anlamı hiper metin işaretleme dilidir, bir programlama dili değildir. Metin, resim ve diğer nesnelerin

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ı

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ı

Basamaklı Stil Şablonları (CSS) BIM206 Web Programlama

Basamaklı Stil Şablonları (CSS) BIM206 Web Programlama Basamaklı Stil Şablonları (CSS) BIM206 Web Programlama Basamaklı Stil Şablonları (CSS) CSS, bir HTML elemanının nasıl görüneceğini belirleyen kurallar tanımlamamızı sağlayar. Örneğin: Sayfanın arka planının

Detaylı

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

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

Detaylı

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ı

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

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

Detaylı

1 SILVERLIGHT A G R fi 2 KONTROLLER 3 DÜZEN PANELLER

1 SILVERLIGHT A G R fi 2 KONTROLLER 3 DÜZEN PANELLER ++SILVERLIGHT-icindekiler 9/12/11 4:17 PM Page vii Ç NDEK LER 1 SILVERLIGHT A G R fi 1 Girifl 1 Windows Presentation Foundation (WPF) Nedir? 2 WPF n Kazand rd klar 3 Silverlight Nedir? 4 Silverlight ile

Detaylı

HTML 6. Bölüm. Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com. Dersin Course Page: www.ismailkaras.com/228

HTML 6. Bölüm. Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com. Dersin Course Page: www.ismailkaras.com/228 HTML 6. Bölüm Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com (Son Güncelleme: 19.04.2015) Dersin Course Page: www.ismailkaras.com/228 Yığılmalı Stil Kağıtları / CSS-Cascading Style Sheets

Detaylı

Web sayfaları içinde tablolara sıkça ihtiyaç duyarız. Bu eğitim belgesinde temel tablo etiketlerini ve kullanımlarını öğreneceğiz.

Web sayfaları içinde tablolara sıkça ihtiyaç duyarız. Bu eğitim belgesinde temel tablo etiketlerini ve kullanımlarını öğreneceğiz. HTML Tablolar Web sayfaları içinde tablolara sıkça ihtiyaç duyarız. Bu eğitim belgesinde temel tablo etiketlerini ve kullanımlarını öğreneceğiz. Düzgün tanımlanmış tablolar birçok farklı etiketi içerdiği

Detaylı

Kurulum 14 FTP ye Bağlanmak ve Dosyaları Atmak 14 Veritabanı Oluşturulması ve Bağlanıp Kurulumun Tamamlanması 15

Kurulum 14 FTP ye Bağlanmak ve Dosyaları Atmak 14 Veritabanı Oluşturulması ve Bağlanıp Kurulumun Tamamlanması 15 vii 1 İçerik Yönetim Sistemi Nedir? 2 WordPress Nedir? 2 WordPress Kısa Tarihi 3 WordPress Gücünü Nereden Alıyor? 3 WordPress ile Neler Yapabiliriz? 4 Kişisel Blog 4 Kurumsal Blog 4 Kurumsal Site 4 Tanıtım

Detaylı

Yazılım Nedir? 2. Yazılımın Tarihçesi 3. Yazılım Grupları 4 Sistem Yazılımları 4 Kullanıcı Yazılımları 5. Yazılımın Önemi 6

Yazılım Nedir? 2. Yazılımın Tarihçesi 3. Yazılım Grupları 4 Sistem Yazılımları 4 Kullanıcı Yazılımları 5. Yazılımın Önemi 6 ix Yazılım Nedir? 2 Yazılımın Tarihçesi 3 Yazılım Grupları 4 Sistem Yazılımları 4 Kullanıcı Yazılımları 5 Yazılımın Önemi 6 Yazılımcı (Programcı) Kimdir? 8 Yazılımcı Olmak 9 Adım Adım Yazılımcılık 9 Uzman

Detaylı

MICROSOFT WORD 2002. Şekil 1 TABLO HAZIRLAMA : Word 2002/II TAB AYARLARI :

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

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ı

İÇİNDEKİLER 1 BAŞLARKEN 1

İÇİNDEKİLER 1 BAŞLARKEN 1 İÇİNDEKİLER V İÇİNDEKİLER 1 BAŞLARKEN 1 Giriş 1 Sistem Gereksinimleri 2 Dreamweaver CS6 ile Gelen Yeni Özellikler 3 Akıcı Izgara Mizanpajı 3 JQuery Mobile ve PhoneGap Desteği 4 Güncellenen Canlı Görünüm

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ı

3-Hafta Genel Sayfa Yapısı. Semantik Web Nedir? SEO Nedir? Sayfa Başlığı (Title) Konu Başlıkları (Heading) Genel Sayfa Düzeni

3-Hafta Genel Sayfa Yapısı. Semantik Web Nedir? SEO Nedir? Sayfa Başlığı (Title) Konu Başlıkları (Heading) Genel Sayfa Düzeni 3-Hafta Genel Sayfa Yapısı Semantik Web Nedir? SEO Nedir? Sayfa Başlığı (Title) Konu Başlıkları (Heading) Genel Sayfa Düzeni Semantik Web Nedir? Önceki bölümde çok basit bir HTML sayfasının nasıl meydana

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ı

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

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

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

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ı

EĞİTİM : HTML ve CSS. Bölüm : HTML (HyperText Markup Language) Konu : HTML Nedir? Page 1 of 35

EĞİTİM : HTML ve CSS. Bölüm : HTML (HyperText Markup Language) Konu : HTML Nedir? Page 1 of 35 EĞİTİM : HTML ve CSS Bölüm : HTML (HyperText Markup Language) Konu : HTML Nedir? Page 1 of 35 HTML (HyperText Markup Language) HTML, etiket (tag) adı verilen yapılardan oluşan, metin tabanlı bir işaretleme

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ı

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ı

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ı

Bilgisayar ALANI Web Tasarımına Giriş MODÜLÜ

Bilgisayar ALANI Web Tasarımına Giriş MODÜLÜ KIRGIZİSTAN CUMHURİYETİ GENÇLİK, EMEK VE İSTİHDAM BAKANLIĞI KIRGIZİSTAN TÜRKİYE MANAS ÜNİVERSİTESİ NİTELİKLİ İŞGÜCÜ GELİŞTİRME PROJESİ NİGEP САПАТТУУ ЖУМУШЧУ КАДРЛАРДЫ ДАЯРДОО ДОЛБООРУ САЖУКАД Bilgisayar

Detaylı

1 ORACLE 11G DATABASE SERVER LE

1 ORACLE 11G DATABASE SERVER LE Ç NDEK LER 1 ORACLE 11G DATABASE SERVER LE TANIfiALIM 1 Veritaban Sistemleri 1 Genel Bak fl 1 Relational Database ( liflkisel Veritaban ) Sistemleri 3 Neden Oracle Database Server? 5 Verileri Normallefltirme

Detaylı

Basamaklı Stil Şablonları (CSS) BIM206 Web Programlama

Basamaklı Stil Şablonları (CSS) BIM206 Web Programlama Basamaklı Stil Şablonları (CSS) BIM206 Web Programlama Basamaklı Stil Şablonları (CSS) CSS, bir HTML elemanının nasıl görüneceğini belirleyen kurallar tanımlamamızı sağlayar. Örneğin: Sayfanın arka planının

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ı

Html temelleri. Ders 4

Html temelleri. Ders 4 Html temelleri Ders 4 1 Giriş World Wide Web (Kısaca web) uygun protokoller kullanarak haberleşen yazılımların çalıştırıldığı internet üzerindeki sistemlerin bir koleksiyonudur. Çoğu sistem gününüzde en

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ı

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 5

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 5 BTP 207 İNTERNET PROGRAMCILIĞI I Ders 5 Stil Oluşturmak/CSS 2 CSS, Cascading Style Sheets = Katmanlı Biçim Sayfaları HTML nesnelerini biçimlendirmek için kullanılır. CSS Bileşenleri CSS yapısı 3 ana bileşenden

Detaylı

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ı

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ı

Önce Access açıp,masaüstü ne, vt.mdb adlı veri tabanı dosyasını oluşturuyoruz. Kayıt türünü 2002-2003 seçiyoruz

Önce Access açıp,masaüstü ne, vt.mdb adlı veri tabanı dosyasını oluşturuyoruz. Kayıt türünü 2002-2003 seçiyoruz 9 Şubat 2012 / Perşembe Önce Access açıp,masaüstü ne, vt.mdb adlı veri tabanı dosyasını oluşturuyoruz. Kayıt türünü 2002-2003 seçiyoruz 1) emlakkategorisi adlı tabloyu oluşturuyoruz 1 2) ilanlar adlı tabloyu

Detaylı

Ç NDEK LER 1 EXCEL 2010 LE GELEN ÖNEML YEN L KLER 1 Menü fieridini Özellefltirmek (Customize Ribbon) 1 Yeni Dosya Menüsü (File Menu) 9 Yeni Hücre çi

Ç NDEK LER 1 EXCEL 2010 LE GELEN ÖNEML YEN L KLER 1 Menü fieridini Özellefltirmek (Customize Ribbon) 1 Yeni Dosya Menüsü (File Menu) 9 Yeni Hücre çi EXCEL 2010-icindekiler 1/17/11 4:00 PM Page vii Ç NDEK LER 1 EXCEL 2010 LE GELEN ÖNEML YEN L KLER 1 Menü fieridini Özellefltirmek (Customize Ribbon) 1 Yeni Dosya Menüsü (File Menu) 9 Yeni Hücre çi Grafikler

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ı

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ı

İdari Birimler Yönetim Paneli Kullanma Kılavuzu Bilgi İşlem Daire Başkanlığı Web Tasarım Ve Yazılım Birimi

İdari Birimler Yönetim Paneli Kullanma Kılavuzu Bilgi İşlem Daire Başkanlığı Web Tasarım Ve Yazılım Birimi İdari Birimler Yönetim Paneli Kullanma Kılavuzu Bilgi İşlem Daire Başkanlığı Web Tasarım Ve Yazılım Birimi Duyurular Nasıl Girilir? Duyuru girmek için ilk olarak İKÇ yönetim panelinden; 1-Kullanıcı adınızı

Detaylı

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

8. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II. Öğr.Gör. Hakan YILMAZ. hakanyilmaz@karabuk.edu.tr 8. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II Öğr.Gör. Hakan YILMAZ hakanyilmaz@karabuk.edu.tr Karabük Üniversitesi Uzaktan Eğitim Uygulama ve Araştırma Merkezi 2 İçindekiler QUERYSTRING KOLEKSIYONU... 3 FORM

Detaylı

HTML TABLO OLUŞTURMA HALİL İBRAHİM AKGÜN

HTML TABLO OLUŞTURMA HALİL İBRAHİM AKGÜN HTML TABLO OLUŞTURMA HALİL İBRAHİM AKGÜN HTML Nedir? İşaretleme dili (HyperText Markup Language) Web sayfalarında gösterim işini sağlamak için kullanılan bir işaretleme dilidir. İşaretleme dili, metinlerin

Detaylı

4 Front Page Sayfası Özellikleri

4 Front Page Sayfası Özellikleri 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

Detaylı

GAZİANTEP ÜNİVERSİTESİ GMYO BİLGİSAYAR BÖLÜMÜ

GAZİANTEP ÜNİVERSİTESİ GMYO BİLGİSAYAR BÖLÜMÜ Hazırlayan: URL: Amaç: Ögr.Gör. Mehmet Emin ÖZCAN www.gantep.edu.tr/~ozcan/ders/internet1 MYO öğrencileri için css dökümanı Kaynaklar. GAZİANTEP ÜNİVERSİTESİ GMYO BİLGİSAYAR BÖLÜMÜ KASIM-2009 CSS (Cascading

Detaylı