Expression Web ' özel bir köprü oluşturmak için basamaklı stil sayfaları nasıl kullanılır

Makale çevirileri Makale çevirileri
Makale numarası: 928715 - Bu makalenin geçerli olduğu ürünleri görün.
Hepsini aç | Hepsini kapa

Bu Sayfada

Giriş

Bu makalede, Microsoft Expression Web ' özel bir köprü oluşturmak için basamaklı stil sayfalarını (CSS) nasıl kullanılır. Bu, CSS özelliklerinin özel bir köprü oluşturmak için nasıl kullanılacağını gösteren örnekler içerir.

Daha fazla bilgi

Örnek 1: alt çizgi biçimlendirmesi farklı bir renkte görüntülendiği bir köprü oluşturma

Bu örnek, belge metni ile aynı renkte için köprü metni biçimlendirir. Yalnızca altı çizili köprüleri, biçimlendirme, farklı bir renkte görüntülenir. Bu özel bir köprü oluşturmak için <a0></a0>, aşağıdaki adımları izleyin:
  1. Expression Web'ı başlatın ve sonra da yeni, boş bir sayfa oluşturun.
  2. Görünüm menüsünde sayfa ' yı tıklatın ve sayfanın alt kod</a1>'ı tıklatın.
  3. Içinde <head></head>, sayfa alanı, aşağıdaki kodu ekleyin:
    <style> 
    body { color: black; background-color: white; font-family: arial } 
    a { color: black; text-decoration: none; border-bottom-style: solid; border-bottom-width: 1px } 
    a:link { border-bottom-color: blue } a:visited { border-bottom-color: purple } 
    a:hover { border-bottom-color: green } a:active { border-bottom-color: red } 
    </style> 
  4. Içinde <body></body>, sayfa alanı, aşağıdaki kodu ekleyin:
    <p>Please see <a href="http://www.microsoft.com">http://www.microsoft.com</a> for more.</p> 
    <p>Please see <a href="http://www.msn.com">http://www.msn.com</a> for more.</p> 
  5. Dosya menüsünde Kaydet ' i tıklatın.
  6. Farklı Kaydet iletişim kutusunda, dosyayı kaydetmek istediğiniz konumu belirtin.
  7. Dosya adı kutusuna Example1 yazın ve sonra da <a2>Kaydet</a2>'i tıklatın.
  8. Dosya menüsünde tarayıcı içinde önizleme ' ye gelin ve sayfayı önizlemek için kullanmak istediğiniz Web tarayıcısı</a1>'ı tıklatın.

Örnek 2: vurgulu düğmeler kullanan bir köprü oluşturma

Bu örnek, düz bir arka planı vurgulu düğmeler kullanan bir köprü oluşturur. Bu özel bir köprü oluşturmak için <a0></a0>, aşağıdaki adımları izleyin:
  1. Expression Web'ı başlatın ve sonra da yeni, boş bir sayfa oluşturun.
  2. Görünüm menüsünde sayfa ' yı tıklatın ve sayfanın alt kod</a1>'ı tıklatın.
  3. Içinde <head></head>, sayfa alanı, aşağıdaki kodu ekleyin:
    <style> 
    body { color: black; background-color: white; font-family: arial } 
    a { text-decoration: none; padding: 3px } 
    a:link { color: white; background-color: blue } 
    a:visited { color: white; background-color: purple } 
    a:hover { color: white; background-color: green } 
    a:active { color: white; background-color: red } 
    </style> 
  4. Içinde <body></body>, sayfa alanı, aşağıdaki kodu ekleyin:
    <p>Please see <a href="http://www.microsoft.com">http://www.microsoft.com</a> for more.</p> 
    <p>Please see <a href="http://www.msn.com">http://www.msn.com</a> for more.</p> 
  5. Dosya menüsünde Kaydet ' i tıklatın.
  6. Farklı Kaydet iletişim kutusunda, dosyayı kaydetmek istediğiniz konumu belirtin.
  7. Dosya adı kutusuna Example2 yazın ve sonra da <a2>Kaydet</a2>'i tıklatın.
  8. Dosya menüsünde tarayıcı içinde önizleme ' ye gelin ve sayfayı önizlemek için kullanmak istediğiniz Web tarayıcısı</a1>'ı tıklatın.

Örnek 3: anahat vurgulu düğmeler kullanan bir köprü oluşturma

Bu örnek, anahat vurgulu düğmeler kullanan bir köprü oluşturur. Bu köprü üzerinde beklettiğinizde, renkli bir kutu köprü metni olarak görünür. Bu, bir anahat efekt oluşturur. Bu özel bir köprü oluşturmak için <a0></a0>, aşağıdaki adımları izleyin:
  1. Expression Web'ı başlatın ve sonra da yeni, boş bir sayfa oluşturun.
  2. Görünüm menüsünde sayfa ' yı tıklatın ve sayfanın alt kod</a1>'ı tıklatın.
  3. Içinde <head></head>, sayfa alanı, aşağıdaki kodu ekleyin:
    <style> 
    body { color: black; background-color: white; font-family: arial } 
    a { color: black; text-decoration: none; border-style: solid; border-width: 2px; padding: 2px } 
    a:link { border-color: blue } a:visited { border-color: purple } 
    a:hover { border-color: green } a:active { border-color: red } 
    </style> 
  4. Içinde <body></body>, sayfa alanı, aşağıdaki kodu ekleyin:
    <p>Please see <a href="http://www.microsoft.com">http://www.microsoft.com</a> for more.</p> 
    <p>Please see <a href="http://www.msn.com">http://www.msn.com</a> for more.</p> 
  5. Dosya menüsünde Kaydet ' i tıklatın.
  6. Farklı Kaydet iletişim kutusunda, dosyayı kaydetmek istediğiniz konumu belirtin.
  7. Dosya adı kutusuna Example3 yazın ve sonra da <a2>Kaydet</a2>'i tıklatın.
  8. Dosya menüsünde tarayıcı içinde önizleme ' ye gelin ve sayfayı önizlemek için kullanmak istediğiniz Web tarayıcısı</a1>'ı tıklatın.

Örnek 4: farklı metin biçimlendirmeleri kullanan bir köprü oluşturma

Bu örnek olmayan altı çizili, italik, küçük harfli metni köprü olarak biçimlendirir. Bu köprü üzerinde beklettiğinizde, Borç ve Alacak bakiyesi metin büyük olur. Bu özel bir köprü oluşturmak için <a0></a0>, aşağıdaki adımları izleyin:
  1. Expression Web'ı başlatın ve sonra da yeni, boş bir sayfa oluşturun.
  2. Görünüm menüsünde sayfa ' yı tıklatın ve sayfanın alt kod</a1>'ı tıklatın.
  3. Içinde <head></head>, sayfa alanı, aşağıdaki kodu ekleyin:
    <style> 
    body { color: black; background-color: white; font-family: arial } 
    a { text-decoration: none; font-style: italic; text-transform: lowercase } 
    a:link { color: blue; font-weight: bold } a:visited { color: purple } 
    a:hover { color: green; text-transform: uppercase } 
    a:active { color: red } 
    </style> 
  4. Içinde <body></body>, sayfa alanı, aşağıdaki kodu ekleyin:
    <p>Please see <a href="http://www.microsoft.com">http://WWW.microsoft.COM</a> for more.</p> 
    <p>Please see <a href="http://www.msn.com">http://WWW.msn.COM</a> for more.</p> 
  5. Dosya menüsünde Kaydet ' i tıklatın.
  6. Farklı Kaydet iletişim kutusunda, dosyayı kaydetmek istediğiniz konumu belirtin.
  7. Dosya adı kutusuna Example4 yazın ve sonra da <a2>Kaydet</a2>'i tıklatın.
  8. Dosya menüsünde tarayıcı içinde önizleme ' ye gelin ve sayfayı önizlemek için kullanmak istediğiniz Web tarayıcısı</a1>'ı tıklatın.

Referanslar

Daha fazla bilgi için, Microsoft Bilgi Bankası'ndaki makaleleri görüntülemek üzere aşağıdaki makale numaralarını tıklatın:
825450FrontPage 2003'te basamaklı stil sayfaları'nı kullanarak, özel bir köprü oluşturma
196488Stil sayfaları ardarda nedir?
222949Vurgulu efektleri DHTML ve CSS, FrontPage kullanarak form düğmeler oluşturma hakkında

Özellikler

Makale numarası: 928715 - Last Review: 6 Aralık 2006 Çarşamba - Gözden geçirme: 1.0
Bu makaledeki bilginin uygulandığı durum:
  • Microsoft Expression Web
Anahtar Kelimeler: 
kbmt kbexpertiseinter kbhowto KB928715 KbMttr
Machine-translated Article
ÖNEMLİ: Bu makale, bir kişi tarafından çevrilmek yerine, Microsoft makine-çevirisi yazılımı ile çevrilmiştir. Microsoft size hem kişiler tarafından çevrilmiş, hem de makine-çevrisi ile çevrilmiş makaleler sunar. Böylelikle, bilgi bankamızdaki tüm makalelere, kendi dilinizde ulaşmış olursunuz. Bununla birlikte, makine tarafından çevrilmiş makaleler mükemmel değildir. Bir yabancının sizin dilinizde konuşurken yapabileceği hatalar gibi, makale; kelime dağarcığı, söz dizim kuralları veya dil bilgisi açısından yanlışlar içerebilir. Microsoft, içeriğin yanlış çevrimi veya onun müşteri tarafından kullanımından doğan; kusur, hata veya zarardan sorumlu değildir. Microsoft ayrıca makine çevirisi yazılımını sıkça güncellemektedir.
Makalenin İngilizcesi aşağıdaki gibidir:928715

Geri Bildirim Ver

 

Contact us for more help

Contact us for more help
Connect with Answer Desk for expert help.
Get more support from smallbusiness.support.microsoft.com