Selamun Aleykum
THT Ailesi
Bugün ki konumuz CSS tanımak.
1. http://www.turkhackteam.org/web-programlama/1470875-html5-uygulamali-egitim-ders-1-rolls.html
Göz Atabilirsiniz.
--------------------------------------------------------------
Gelelim Eğitime
Bugün Css tanıyalım
-----------------------------
CSS Nedir?
CSS bir kısaltmadır. "Cascading Style Sheets" kelimesinin baş harflerinden oluşur.Türkçe kelimesi: Basamaklı Stil Sayfası.
Stiller, bir HTML elementinin nasıl görüneceğini belirleme olanağı sağlar.
Stiller HTML 4.0'da bir problemi çözmemizi sağlar. Siteyi görselleştirme!
HTML dosyamızın daha anlaşılır olmasını sağlar. Stillerimiz tek bir dosyada toplanır ve kolaylıkla okunur - değiştirilir.
Stil dosyalarımızın uzantısı *.css dir. CSS Dosyası birçok stil barındırabilir.
Stiller css uzantılı dosyalara kaydedilerek kullanılır, görüntüyü hızlı ve etkili bir şekilde değiştirmenize yarar, düzenlemesi kolaydır, web sitenize kod fazlalığı yaratmaz. İşte bu kadar marifetli.
↓↓↓
Örnek Verelim
(Kodları biraz açıklama ile tanıyalım)
Bir css ifadesi her zaman noktalı virgül ( ; ) ile biter. İfadeler bir kıvrımlı parantez içinde yer alır. Aşağıdaki örneğe bakalım:
Yukarıda tek satırda belirttiğimiz kodları istersek aşağıdaki şekilde de yazabiliriz. Daha anlaşılır olacaktır:
↓↓↓
Açıklama Eklemek
Örnek
Şunu hiç bir zaman unutmayın
CSS'de en çok Seçim genel olarak stilini belirleyeceğimiz HTML elementidir, h1, a, body, p gibi.
İfadeler ise sürekli olarak özellik: değer; şeklinde { ve } işaretleri arasında sıralanırlar.
↓↓↓
CSS Misyonu
THT Ailesi
---------------------------------
Bugün ki konumuz CSS tanımak.
--------------------------------------------------------------
HTML5 eğitimine başlangıç olarak açılımını vermiştim1. http://www.turkhackteam.org/web-programlama/1470875-html5-uygulamali-egitim-ders-1-rolls.html
Göz Atabilirsiniz.
--------------------------------------------------------------
Gelelim Eğitime
Bugün Css tanıyalım
-----------------------------
CSS Nedir?
CSS bir kısaltmadır. "Cascading Style Sheets" kelimesinin baş harflerinden oluşur.Türkçe kelimesi: Basamaklı Stil Sayfası.
↓↓↓
CSS ne işimize yarar?Stiller, bir HTML elementinin nasıl görüneceğini belirleme olanağı sağlar.
Stiller HTML 4.0'da bir problemi çözmemizi sağlar. Siteyi görselleştirme!
HTML dosyamızın daha anlaşılır olmasını sağlar. Stillerimiz tek bir dosyada toplanır ve kolaylıkla okunur - değiştirilir.
Stil dosyalarımızın uzantısı *.css dir. CSS Dosyası birçok stil barındırabilir.
↓↓↓
Detaylı AçıklamaStiller css uzantılı dosyalara kaydedilerek kullanılır, görüntüyü hızlı ve etkili bir şekilde değiştirmenize yarar, düzenlemesi kolaydır, web sitenize kod fazlalığı yaratmaz. İşte bu kadar marifetli.
↓↓↓
Örnek Verelim
(Kodları biraz açıklama ile tanıyalım)
Bir css ifadesi her zaman noktalı virgül ( ; ) ile biter. İfadeler bir kıvrımlı parantez içinde yer alır. Aşağıdaki örneğe bakalım:
Kod:
[CENTER]p { color: red; text-align: center; }[/CENTER]Yukarıda tek satırda belirttiğimiz kodları istersek aşağıdaki şekilde de yazabiliriz. Daha anlaşılır olacaktır:
Kod:
p
{
color: red;
text-align: center;
}Açıklama Eklemek
Örnek
Kod:
/* TURK HACK TEAM */
p
{
/* Siyah Renk olacak */
color: red;
/* Ortalanmış olacak */
text-align: center;
}Şunu hiç bir zaman unutmayın
CSS'de En Büyük Etkenler ve Kurallar
CSS'de en çok Seçim genel olarak stilini belirleyeceğimiz HTML elementidir, h1, a, body, p gibi.
İfadeler ise sürekli olarak özellik: değer; şeklinde { ve } işaretleri arasında sıralanırlar.
↓↓↓
CSS Misyonu
Bu liste tasarımcı, programcı, flashçı ve Arayüz geliştirici ayrımını yapabilmiş şirketler için geçerlidir.
Kod:
[COLOR="Red"]HTML bilmek:[/COLOR] [COLOR="White"]Çok iyi derecede HTML bilmelidir ve uygulamada gereksiz kod yığınlarında kaçınmalıdır.[/COLOR]
Kod:
[COLOR="Red"]CSS Bilmek:[/COLOR] [COLOR="White"]Çok iyi derecede CSS bilmelidir. Katman tabanlı kodlamayı bilmelidir. Tablosuz sayfa yapısını tasarlamalıdır.[/COLOR]
Kod:
[COLOR="Red"]Javascript:[/COLOR] [COLOR="White"]Çok iyi derecede javascript bilmelidir. Ajax ve javascript kütüphanelerinden birine(jquery, mootools, vd.) hakim olmalı ve uygulama geliştirebilmelidir.[/COLOR]
Kod:
[COLOR="Red"]Gelişmiş Kod Yazma:[/COLOR] [COLOR="White"]Arama motorlarına, erişebilirlik ilkelerine, farklı platform ve tarayıcılara uygun kod yazmalıdır. En az kod ile en yüksek performansı almalıdır.[/COLOR]
Kod:
[COLOR="Red"]İçerik Yönetim Sistemleri:[/COLOR] [COLOR="White"]Şirket içi CMS vb. içerik yönetim sistemlerini bilmeli ve kullanmalıdır.[/COLOR]
Kod:
[COLOR="Red"]Mailing:[/COLOR] [COLOR="White"]Mailing standartların bilemeli ve buna uygun mailing kodları hazırlamalıdır. HTML Mailing -1: Mailing Kodlarken Dikkat Edilmesi Gerekenler | HTML Mailing 2 Mailing HTML Kodunun Yazılması[/COLOR]
Kod:
[COLOR="Red"]Görsel Araçlar:[/COLOR] [COLOR="White"]Adobe Photoshop, Firework veya benzeri bir programı kendi işini yapacak kadar bilmelidir.[/COLOR]
Kod:
[COLOR="Red"]Takım Çalışması:[/COLOR] [COLOR="White"]Takım çalışmalarına uyumlu olmalıdır. Proje Yöneticisi, tasarımcı, flashçı ve programcılar ile etkileşimli çalışmalıdır.[/COLOR]
Kod:
[COLOR="Red"]Yenilikçi:[/COLOR] [COLOR="White"]Web mecrasındaki gelişmeleri takip etmeli ve uygulamalarında bu yenilikleri gerektiğinde kullanmalıdır.[/COLOR]
Kod:
[COLOR="Red"]Yabancı Dil:[/COLOR] [COLOR="White"]En az yenilikleri takip edecek kadar İngilizce bilmelidir.[/COLOR][/CENTER]
Kod:
[COLOR="Red"]Sunucu Taraflı Diller:[/COLOR] [COLOR="White"]Asp.Net, PHP vb. sunucu taraflı dillerin genel mantığını bilmelidir.[/COLOR]---------------------------------------------------------------
---------------------------------------------
--------------------------------
-----------------------
----------
Okuduğunuz için teşekkür ederim.
:RpS_thumbup:
Bugün CSS Tanıtımını yaptık.
Bir daha ki dersimiz HTML5 ve CSS uygulamaları göreceğiz.
☪
-----------------------
------------------------------:RpS_thumbup:
Bugün CSS Tanıtımını yaptık.
Bir daha ki dersimiz HTML5 ve CSS uygulamaları göreceğiz.
ÖNEMLİ
HTML5 ve HTML eğitimleri görnek istiyorsanız yukarıda link göz atabilirsiniz.------------------------------------------------------
--------------------------------------------
------------------------------
-----------------------
--------------------------------------------
------------------------------
-----------------------
☪
-----------------------
--------------------------------------------
------------------------------------------------------
THT Ailesine
Selamlar Olsun Hayırlı Hafta Sonlar
↓↓↓
-Rolls-
Asistan/ Stajer
THT Ailesine
Selamlar Olsun Hayırlı Hafta Sonlar
↓↓↓
-Rolls-
Asistan/ Stajer
