İ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

<BODY> ETİKETİ ve ALT ETİKETLERİ Sayfa içeriği ve biçimi ile ilgili ayarların yapıldığı ve alanı sınırlar. <body> etiketinin aldığı özellikler şunlardır. Alink: Aktif bağlantıların rengini belirler. Vlink: Ziyaret edilen bağlantıların rengini belirler. Link: Bağlantının rengini belirler.

<BODY> ETİKETİ ve ALT ETİKETLERİ Text: Sayfadaki metnin rengini belirler. BgColor: Sayfanın arka plan rengini belirler. BackGround: Sayfanın arka plan resmini belirler. TopMargin: Üst kenar boşluğu LeftMargin: Sol kenar boşluğu

UYGULAMA Aşağıdaki kodları yazarak tarayıcı sayfasında görüntüleyiniz. <html> <head> </head> <body topmargin= " 5" text=" #000080" bgcolor=" #C000C0> Merhaba </body> </html>

METİN BİÇİMLENDİRME ETİKETLERİ <FONT> ETİKETİ Yazıda etkin olacak fontla ilgili çeşitli biçimlendirmeleri yapmak için kullanılır. Fontun tipi, rengi ve büyüklüğü ayarlanabilir. Color: Yazının rengini belirler. Face: Metinin yazı tipini belirler. Size: Yazının büyüklüğünü belirler. 1 ile 7 arasında değer alır. <font face="Comic Sans MS" size="2" color="#00FF00"> Çağan</font>

UYGULAMA Aşağıdaki kodları yazarak tarayıcı sayfasında görüntüleyiniz. <html> <head> <title>Hoşgeldiniz</title> </head> <body> <p><font color="#0000FF" size="3" face="Courier New">Merhaba</font></p> <p><font size="2">Ben Çağan</font><p> <p><font color="#008000" size="2"> Mailim c.aslnyrk@gmail.com </font> </p> </body> </html>

METİN BİÇİMLENDİRME ETİKETLERİ <B> (Bold) Etiketi : Metni kalın ve koyu yapar. <b> Merhaba Dünya</b> <I> (Italic) Etiketi: Metni italik biçimde yazar. <i>Merhaba Dünya</i> <U> (Underline) Etiketi: Metni altı çizili olarak biçimlendirir. <u> Merhaba Dünya</u> <S> (Strikeout) Etiketi: Metni üstü çizili olarak biçimlendirir. <s> Merhaba Dünya</s>

METİN BİÇİMLENDİRME ETİKETLERİ <SUB> Etiketi: Metni alt simge olarak gösterir. H <sub>2</sub>0 𝐻 2 o <SUP> Etiketi: Metni üst simge olarak gösterir. 3<sup>2</sup> = 9 3 2

UYGULAMA <B>, <ı>, <U>, <S>, <SUB>, <SUP> etiketlerinin kullanımına yönelik bir sayfa hazırlayalım. <html> <head> </head> <body> <B>Dikkat!</B> <BR> <I> Sıcaklıklar bu hafta <U> aşır ı</U> artacaktır.</I> <BR> Sıcaklık 10<SUP> o</SUP> C seviyesine çıkacaktır. </body> </html>

ETİKETLERİN İÇ İÇE KULLANILMASI Etiketler birbirini kapsama alanına alabilir. Az önce yaptığımız uygulamada <I> etiketi <U> etiketini kapsamıştır. Bu gibi durumlarda dikkat edilmesi gereken en önemli nokta bir etiketin başlangıç ve bitiş etiketleri arasına hiçbir etiketin sadece başlangıç veya bitiş etiketi gelmemelidir. Örnek: 2 2 * 3 2 işleminin sonucu= (2∗3) 2 ifadesini yazdırınız.

ETİKETLERİN İÇ İÇE KULLANILMASI <html> <head> </head> <body> 2 <SUP>2</SUP>*3<SUP>2</SUP> İşleminin sonucu =(2*3)<SUP>2</SUP </body> </html>

UYGULAMA GALATASARAY kelimesini kırmızı arka plan üzerine sarı olarak 3 büyüklüğünde biçimli şekilde yazdırınız. EMİN ismini bir harfi kırmızı diğeri yeşil olarak mavi zemin üzerine yazınız.(E ve İ harfleri kalın(bold) olacak) 𝐻 2 𝑆𝑂 4 ifadesini web sayfasında oluşturunuz. Burada sigara içmek yasaktır. Cümlesini sigara kelimesi kırmızı ve bold olarak oluşturunuz.

FONKSİYONEL ETİKETLER Özel biçime sahip çeşitli formatlarda metin düzeni için kullanılan etiketlerdir. <EM> Etiketi: Vurgulama amaçlı kullanılır. İtalik etkiye sahiptir. Sigara içmek erken<em>öldürür</em> <STRONG> Etiketi: Vurgulama amaçlı kullanılır. Koyu ve kalın metin etkiye sahiptir. Sigara sefilce <strong> öldürür</strong> <CODE> Etiketi: Programlama dillerine ait kodları belirlemek için kullanılır.

METİN BLOKLARI ETİKETLERİ <P> (Paragraph) Etiketi: Metin içerisinde paragraf oluşturmak için kullanılır. Align: Paragrafı hizalamak için kullanılır. Aşağıdaki değerleri alır. Left: Sola yaslı Right: Sağa yaslı Center: Ortalı

METİN BLOKLARI ETİKETLERİ <BR> (Break) Etiketi: Satırbaşı için kullanılır. <html> <head> </head> <body> Web sayfamıza hoşgeldiniz.<br> Bu sayfa en kısa zamanda güncellenecektir.<br> <p align="center"> Bizi izlemeye devam ediniz.</p> <p> Canan ASLANYÜREK</p> </body> </html>

METİN BLOKLARI ETİKETLERİ <H1>….<H6> (Headings) Etiketleri: Başlık etiketleridir. H harfinin rakamsal değeri başlığın büyüklüğünü belirler. Bu değer 1 için en büyük başlık, 6 sayısı için en küçük başlık demektir. Başlıktan sonra içerik alt paragraftan devam eder. Align: Başlığın hizasını belirler. Left: Sola dayalı Right: Sağa dayalı Center: Ortalı

UYGULAMA <html> <body> <H1 align="center">Sigaranın Zararları</H1> Alt başlıklarda çeşitli sigara etkilerini göreceksiniz. <H3>Sigara Kaynaklı Hastalıklar</H3> Sigara kaynaklı hastalıkların başında onlarca türe sahip kanser çeşitleri gelmektedir. </body> </html>

METİN BLOKLARI ETİKETLERİ <HR> (Horizontal Ruler) Etiketi: Sayfaya yatay bar şeklinde çizgi eklemek için kullanılır. Sonlandırmalı olmayan etikettir. Size: Piksel cinsinden kalınlığını belirler. Varsayılan değer 2 dir. Width: Genişliğini belirler. Varsayılan %100. Color: Barın rengini belirler. Varsayılan siyahtır. Align: Yataydaki konumunu verir, varsayılan değer center dir. Left: Sola yaslı Right: Sağa yaslı Center: Ortalı

UYGULAMA <html> <head> </head> <body> <H1 align=center>Dikkat sigara içmek yasaktır.</H1> <HR size="5" width=90%> Lokantamızda yasağa uymayanlar hakkında cezai işlemler yapılacaktır. </body> </html>

<DIV> (Division) Etiketi Sayfa içerisinde katman oluşturmak için kullanılır. Yapışık ayrı birer sayfa parçası olarak davranırlar. Katmanlar stil kodları ile sayfanın istenen koordinatlarına istenen boyutlarda yerleştirilebilir.

UYGULAMA <html> <head> </head> <body> Sayfamıza hoşgeldiniz. <div align="center" > Sigara içerisinde bulunan zararlı maddeler<BR> Nikotin<BR> Katran<BR> Karbon Monoksit<BR> </div> </body> </html>

<SPAN> ETİKETİ Satır içerisindeki verileri gruplamak için kullanılır. <html> <head> </head> <body> Sigara İçmek Sağlığa <span style="background-color:#FF0000"> Zararlıdır</span> </body> </html>

<BLOCKQUOTE> Verileri gruplamak için kullanılır. <html> <head> </head> <body> Fen Bilimleri <blockquote> Fizik<br> Kimya<br> <Biyoloji> </blockquote> Matematik Aritmetik<br> Geometri<br> </body> </html>

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