İNTERNET PROGRAMCILIĞI I

Slides:



Advertisements
Benzer bir sunumlar
HTML e GİRİŞ Temel HTML etiketleri.
Advertisements

ŞAHİN AKDAĞ.
DREAMWEAVER TABLO OLUŞTURMA VE TABLO ÖZELLİKLERİ
HTML’e Devam Uygulama.
HIZLI ERİŞİM ARAÇ ÇUBUĞU MENÜLER ŞEKİL , RESİM EKLEME TABLO EKLEME
HTML’ ye Giriş Uzm. Murat YAZICI.
WEB EDİTÖRÜ STİL SAYFALARI GELİŞTİRMEK
İnternet Programcılığı
Temel Bilgisayar Bilimleri Dersi
Kelime İşlemci Programı
Stil Sayfaları HTML dosyaları oluştururken her satır ve paragraf için gerekli biçimleri ilgili yerlerde her seferinde belirtmemiz gerekir. Bazı durumlarda.
Kırklareli Üniversitesi Pınarhisar Meslek Yüksekokulu
İNTERNET PROGRAMCILIĞI I
Kırklareli Üniversitesi Pınarhisar Meslek Yüksekokulu
Tablosuz Tasarım Div ler.
HTML’E GİRİŞ.
CSS CSS- Cascading Style Sheets: Stil şablonları HTML'e ek olarak metin ve format biçimlendirme alanında fazladan olanaklar sunan bir web teknolojisidir.
Kutu Modeli Özellikleri
HTML (HYPER TEXT MARKUP LANGUAGE) TEMEL ETİKETLERİ
İNTERNET PROGRAMCILIĞI I BTP 207 Ders 6. Metinleri biçimlendirmek için kullanılır. Özellikleri ve aldıkları değerler:  Color: Metnin rengini belirler.
CSS Birimleri.
TABLOLAR.
MICROSOFT OFFICE.
“Sunum Tuzaklarını Önleme”
Font Özellikleri Web sayfamızdaki metinlerin font ailesini, boyutunu, kalınlık ayarlarını, büyük-küçük harf olmasını ve stilini değiştirmek için kullanılır.
STİL ŞABLONU (CSS) ÖZELLİKLERİ
SOSYAL BİLGİLER ÖĞRETMENLİĞİ BİLGİSAYAR 2 NOT 2
HTML HYPER TEXT MARKUP LANGUAGE Burcu Yılmaz – İ brahim Mert Bilişim Teknolojileri Ö ğ retmeni.
CSS – Stil Şablonları (Cascading style Sheet)
Slayt (PowerPoint) Hazırlama
Bilgisayarda Ofis Programları
İNTERNET PROGRAMCILIĞI I BTP 207 Ders 4. Etiketi Sayfaya resim eklemek için kullanılır. JPG, BMP, GIF, PCX, PNG, TIFF, WMF gibi resim formatlarını destekler.
İNTERNET PROGRAMLAMA - 1
HTML KODLARI HTML Dokümanındaki ilk etiket <html>’dir.
HTML :Hyper Text Markup Language explorer, firefox, opera herhangi bir derleyiciye ihtiyaç duymadan çalışabilir metin biçimlendirme resim ekleme ve biçimlendirme.
İNTERNET PROGRAMLAMA - 1
Metin (Text) Özellikleri
Listeleme Etiketleri.
BİÇİMLENDİRME İŞLEMLERİ
İLERİ HTML.
İNTERNET PROGRAMCILIĞI I
İNTERNET PROGRAMLAMA - 1
Bulut Bilişim (Google Drive Örneği)
Tablo Özellikleri Tablo oluştururken kullandığımız , , ve etiketlerine şu ana kadar gördüğümüz özellikleri uygulayarak görsel açıdan.
HTML (Hyper Text Markup Language) İnternet dökümanları oluşturmaya yarayan işaretleme dilidir.
WEB TASARIMININ TEMELLERİ
HTML HYPER TEXT MARKUP LANGUAGE Ayşe AK İ DA Ğ I Bilişim Teknolojileri Ö ğ retmeni.
TEMEL SAYFA YAPISI İŞLEMLERİ
WEB SİTESİ YAPIYORUM HTML
Yrd. Doç. Dr. Doğan AYDOĞAN
KELİME İŞLEMCİ PROGRAMI
CSS NEDİR.
İnternet Programlama-I HTML-TABLOLAR. HTML TABLOLARI HTML DİLİNDE TABLO OLUŞTURMAK İÇİN TAGI KULLANILIR. İYİ BİLİNMESİ GEREKEN KONULARDAN BİRİDİR ÇÜNKÜ.
HTML Bu sunu PowerPoint'in yeni yeteneklerini gösterir ve en iyi Slayt Gösterisi'nde görüntülenebilir. Bu slaytlar, PowerPoint 2010'da oluşturacağınız.
BİTİRME ÖDEVİNİN BAŞLIĞI Öğrencinin Numarası, Adı Soyadı
MS WORD Kullanımı OFFICE DÜĞMESİ HIZLI ERİŞİM ARAÇ ÇUBUĞU MENÜLER
Zemin özellikleri Font özellikleri Kutu modeli özellikleri Tablo özellikleri Pozisyon özellikleri Liste özellikleri.
Web Tasarımı 2.Hafta. HTML Nedir  Hyper Text Markup Language (Hiper Metin İşaretleme Dili) web sayfalarını oluşturmak için kullanılan standart metin.
WORD KULLANIMI Sayfaya sütun ve satırların oluşturduğu hücrelerden oluşan bir tablo eklememizi sağlar. TABLO EKLEMEK.
BİTİRME ÖDEVİNİN BAŞLIĞI Öğrencinin Numarası, Adı Soyadı
YAZI KARAKTERİ Bir yazı karakteri, aynı belirgin tasarıma sahip karakterlerin, harflerin, rakamların, sembollerin, noktalama işaretlerinin (vb.) bir.
HTML HTML Stilleri.
İNTERNET PROGRAMCILIĞI 1
WORD KULLANIMI Office Word Programı ile çalışma sayfamıza  Yazı yazabilir,  Yazılarımızın görünümlerini değiştirebilir,  Tablolar oluşturabilir,  Resim.
AHMET YESEVİ ÜNİVERSİTESİ
WEB TASARIMI – HTML BİLGİSİ SAVAŞ TUNÇER
“Sunum Tuzaklarını Önleme”
Öğretim Teknolojileri ve Materyal Tasarımı Görsel Materyalleri Tasarlama Süreci Görsel Tasarımın Unsurları: Yazılı Unsurlar Dr. Süleyman Sadi SEFEROĞLU.
Bulut Bilişim (Google Drive Örneği)
“Sunum Tuzaklarını Önleme”
Sunum transkripti:

İNTERNET PROGRAMCILIĞI I BTP 207 İNTERNET PROGRAMCILIĞI I Ders 3

<BODY> Etiketi ve Alt Etiketleri Sayfa içeriği ve biçimi ile ilgili ayarların yapıldığı etikettir. <BODY> etiketinin aldığı özellikler: Alink: Aktif bağlantıların rengini belirler. Vlink: Ziyaret edilen bağlantıların rengini belirler. Link: Bağlantının rengini belirler. Text: Sayfadaki metnin rengini belirler. Bgcolor: Sayfanın arka plan rengini belirler. BackGround: Sayfanın arka plan resmini belirler. TopMargin: Üst kenar boşluğunu belirler. LeftMargin: Sol kenar boşluğunu belirler. Entropy can be changed from one base to another

<BODY> Etiketi ve Alt Etiketleri UYGULAMA: Body etiketinin kullanımı Verilen kodları yazarak tarayıcı sayfasında görüntüleyiniz. Yukarıda verilen ama burada kullanılmayan özellikleri kullanarak kendinize ait uygulama yapınız. Entropy can be changed from one base to another

Metin Biçimlendirme Etiketleri <FONT> Etiketi Yazıda etkin olacak fontla ilgili biçimlendirmeleri yapmak için kullanılır. Fontun tipi, rengi ve büyüklüğü ayarlanabilir. Color: Yazının rengini belirler. Face: Yazı tipini (Times New Roman, Verdana, Arial,…) belirler. Size: Yazının büyüklüğünü belirler. 1 ile 7 arasında değer alır. <font face=“Verdana” size=“2” color=“#00FF00”> Merhaba </font> Yukarıdaki etiket sayfaya yeşil renkte, Verdana tipinde ve 2 boyutunda “Merhaba” yazacaktır. Entropy can be changed from one base to another

Metin Biçimlendirme Etiketleri UYGULAMA: Font etiketinin kullanımı Verilen kodları yazarak tarayıcı sayfasında görüntüleyiniz. Farklı renk, tip ve büyüklükte yazılar yazdırınız. Entropy can be changed from one base to another

Metin Biçimlendirme Etiketleri <B> (Bold) Etiketi Metni kalın ve koyu yapar. <b> BTP 207 </b> <I> (Italic) Etiketi Metni italik biçimde yazar. <i> BTP 207 </i> <U> (Underline) Etiketi Metni altı çizgili olarak biçimlendirir. <u> BTP 207 </u> <S> (Strikeout) Etiketi Metni üstü çizgili olarak biçimlendirir. <s> BTP 207 </s> Entropy can be changed from one base to another

Metin Biçimlendirme Etiketleri <SUB> Etiketi Metni alt simge olarak gösterir. Örneğin, H<sub>2</sub>O etiketinin çıktısı H2O şeklinde olacaktır. <SUP> Etiketi Metni üst simge olarak gösterir. Örneğin, 4<sup>2</sup>=16 etiketinin çıktısı 42=16 şeklinde olacaktır. Entropy can be changed from one base to another

Metin Biçimlendirme Etiketleri UYGULAMA: Verilen kodları yazarak tarayıcı sayfasında görüntüleyiniz. Farklı biçimlerde yazılar yazdırınız. Entropy can be changed from one base to another

Metin Biçimlendirme Etiketleri Etiketlerin İç İçe Kullanılması Etiketler birbirlerinin kapsama alanında olabilir. Yukarıdaki örnekte, <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 sadece bitiş etiketinin gelmemesi gerektiğidir. Örnek 1: “32*42 işleminin sonucu = (3*4)2” ifadesini yazdırınız. Örnek 2: ES-ES kelimesini siyah arkaplan üzerine kırmızı olarak 7 büyüklüğünde yazdırınız. Örnek 3: INTERNET kelimesini verildiği şekilde ekrana yazdırınız. Örnek 4: INTERNET kelimesini bir harfi kırmızı diğeri beyaz olarak siyah zemin üzerine yazdırınız. Entropy can be changed from one base to another

Fonksiyonel Etiketler <EM> (Emphasis) Etiketi Vurgulama amaçlı kullanılır. İtalik etkiye sahiptir. Sigara sağlığa <em>zararlıdır</em> <STRONG> Etiketi Vurgulama amaçlı kullanılır. Metni koyu ve kalın yapar. Sigara sağlığa <strong>zararlıdır</strong> <CODE> Etiketi Programlama dillerine ait kodları belirtmek için kullanılır. Örnek 5: Aşağıdaki programlama kodunu code etiketini kullanarak ekrana yazınız. Entropy can be changed from one base to another

Fonksiyonel Etiketler <KBD> (Keybord) Etiketi Klavyeden girilen değerleri ifade etmek için kullanılır. Sigara içmek sağlığa <kbd>zararlıdır</kbd>. <SAMP> (Sample) Etiketi Örnek verilen metin nesnelerini vurgulamak için kullanılır. İnce sesli harfler <samp>A, E, İ, Ü</samp> dir. <CITE> (Citation) Etiketi Alıntıları ifade etmek için kullanılır. <VAR> (Variable) Etiketi Değişken yapıya sahip metin nesnelerini vurgulamak için kullanılır. <DFN> (Definition) Etiketi Tanımlamalara vurgu yapmak için kullanılır. <ADDRESS> Etiketi İtalik biçimde adres ve yer tanımlamaları yapmakiçin kullanılır. Entropy can be changed from one base to another

Metin Blokları Etiketleri <P> (Paragraph) Etiketi Metin içerisinde paragraf oluşturmak için kullanılır. Align özelliği paragrafı hizalamak için kullanılır. Aşağıdaki değerleri alır. Left: sola yaslı Right: sağa yaslı Center: ortalı UYGULAMA: Verilen kodları yazarak tarayıcı sayfasında görüntüleyiniz. İstediğiniz bir şiiri, başlığını ortalayarak ekrana yazdırınız. Entropy can be changed from one base to another

Metin Blokları Etiketleri <BR> (Break) Etiketi Satırbaşı için kullanılır. Sonlandırması yoktur. <NOBR> (No Break) Etiketi Tarayıcılar ekranın çözünürlüğüne göre yatayda sığmayan uzun cümleleri, <BR> <P> etiketleri olmasa dahi, bir alt satırda görüntüler. Bunun istenmediği durumlarda <nobr> etiketi kullanılmalıdır. <H1>…<H6> (Headings) Etiketleri Başlık etiketleridir. H harfinin yanındaki rakamsal değer 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. Align özelliği başlığın hizasını belirler. Aşağıdaki değerleri alır. Left: sola yaslı Right: sağa yaslı Center: ortalı Entropy can be changed from one base to another

Metin Blokları Etiketleri <HR> (Horizontal Ruler) Etiketi Sayfaya yatay bar şeklinde çizgi eklemek için kullanılır. Sonlandırması yoktur. <HR> etiketinin özellikleri ve aldıkları değerler: Align: Barın yatay konumunu ayarlar, varsayılan değeri center dır. Left: sola yaslı Right: sağa yaslı Center: ortalı Size: Barın piksel cinsinden kalınlığını belirler. Varsayılan değeri 2 dir. Width: Barın genişliğini belirler. Varsayılan değeri %100’dür. Color: Barın rengini belirler. Varsayılan değeri siyahtır. NoShade: Gölgeli olmayan yalın bir çizgi için kullanılır. Entropy can be changed from one base to another

Metin Blokları Etiketleri UYGULAMA: Verilen kodları yazarak tarayıcı sayfasında görüntüleyiniz. Kendiniz herhangi bir metni yatay ikiye bölerek bir sayfa oluşturunuz. Çıktısı: Entropy can be changed from one base to another