WEB TASARIMI STİL ŞABLONLARI (CSS KULLANIMI) SAVAŞ TUNÇER.

Slides:



Advertisements
Benzer bir sunumlar
HTML.
Advertisements

HTML e GİRİŞ Temel HTML etiketleri.
SGB.NET’İN TEKNİK ALTYAPISI
HTML
Bilgi ve İletişim Teknolojileri Dersi
MIT504 İnternet ve Web Programlama: Javascript programlama devam Yrd. Doç. Dr. Yuriy Mishchenko.
HTML’ ye Giriş Uzm. Murat YAZICI.
WEB TASARIM TEKNİKLERİ
MIT505 İnternet ve Web Programlama: Web Şablonları ve Web düzenleme
Bilgisayar Dosya Uzantıları
BU DERSTE ÖĞRENECEKLERİMİZ Web sayfası oluşturma teknikleri Bir siteyi yönetmek Tablolarla çalışmak Stil sayfaları oluşturmak Katmanlarla çalışmak Form.
BTEP 203 – İnternet ProgramcIlIğI - I
Stil Sayfaları HTML dosyaları oluştururken her satır ve paragraf için gerekli biçimleri ilgili yerlerde her seferinde belirtmemiz gerekir. Bazı durumlarda.
Javascript Oğuz İNAL.
İNTERNET PROGRAMCILIĞI I
IT504 ~~DOM~~ Belge Nesne Modeli I
CSS CSS- Cascading Style Sheets: Stil şablonları HTML'e ek olarak metin ve format biçimlendirme alanında fazladan olanaklar sunan bir web teknolojisidir.
ÖDEVLER 1-Listeleme etiketleri 2-Color 3-Sayfa içinde bağlantı oluşturma Hilal BAYIR 2344 TUZLA TEKN İ K OKULLARI.
HTML (HYPER TEXT MARKUP LANGUAGE) TEMEL ETİKETLERİ
DELEGATE OOP-UYG.
CSS Birimleri.
İnternet Programcılığı II
WEB TASARIMININ TEMELLERİ
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.
Yrd. Doç. Dr. Yuriy Mishchenko
İnternet Programcılığı I
WEB TASARIMINDA TEMEL KAVRAMLAR
HTML HYPER TEXT MARKUP LANGUAGE Burcu Yılmaz – İ brahim Mert Bilişim Teknolojileri Ö ğ retmeni.
CSS – Stil Şablonları (Cascading style Sheet)
WEB TASARIMININ TEMELLERİ HTML. HTML FORMLARI VE BİLGİ GİRİŞİ FORM, FORM ELEMANLARI BARINDIRAN BİR ALANDIR. FORM ELEMANLARI KULLANICILARDAN BİLGİ GİRİŞİNE.
İNTERNET PROGRAMLAMA - 1
İNTERNET PROGRAMCILIĞI I
STiL ŞABLONU (CSS) TEMELLERİ
Cascading Style Sheets (Stil Şablonları)
İnternet Programcılığı II
İNTERNET PROGRAMCILIĞI I
Tablo Özellikleri Tablo oluştururken kullandığımız , , ve etiketlerine şu ana kadar gördüğümüz özellikleri uygulayarak görsel açıdan.
WEB TASARIMININ TEMELLERİ
WEB PROGRAMCILIĞI.
HTML HYPER TEXT MARKUP LANGUAGE Ayşe AK İ DA Ğ I Bilişim Teknolojileri Ö ğ retmeni.
WEB SİTESİ YAPIYORUM HTML
CASSCADING STYLE SHEETS
Yrd. Doç. Dr. Doğan AYDOĞAN
WEB2.0 ARAÇLARI Gökçe Hanım EMİR K ONULAR : ajax, rss, css, vidcast, podcast podcast.
CSS NEDİR.
Dersi Özeti Kursun içeriğini özeti Alt başlıkları Proje Kurs esnasında kullanmayı planladığımı editörler HTMLe giriş Temel etiketler Notepad+’da.
2-Hafta Temel İşlemler * Html Komutlarının Yapısı * Açıklamalar
Yrd. Doç. Dr. Murat Olcay Özcan
Web Teknolojileri Hafta 3 1. İçerik  Cascading Style Sheets - CSS 2.
HTML HTML Nedir? HTML Ne İşe Yarar?. HTML (HyperText Markup Language / Hareketli-Metin İşaretleme Dili) basitçe, tarayıcılarla görebileceğimiz, internet.
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.
HTML Bağlantılar (Link). Link Nedir? HTML'in önemli özelliklerinden biri, bir metin parçası ya da bir resim üzerinden başka bir belgeyle ya da web adresiyle.
BİLİŞİM TEKNOLOJİLERİ 1 MODÜL : WEB TASARIM. HTML 2.
PHP'de Program Denetimi
BİLİŞİM TEKNOLOJİLERİ
ISUZU TEDARİKÇİ PORTALINA ERİŞİM PROBLEMLERİ VE ÇÖZÜM ÖNERİLERİ
İnternet Programcılığı I
Web Tasarımı Giriş.
HTML HTML Stilleri.
İNTERNET PROGRAMCILIĞI 1
XHTML ile HTML Arasındaki Farklar
Tarayıcı Sorunları ve Çözümleri
İNTERNET PROGRAMCILIĞI 1
AHMET YESEVİ ÜNİVERSİTESİ
WEB TASARIMI AJAXTOOLKIT KULLANIMI Savaş TUNÇER.
WEB TASARIMI BOOTSTRAP KULLANIMI SAVAŞ TUNÇER
WEB TASARIMI CK EDİTÖR KURULUM AŞAMALARI VE KULLANIMI SAVAŞ TUNÇER.
WEB TASARIMI – HTML BİLGİSİ SAVAŞ TUNÇER
WEB TASARIMI HTML LİSTELER VE FRAMELER SAVAŞ TUNÇER.
İST1111 BİLGİSAYAR UYGULAMALARI HTML
Sunum transkripti:

WEB TASARIMI STİL ŞABLONLARI (CSS KULLANIMI) SAVAŞ TUNÇER

Css kullanım Şekilleri Yerel css :Yerel stil şablonları HTML belgesinin body bölümüne yazılır. Sadece bir kereliğine, yazıldıkları yerde etkili olur. Genel css : HTML belgesinin head bölümüne yazılır ve belgenin tümünü etkiler. Harici css : Ayrı bir kod sayfası olarak yazılır kaydedilir ve kullanılacağı sayfaya eklenir.

YEREL CSS... HTML derslerinde geçen ama üzerinde pek durmadığımız style parametresi üzerinde açıklama yapmam gerekiyor. style parametresi,,,,, gibi birçok kod için kullanılabilir:... Yukarıda HTML derslerinden tanıdığımız, paragraf oluşturan koduna style parametresi atanmıştır. Böylece paragrafın sola yaslanmasını, 12pt (point: nokta) font büyüklüğündeki harflerden oluşmasını, harflerin renginin kırmızı olmasını sağlıyoruz. style parametresinde birden fazla özellik tanımlanacaksa, örnekte olduğu gibi her özellikler arasına ";" işareti konur.

Css CSS Kullanımı CSS Kullanımı CSS Kullanımı

yerel css ile INTERNET EXPLORER 9 REKOR KIRDI Merakla beklenen ve tarayıcı savaşlarını kökünden etkileyeceği düşünülen Internet Explorer 9un beta sürümü 2 haftada çok büyük ilgi gördü. Microsoftun açıklamasına göre, Internet Explorer 9 beta iki hafta içinde 6 milyon defa indirildi. 15 Eylülde yayınlanan Internet Explorer 9 beta, IE 8in beta sürümünü de 2.5 katına katladı. IE 9da HTML 5e büyük destek veren Microsoft, tarayıcısına W3C İnternet Standartları testini uyguladı. Metin Kaçan

Nesne Özelliklerini Genelleştirme Sayfa tasarımında CSSden yararlanacaksak style="..." parametresini kullanmamız şart değil,sayfa özelliklerini... kodları arasında da tanımlayabiliriz.... kodları... bölümünde; bir fonksiyonmuşcasına yer alır. (Fonksiyonları

Genel Stil Şablonları (genel css) H1 {font-size:18pt ; color:#336699} Selektor Değer özellikDeğerözellik Bildirim Alanı Bildirim alanı

Bu uygulamanın aynısını koduyla aşağıdaki şekilde yapabiliriz:

CSSyi Dış Dosya ile Tanımlama Web sayfamızın... kısmına aşağıdaki kodlarla.css uzantılı dosyanızla bağlantı kurun; mesela dosyanın ismi tarz.css olsun: Dış dosya yolu ile... ……………

Önce tarz.css dosyasını oluşturalım