İNTERNET PROGRAMCILIĞI 1

Slides:



Advertisements
Benzer bir sunumlar
Seramik Dental İmplantlar
Advertisements

BİYOGAZ HAZIRLAYANLAR : HAKAN DEMİRTAŞ
BÖLÜM 5 . KÜTLE BERNOULLI ENERJI DENKLEMİ
HAZIRLAYANLAR AYHAN ÇINLAR YUNUS BAYIR
Yeniliği Benimseyen Kategorilerinin Bütüncül ve Analitik Düşünme Açısından Farklılıkları: Akıllı Telefonlar için Bir İnceleme Prof. Dr. Bahtışen KAVAK,
Doç. Dr. Hatice Bakkaloğlu Ankara Üniversitesi
Newton’un Hareket Yasaları
19. VE 20. YÜZYILDA BİLİM.
Enerji Kaynakları-Bölüm 7
AKIŞKANLAR DİNAMİĞİ BÖLÜM 8 . BORULARDA AKIŞ.
İŞGÜCÜ PİYASASININ ANALİZİ
BRÜLÖR GAZ KONTROL HATTI (GAS TRAİN)
SES DONANIMLARI Ayşegül UFUK Saide TOSYALI
İŞLETİM SİSTEMİ İşletim Sistemi Nedir İşletim Sisteminin Görevleri
Tıbbi ve Aromatik Bitkilerin Hayvansal Üretimde Kullanımı
MUHASEBE YÖNETMELİĞİ KONFERANSI
Bu sitenin konusu kıyamete kadar hiç bitmeyecek
DUYUŞ VE DUYUŞSAL EĞİTİMİN TANIMI
ÇOCUKLARDA BRONŞİOLİT VE PNÖMONİ
Alien hand syndrome following corpus callosum infarction: A case report and review of the literature Department of Neurology and Radiology, Yantai Yuhuangding.
Parallel Dağılmış İşlemci (Parallel Distributed Processing)
TANJANT Q_MATRİS Aleyna ŞEN M. Hamza OYNAK DANIŞMAN : Gökhan KUZUOĞLU.
ADRESLEME YÖNTEMLERİ.
Diksiyon Ödevi Konu:Doğru ve etkili konuşmada
AZE201 ERKEN ÇOCUKLUKTA ÖZEL EĞİTİM (EÇÖE)
ÇUKUROVA ÜNİVERSİTESİ KARATAŞ TURİZM İŞLETMECİLİĞİ VE OTELCİLİK
EĞİTİMDE YENİ YÖNELİMLER
BAĞIMLILIK SÜRECİ Prof Dr Süheyla Ünal.
FACEBOOK KULLANIM DÜZEYİNİN TRAVMA SONRASI STRES BOZUKLUĞU, DEPRESYON VE SOSYODEMOGRAFİK DEĞİŞKENLER İLE İLİŞKİSİ  Psk. Asra Babayiğit.
BİLİŞİM TEKNOLOJİLERİ NEDİR?
PSİKO-SEKSÜEL (RUHSAL) PSİKO-SOSYAL
Sinir Dokusu Biyokimyası
Can, H. (1997). Organizasyon ve Yönetim.
Bölüm 9 OPERASYONEL MÜKEMMELİYETİ VE MÜŞTERİ YAKINLAŞMASINI BAŞARMA: KURUMSAL UYGULAMALAR VIDEO ÖRNEK OLAYLARI Örnek Olay 1: Sinosteel ERP Uygulamalarıyla.
ERGENLİKTE MADDE KULLANIMI
Şeyda GÜL, Fatih YAZICI, Mustafa SÖZBİLİR
MOL HESAPLARINDA KULLANILACAK BAZI KAVRAMLAR:
AKIŞKANLAR MEKANİĞİ 3. BASINÇ VE AKIŞKAN STATİĞİ
GAZLAR Yrd. Doç. Dr. Ahmet Emin ÖZTÜRK. GAZLAR Yrd. Doç. Dr. Ahmet Emin ÖZTÜRK.
Engellerin farkında mıyız?
CEZA MUHAKEMESİ HUKUKU
DİSİPLİN HUKUKU.
İZMİR.
ACİL YARDIM ve AFET YÖNETİMİ ÖĞRENCİLERİNİN KARAR VERME DÜZEYLERİ
Yazar:ZEYNEP CEREN YEŞİLYURT Danışman: YRD. DOÇ. DR
TEMEL MAKROEKONOMİ SORUNLARI VE POLİTİKA ARAÇLARI
IMPLEMENTATION OF SOME STOCK CONTROL METHODS USED IN BUSINESS LOGISTICS ON DISASTER LOGISTICS: T.R. THE PRIME MINISTRY DISASTER AND EMERGENCY MANAGEMENT.
Mikrodalga Sistemleri EEM 448
Örnekler Programlama Dillerine Giriş
Modülasyon Neden Gereklidir?
A416 Astronomide Sayısal Çözümleme - II
İSTATİSTİK II Hipotez Testleri 1.
4.BÖLÜM ÇAĞDAŞ BÜYÜME MODELLERİ
Ayçiçeği Neden Stratejik Ürün Olmalı?
Aydınlanma Işığın doğası ile ilgili bilgilerin tarihsel süreç içindeki değişimini farkeder. a. Dalga ve tanecik teorisinden bahsedilir,
Final Öncesi.
Sayısal Haberleşme.
ULUSLARARASI FİNANS.
Elektrik Enerjisi Üretimi, Dağılımı ve Depolanması
İÇ ORGANLARIN YAPISI VE İŞLEYİŞİ
DENK KUVVET SİSTEMLERİ
Dil Materyalleri ve Çalışmaları Doç. Dr. Müdriye YILDIZ BIÇAKÇI
Sosyal Bilimler Enstitüsü
Anlamsal Web, Anlamsal Web Dilleri ve Araçları
Hazırlayan; Görkem Baygın Yabancı Dil / M Şubesi 21 Maddede İngiliz Dili Edebiyatı Okumak Ne Demektir?
FURKAN EĞİTİM VAKFI TEFSİR USULÜNE GİRİŞ
BİN AYDAN DAHA HAYIRLI GECE KADİR GECESİ
Tarımsal nüfus ve tarımda istihdam
AKIŞKANLAR MEKANİĞİ 3. BASINÇ VE AKIŞKAN STATİĞİ
Emir ÖZTÜRK T.Ü. F.B.E. Bilg. Müh. A.B.D. Y.L. Semineri
Sunum transkripti:

İNTERNET PROGRAMCILIĞI 1 Öğr. Gör. Canan ASLANYÜREK

TABLO İŞLEMLERİ <TABLE> Etiketi: En genel tablo etiketidir. Tablonun başlangıç ve bitişi ile tabloya ait özellikleri belirler. Tablo ile ilgili tüm etiketleri içerisine alır. Align: Tabloyu yatay konumda hizalamak için kullanılır. Varsayılan değeri left dir. Left: Sola yaslı Right: Sağa yaslı Center: Ortalı

TABLO İŞLEMLERİ Border: Çerçevenin başlığını belirler. Sayısal değer alır. CellSpacing: Hücreler arası boşluğu belirler. 2 varsayılan değerdir. CellPadding: Hücre içeriğinin hücre sınırlarına olan uzaklğını belirler. Varsayılan değer 1 dir. Width/Height: Tablonun genişliğini ve yüksekliğini belirlemek için kullanılır. Sabit sayısal değer ve ya yüzde cinsinden değer alabilir.

TABLO İŞLEMLERİ Not: Genişliği ve yüksekliği piksel cinsinden tanımlanan tablolar sayfanın boyutları değişse de sabit kalırlar. Yüzde olarak tanımlanan tablolar sayfa boyutları ile değişirler. BgColor: Arkaplan rengini belirler. Background: Arkaplan resmini belirler. BorderColor: Çerçeve rengini belirler.

<TR> ETİKETİ Tabloya satır eklemek için kullanılır. Her bir satır için bir kez kullanılması gerekir. Tablolar oluşturulurken önce satırlar sonra o satır içindeki sütunlar oluşturulur. Align: İçeriğin yatayda hizalanması için kullanılır. Left, right, center ve justify(iki yana yaslı) değerlerini alır.

<TR> ETİKETİ VAlign: Hücre içerisindeki metnin düşeydeki yerleşimini ayarlar. Top: Üstte Middle: Ortada Bottom: Altta BgColor: Arkaplan rengini belirler.

<TD> ETİKETİ Bir satır üzerinde sütunlar oluşturmak için kullanılır. Satır etiketleri arasında kullanılır. <TD> etiketleri arasında hücreye ait içerik bulunur. Align: İçeriğin yataydaki hizası için kullanılır. Left, right, center, justify değerlerini alabilir. Width/ Height: Sütunun genişliğini ve yüksekliğini ayarlamak için kullanılır.

<TD> ETİKETİ Valign: Düşeydeki konumunu ayarlar. Ortalı(Middle), üstte(top), altta(bottom) olabilir. BgColor: Arkaplan rengini belirler. Tablo oluştururken sırasıyla şu adımlar oluşturulur. Önce <tablo> etiketi ve gerekli parametreleri belirlenir. Her bir satır için <tr> </tr> etiket çifti kullanılır. Sütun sayısınca her bir satırda <td> </td> etiket çifti kullanılır. Tablo içeriği <td> </td> etiketleri arasına yazılır. </tablo> etiketi sonlandırılır.

UYGULAMA <html> <head> </head> <body> <tablo border="1"> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <td>4</td> <td>5</td> <td>6</td> </tr> </table> </body> </html>

UYGULAMA <html> <head> <title> Tablolar</title> </head> <body> <table border="1" cellspacing="0" width="70%" bordercolor="red"> <tr> <td>Merhaba</td> </tr> <td> Dumansız</td> <td>Hava Sahası</td> </table> </body> </html>

<TH> ETİKETİ Tabloda özellikle sütunların başlangıcını başlık olarak belirlemek için kullanılır. Özellikleri <td> etiketi ile aynıdır. Hücrelerin içeriği başlık olarak kabul edilip kalın olarak gösterilir.

UYGULAMA <html> <head></head> <body> <table border="1" cellpadding=0 cellspacing=0> <tr> <th>Asal</th> <th>Tek</th> <th>Çift</th> </tr> <td>13</td> <td>21</td> <td>24</td> </table> </body> </html>

HÜCRELERİ BİRLEŞTİRMEK Hücreleri birleştirmek için <TD>etiketinin aşağıdaki özellikleri kullanılır. ColSpan: Aynı satırdaki hücreleri birleştirmek için kullanılır. Sütunları birleştirir. Sayısal değer alır. Bu değer birleştirilecek hücre sayısını gösterir. RowSpan: Aynı sütundaki hücreleri birleştirmek için kullanılır. Satırları birleştirir. Sayısal değer alır. Bu değer birleştirilecek hücre sayısını gösterir. Bu parametrelerin aldığı değer kadar alt etiketlerde <TD> etiketi kullanılmaz.

UYGULAMA <html> <head></head> <body> <table border="1"> <tr> <td>1</td> <td rowspan=2>2</td> <td>3</td> </tr> <td>4</td> <td>6</td> <td>7</td> <td>8</td> <td>9</td> </table> </body> </html>

UYGULAMA <html> <head></head> <body> <table border="1"> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <td colspan="2">4</td> <td>6</td> </tr> <td>7</td> <td>8</td> <td>9</td> </tr> </table> </body> </html>

FRAMES(ÇERÇEVELER) Aynı tarayıcı penceresinde birbirinden bağımsız birden fazla sayfanın gösterimine imkan veren yapılardır. Bu yapıya en çok sayfanın bir kısmı sabit ve bir kısmı değişken olması gerektiğinde ihtiyaç duyulur. Kullanımı yaygın değildir.

<FRAMESET> ETİKETİ Çerçeve grubunu oluşturmak için kullanılır. Table etiketi gibi çerçeve yapısının başlangıcını ve bitişini gösterir. Çerçeveler satır ve sütunlardan oluşur. Aldığı parametreler aşağıda verilmiştir. HTML5’te kullanımdan kaldırılmıştır. Cols ve ya rows seklinde aldığı argümanlar ile sayfanın ne şekilde yerleşeceği belirlenir. Cols: Sütunları belirler. Rows: Sayfayı satırlara bölmek için kullanılır.

<FRAMESET> ETİKETİ Cols ve ya rows seklinde aldığı argümanlar ile sayfanın ne şekilde yerleşeceği belirlenir. <frame> etiketi ile de hangi bölümün hangi HTML dosyasından oluşacağı belirlenebilir. <frameset cols="25%,75%"> (dikey çerçevelerin genişliği)

<FRAMESET> ETİKETİ Örneğin cols="150,350" gibi sayı yazılabilir, cols="45%,65%" ile browser penceresinin o anki ebadına göre verilen % oranlarına göre şekil alması sağlanabilir yada (*) sembolü ile açılacak çerçevenin ebadı browser'a bırakılır, cols="150,*" ifadesi ilk pencerenin 150 pixel olacağını * ise ikinci frame'in geri kalan boşluğun tümünü kaplayacağını belirtiyor. Bu şekilde açılacak çerçeve sayısını da belirtmiş olur. Aynı <frameset> tag'ı içinde hem "cols" hem de "rows" etiketleri kullanılmaz. Anca iç içe frameler yapılırsa kullanılabilir.

<FRAMESET> ETİKETİ Frame kullanırken kullandığımız frame'e isim vermek için name elemanını ve frame'in bulunduğu yeri göstermek için de src elemanını kullanırız. frameborder=“...” (yes, no) Çerçeveler arasındaki sınır çizgisinin görünüp görünmeyeceğini belirler. border=“...” Çerçeveleri birbirinden ayıran çizgilerin kalınlığını belirler. (çerçeveler arası mesafeyi) bordercolor ; kullandığınız çerçevenin kenarlığına renk vermek için kullanılır.

<FRAMESET> ETİKETİ Çerçevenizde kenarlık istemiyorsanız, border=”0” ve frameborder=”no” vermelisiniz. scrolling=".." (yes, no, auto) Kaydırma çubuklarının durumunu belirler. Noresize Pencere boyutlarının sabit olmasını sağlar.

KAYNAK Ebubekir Yaşar, Turgut Özseven, İnternet Programcılığı 1