Konular

CSS Paneli

CSS
1)CSS Paneli :
 
 CSS

2)Sayfa İçine Bir CSS Classı Tanımlama : 

Tanımlanmış CSS Classı

<style type="text/css">
<!--
.style3 {
        font-size: 24px;
        color: #99FF00;
        font-weight: bold;
        font-style: italic;
        font-family: Arial, Helvetica, sans-serif;
}
-->

</style> -->

Bir Yazıya Uygulanması
<body>
<p class="style3">sayfa içine bir css classı tanımlama</p>
</body> 
 CSS

3) Harici Bir Dosyada Tanımlama :

Harici CSS Dosyasının Çekilmesi
<link rel="stylesheet" href="mm_entertainment.css" type="text/css" />
 
Bir Tag’a Uygulanması
<td class="bodyText">Rapiebant me spectacula theatrica, plena imaginibus
miseriarum mearum et fomitibus ignis mei. quis est, quod ibi homo
vult dolere luctuosa et tragica, quae tamen pati ipse nollet? et tamen
 pati vult ex eis!

<p><span class="subHeader">Title Here</span><br />
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
erat, sed diam voluptua. At vero eos et accusam et justo duo dolores
et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus
est Lorem ipsum dolor sit amet. </p>
 </td>
 CSS

4) Harici Bir Siteden Tanımlama :
CSS Panelinden Attack Style Sheet butonuna tıklıyoruz ve File/URL kısmına Css Tanımlamasının çekileceği sitenin adresini yazıyoruz ; Add as kısmından ise import u seçiyoruz.Ok butonuna bastıktan sonra http://www.dijitalders.com/c.css stilinde bulunun bütün tanımlamaları kendi dosyamıza çekiyoruz.

 CSS

5) Attach Style Sheet :

 CSS
File/URL : Dosya ad veya tanımlama çekilecek site adresi.
Add as : Link olarak entegre edilir veya import edilerek çekilir.
Media : Css tanımlamasının hangi media ya göre olacağı seçilir.Örneğin; tv,handhelt,print.

6) New Css Rule : 

  CSS
Selector Type:
     Class : Class olarak tanımlama yapılır. Herhangi bir etikete uygulanabilir.
     Tag : Tanımlamanın sadece belirlenen tag a uygulanması.
     Advanced : İleri düzey tanımlamalar için kullanılır.
Name : CSS adı yazılır.
Define in : Tanımlama sınırları belirlenir.Tüm dökümana uygulama veya sadece bir kısmına uygulama yaplması.

7) Stil Penceresinde Harici Css Dosyasının ve Dahili (sayfa içerisindeki) Css Dosyasının Görülmesi :
 Harici Css                                                                          
 CSS  

 Dahili Css
 CSS 

8) Move CSS Rules İle Sayfa İçindeki Css i Harici Dosyaya Alma Harici Dosyadan Sayfa İçine Alma :
 -Harici dosyanın dahili dosyaya çevrilmesi :
Css Panelinde harici dosyada bulunan istediğimiz tanımlamayı harici dosyanın en üstüne sürükleyip bıraktığımızda o sayfaya dahili olarak ekler.

 -Dahili dosyanın harici dosyaya çevrilmesi : Bu işlemi yapmadan önce boş bir .css uzantılı dosya oluşturmamız gerekiyor.
  CSS

Browse butonuna basarak dahili dosyanın hangi harici dosyaya entegre edileceği seçilir ve ok butonuna basılır. Css Paneline bakıldığında dahili dosyanın harici dosyaya çevrildiğini görürüz.

CSS
 

9)  Tag Inspector dan style parametresi kullanılarak stil verme : 
CSS

 Tag Inspector altında CSS/Accessibility kısmını seçiyoruz.Bu kısımda kod kısmında hangi tag seçili ise ona Css stili tanımlaması yapmamızı sağlar. Örneğin; başlıktada görüldüğü gibi buradaki stil tanımlaması body tagı için yapılmıştır. Tanımlamalar şu sekilede yapılır :
              .style: font-size: 14px;color: #CC6666

10) Stillerin Öncelik Sırası :

-Harici bir siteden tanımlanan
-Harici bir dosyada tanımlanan
-Sayfa içindeki css classları

 Kaynak Ali Yağmur

Yorumunuzu Ekleyin

Database Paneli

Database paneli

26,265 Okunma 1 Yorum 05/06/2008 10:46:38

Div Çatılı sayfalar Oluşturmak

Çok değil birkaç yıl önce sayfa tasarımlarımızı yaparken ara yüz bileşenlerini tablolar kullanarak görünmez ızgaralar üzerine inşa ederdik. Bu durum; HTML yapı dilinin web tasarımcıları tarafından hatalı yorumlanmasının ve kullanılmasının bir sonucu idi. Tarayıcılar arası çekişmelerin ve tüm Internet alışkanlıklarımızı etkileyen tarayıcı savaşlarının bir sonucu olarak ortaya çıkmıştı. Fakat Web 2. 0 kavramının gündeme geldiği şu günlerde artık eski tasarım alışkanlıklarını bir kenara bırakıp modern tasarım ve web teknolojilerine cevap verecek web sayfaları tasarlamanın vakti geldi de geçiyor bile

25,996 Okunma Henüz yorum yapılmamış 06/08/2007 17:55:00

Recordset ile verileri sayfaya yazdırmak

Kayıt dizisi (recordset) ile Dreamweaver içerisinden veritabanına erişim sağlayarak, kriterlere göre ve ya istediğimiz sayıda kaydı sayfaya yazdırmak mümkün. Bizde bu makale ile veritabanı kayıt erişimlerini yakından inceleyeceğiz

21,710 Okunma Henüz yorum yapılmamış 31/08/2007 14:19:45

Bindings Paneli

Dreamweaver bindings paneli

20,767 Okunma Henüz yorum yapılmamış 05/06/2008 10:03:38

Database Paneli

Veritabanlarına erişmek

19,758 Okunma Henüz yorum yapılmamış 05/06/2008 09:12:39

Datebases Paneli

Resimli anlatım

19,656 Okunma Henüz yorum yapılmamış 06/06/2008 11:05:53

Bindings Paneli

Veri bağlantılarının yönetildiği panel

19,028 Okunma Henüz yorum yapılmamış 05/06/2008 09:11:51

Named Anchor

Named anchor aracı ile ilgili açıklamalar

19,018 Okunma Henüz yorum yapılmamış 05/06/2008 10:18:51

Dreamweaver ile Site tanımlamaları

Dreamweaver birçok geliştirme ortamında olduğu gibi proje bazlı çalışmalar yapmaya olanak tanıyan bir yazılımdır. Bu makalede projelerimizi DW içerisinde nasıl yönetebileceğimizi göreceğiz

18,841 Okunma Henüz yorum yapılmamış 01/09/2007 02:25:54

ASP sayfası hazırlama

Dreamweaver mx de ASP çalışmak için daha önceden ASP ile uğraşmış olmak gereklidir. Her nekadar Dreamweaver Mx işimizi kolaylaştırsa da ASP 'den anlamak bazı durumlarda faydalı olacaktır. ASP öğrenmek için Dr. Hakkı ÖCAL 'ın ASP kitaplarını tavsiye ederim

18,722 Okunma Henüz yorum yapılmamış 12/08/2007 04:13:11

Yükleniyor...