1.<Style > elemanı kullanarak
<style> elemanı sayfada <head> </head> blokları arasına yazılarak içerisine CSS kodları yazılır.<style> elemanı ile sayfada tek bir yere CSS kodlarını ortak bir konuma yerleştirebilir ve CSS kodlarını tekbir yerden kontrol edebilirsiniz.
Burada <style> tagları arasında CSS kod blokları tanımlanmıştır.<style> tagı muhakkak kapatılmalıdır.
<style> tagının parametreleri ve aldıkları değerler;
| Parametre | Açıklama |
| title | Bu parametre ile CSS kod blogu için bir not ekleyebilirsiniz. Örneğin;
<style title=”01.02.2008 tarihli stil kodlarım”> |
| type | İçerik tipi tanımlaması için kullanılınır. İçerik text/ css olarak atanmalıdır. |
| media | Bu parametre ile CSS kodlarının hangi ortamlarda çalışacağını deklare edebilirsiniz. Bu parametrenin kullanılması zorunlu değildir. CSS kodları ile biçimlendirilen XHTML sayfaları tarayıcılarda, cep telefonlarında, projeksiyon cihazlarında görüntülenmek istenebilir. Bu durumda media tanımlaması yapabilirsiniz. Media parametresinin aldığı değerler aşağıdadır.
Eğer media = “all” derseniz yazdığınız CSS kodları tüm ortamlarda görüntülenmek için oluşturulur. Aural : ses karışımlı ortamlar için Braille : görme özürlüler için oluşturulmuş özel ortamlarda Handheld:el bilgisayarları ortamlarında Print : yazıcı çıktılarında Projection : projeksiyonda Screen: default değer bilgisayar ortamlarında Tty:teleks ortamlarında Tv: televizyon ekranı için Not: web tarayıcıları yukarıdaki tüm özellikleri desteklemediğinden screen , print değerlerini kullanmak yeterli olacaktır. |
| Spyr: | Dreamweaver SPYR konusu altında işlenecektir. |
2. HTML imleri içine, satır içine ( in – line) :
Bir XHTML imi içerisine style özelliğini kullanarak CSS kodlarını yazabilirsiniz. Aslında bu yöntem çok kullanışlı olmamakla beraber XHML imlerinin özelliklerini tek tek belirlemek için kullanılabilir.
Örnekte paragrafın yazısının mavi ve üstü çizili olması istenmiş bu durumda bu kod sadece yazıldığı <p> etiketini etkileyecektir.
3. @import yöntemi ile ithal etmek :
Başka sayfalarda yazılı olan CSS kurallarını import deyimi ile sayfanıza dahil edebilirsiniz.import yöntemi <link> ile eklenen CSS kodlarından önce tarayıcılar tarafından yorumlanır.import yöntemi bazı eski tarayıcılar tarafından kullanılamazlar (nescape 4) Bu yöntemi kullanarak belgenize birden fazla CSS dosyası ekleyebilirsiniz.
Burada import yöntemini kullanırken yukarıdaki yazı kurallarından istediğinizi kullanabilirsiniz.
<style> tagı içerisinde hem import işlemi hemde yerel CSS kodları yazabilirsiniz.
Burada hem 2 tane CSS dosyası import edilmiş hemde yerel CSS kodları yazılmıştır.
Media parametresine bağlı olarak CSS dosyalarını koşullu ithal edebilirsiniz. Örneğin kullanıcı sayfayı yazdırmak istediğinde sayfanın CSS kodlarını yazıcı. css sayfasından almasını sağlayabilir ve sayfanızı yazıcıdan çıktı alınacak görünüme getirebilirsiniz.
import deyimi ile bir web sitesi altındaki css dosyası sayfaya ithal edilebilir.
@import url (“http://www.saeml.com/ana.css”) gibi
4.HARİCİ CSS dosyalarını sayfaya bağlamak (<link>)
CSS kodlarını her zaman bir XHTML belgesi içinde saklamak tek yöntem değildir. Bunun dışında CSS kodlarımızı uzantısı. css olan dosyalarda saklayıp daha sonra bu. css uzantılı dosyanın içindeki kodları sayfamıza dahil edebiliriz.
Bu yöntem diğer yönteme göre daha avantajlı olacaktır. CSS kodlarımız ayrı bir sayfada olduğundan diğer tüm sayfalar tarafından kullanılabilir durumda olacaktır. Her sayfa için aynı kodları yazmamıza gerek kalmayacaktır.
Harici bir CSS dosyasını @import yöntemini kullanarak başka bir CSS dosyasına aktarabilirsiniz. Ama bu durumda <link> elemanını kullanamazsınız.(yani bağlayamazsınız)
Şekilde görüldüğü gibi alt.css @import yöntemi kullanılarak ust.css dosyası içerisine dahil edilmiş .
Bir CSS dosyasını XHTML belgeleri içerisine <link> ve @import yöntemleri kullanılarak dahil edilebilir.
CSS dosyalarının içeriğini ister @import ile ister <style> ile web belgesine dahil edin iki durum dada sanki CSS kodları web belgesinin kendi içine (head kısmına) yazılmış gibi davranırlar.
sayfaya bağlayacağım CSS dosyasını href parametresine yazıyorum.Burada relative (göreceli) bir yol tanımlaması yapılmalıdır..
5. media özelliğini kullanarak CSS kodlarını kullanılacağı ortama göre gruplamak
CSS kodlarının media türüne göre yazılması
Media özelliği ile oluşturmuş olduğumuz stil kodlarının hangi ortamda çalışacağını ayarlayabiliyorduk bu durumda CSS kodlarını media özelliğini kullanarak guruplara ayırıp web belgemizin içine yazabiliriz.
@media deyimi ;
İki gurup CSS kodu var @media screen kodları belge tarayıcıda izlenirken kullanılacak . @media print içindeki kod gurupları da sayfa yazıcıdan çıktı alınacağı zaman kullanılacak.
CSS dosyalarının media türüne göre sayfaya dahil edilmesi.
Dışarıdan ithal edilen CSS kodlarını media ile ortama göre gruplandırmak için;
@import url(ana.css) screen;
@import url(yazıcı.css) print ;
Yada <link> elemanı ile
<link rel=”stylesheets” type=”text/css” href=”ana.css” media=”screen” />
<link rel=”stylesheets” type=”text/css” href=”yazıcı.css” media=”print” />
Şeklinde yazmamız mümkün
10 views
CSS (Cascading Style Sheets)
CSS : Basamaklanan stil sayfaları yada stil şablonları olarak tanımlayabiliriz. Javascript derslerinde bahsettiğim gibi bir web sayfasını içerik + sunum + etkileşim olarak 3 ana başlık altında inceleyebiliriz.Burada içerik kısmı HTML ile sunum kısmı CSS ile ve etkileşim kısmı JAVASCRIPT kullanılarak oluşturulur.
XHTML (eXtensible Hyper Text Markup Language) genişletilebilir HTML olarak tanımlayabiliriz . XHTML ile var olan HTML dili daha da güncelleştirilmiştir. XHTML daha katı kurallara sahiptir.XHTML standartlara uyulması ve genel sayfa tanımlanması yapılması zorunlu hale getirilmiştir.Örneğin XHTML de belge tipi kesinlikle tanımlanmalı , taglar yani etiketler küçük harfle yazılmalı , açılan her tag kapatılmalı , taglar iç içe yuvalandığında tagların kapanış sırasına dikkat edilmeli(ilk önce açılan en son kapatılmalı) , tag özellikleri yazılırken kesinlikle bir değere atanmalı ve değer tırnak içinde olmalı (property=”value”) gibi katı kurallara uyulmasını ister. CSS ile beraber XHTML kullanarak daha kesin ve iyi sonuçlar almamız mümkün olacaktır.W3C konsorsiyumu CSS ile beraber XHTML kullanılmasını tavsiye eder.
İçerik XHTML elemanlarının sakladığı nesnelerdir.XHTML nesnelerin stillerini belirtmek için kullanılmaz.XHTML etiketleri ile sayfa içerisine yerleştirdiğimiz nesnelere görünümleri ile ilgili kısıtlı özellikler ekleyebiliriz
CSS tek başına kullanılmaz , XHTML etiketlerine işlevsel özellikler katar. Yani bir XHTML etiketinin sakladığı nesnenin görünümü , özelliklerini CSS kullanarak çok rahat ve konforlu bir şekilde değiştirebiliriz.CSS ile mevcut XHTML etiketlerinin sakladığı nesnelerin görsel özelliklerini değiştirebilir, XHTML etiketlerini yeniden tanımlayabiliriz XHTML etiketlerinin yeteneklerini arttırabiliriz.
CSS ile belgenizin görünümünü kontrol edersiniz , CSS ile görsel özellikleri tek bir yerde tanımlayıp sayfayı oluştururken kullandığımız XHTML etiketlerine bu özellikleri atayabiliriz. Bu durumda CSS kodları XHML etiketletinin görsel özelliklerini tek bir yerden kontrol etmiş olur.
CSS , kuraları ve söz dizimi , özellikleri ve özelliklerin aldığı değerleri olan bir yapıdır.Bu yapının yani tekniğin CSS1 , CSS2, ve en son CSS3 sürümleri çıkarılmıştır. Şu anda bir çok tarayıcıda CSS3 özelliklerini kullanamıyoruz fakat kısa bir zamanda tüm tarayıcılarda CSS3 yapısını kullanabileceğiz.
7 views
C++ Yeni Proje Dosyası Açmak
Bu yazımda bir C++ dosyasını nasıl açacağımızı anlatacağım.Önce programı açmalıyız. Bunun için Başlat-Tüm Programlar- MS Visual C++ 2008 Express Edition sırasıyla seçip programı açıyoruz. Daha sonra yine sırasıyla
1- Microsoft Visual C++2008 File
2- New Project
3- Win 32 Console Aplication
4- 3. adımdaki ekrandayken dosya ismi yazılır.
5- Next
6- Empty Project
7- Finish
Tüm bunlardan sonra soldaki menüde projenizin açıldığını göreceksiniz. Bu menüde şunların yazılı olması lazım.
1- Header Files
2- Resource Files
3- Source Files
Buradan Source Files sağ tıklayıp Add-New Item seçilir. Karşınıza çıkan ekranda Code- C++ File (.cpp) seçilip aşağı kısımda yeniden isim yazılmalıdır. Dikkat edilmesi gereken konu ise yazılacak dosya isminin uzantısı .c olmalıdır. uygulama.c gibi. Aksi takdirde dosyayı sonradan düzenleme yapmak için açamayabilirsiniz.
91 views
Algoritma; günlük yaşantımızda yaptığımız işler sırasında sıklıkla kullandığımız bir yöntemdir. Bir işin gerçekleştirilmesi aşamasındaki “olası bütün adımları” tek tek tanımlayan “adımlar zinciridir”.
Akış şemaları algoritmalarda verilen her adımın görsel olarak anlatılması amacıyla kullanılan yöntemlerden birisidir.
95 views
