İnceleme
Kategoriler
Cep Telefonu
Notebook
Anakart
ADSL Modem
İşlemci
Tablet
Ekran Kartı
Televizyon
Fotoğraf Makinesi
Depolama
Klavye ve Mouse
Giyilebilir Teknoloji
Kulaklık
Ses Sistemi
Oyun İnceleme
Ev Elektroniği
Navigasyon
Son İncelenenler
TP-Link RE705X inceleme
Anker Soundcore P20i inceleme
Pusat Reflex Pro ve Pusat Reflex Ultra Kablosuz Oyuncu Mouse inceleme
AOC U27B3CF inceleme
Aqara Camera Hub G2H inceleme
PlayStation VR 2 inceleme
vivo V40 & v40 lite inceleme
Haber
Kategoriler
Kripto Dünyası
Cep Telefonu
Windows
Sosyal Medya
Oyun ve Eğlence
Bilim
Dijital Fotoğraf
Notebook
Ekran Kartları
Güvenlik
Mobil Uygulamalar
Twitter
Instagram
Facebook
CES 2024
Scooter
Araçlar
Netflix
Gitex 2022
En Son Haberler
2016'da yayınlandı, 8 yıl sonra puanı "çok olumlu" oldu
Bu popüler 3 oyun Kasım ayında PlayStation'a ücretsiz!
EV3 ve Yeni EV6 Türkiye’de: 2 modelin satış fiyatı ve özellikleri
Duşta idrar yapmak: Sağlıklı mı, sağlıksız mı?
Uçaklar, hedeflerine neden dümdüz uçmuyor?
Dondurucu soğukta beş dakika kalın, daha iyi uyuyun
41 yıl öncenin ilk Casio G-Shock modeli, resmi olarak geri döndü!
Forum
CHIP Online
Chip Dergisi
PDF Arşivi
2002
Ekim
CHIP Dergisi Arşivi: Ekim 2002 - Sayfa 126
124
125
126
127
128
Kategoriler
İnceleme
Cep Telefonu
Notebook
Anakart
ADSL Modem
İşlemci
Tablet
Ekran Kartı
Televizyon
Fotoğraf Makinesi
Depolama
Klavye ve Mouse
Giyilebilir Teknoloji
Kulaklık
Ses Sistemi
Oyun İnceleme
Ev Elektroniği
Navigasyon
Haberler
Cep Telefonu
Oyun ve Eğlence
Bilim
Notebook
Ekran Kartları
Mobil Uygulamalar
Yapay zeka
Sony Xperia Z3
Xiaomi
Xbox One
Windows 11
Windows 10
TikTok
Sinema
Samsung Galaxy S8
Samsung Galaxy S6
Samsung Galaxy S5
Samsung
Playstation 5
Oyun konsolu
Otomobil
Ofis ve Finans
Note 4
MWC 2018
MWC 2017
MWC 2015
Microsoft
LG G6
LG G5
LG G4
LG G3
İşletim Sistemleri
İş dünyası
iPhone SE
iPhone 7
iPhone 6S
iPhone 6
iOS
Instagram
IFA 2017
HTC One M9
HTC 10
Google
Diziler
Discovery 2
CES 2018
CES 2017
CES 2015
Blockchain ve Bitcoin
Bilgisayarlar
Xbox Game Pass
Xbox Series S/X
Uzay
Android
Forum
© 2024 Doğan Burda Dergi Yayıncılık ve Pazarlama A.Ş.
188 Web Tasar›m› Bölüm 2 GGÜÜNNCCEELL»»KKAAPPAAKK»»DDOONNAANNIIMM»»YYAAZZIILLIIMM »»HHII--TTEECCHH»»PPRRAATT‹‹KK»»IINNTTEERRNNEETT k lanmışsa bunları değiştirmeyin.Sadece class="para" eklemiş olmanız gerekir. F5 tuşuna basarak kodda yapmış olduğunuz değişikliğin dizayn ekranında belirmesini sağlayın.Tam istediğiniz gibi bir önceki paragrafa benzer şekilde 20 piksel içeriden başlayan 12 piksel büyüklüğünde mavi bir paragrafınız daha oldu.Ying-yang kutucuğuna bakın. Kodda yaptığınız değişiklik menüde de belirir.Menüden yapabileceğiniz bir değişikliği elle yapmış olduk,ancak bu koda alışmanız için minik bir başlangıç oldu. ‹?leri daha da kolayla?t›rmak: Haz›r stilleri kullan›n Şimdi şunu sorabilirsiniz kendi kendinize.DW benim için CSS yazabiliyor, ancak ben bunu şu ana kadar sadece bir tek sayfa için yaptım.Peki pek çok sayfam olduğunda her bir sayfadaki paragrafları aynı şekilde mi değiştirmek zorunda kalacağım? Tabii ki hayır.DW CSS panelini size sunduğunda,stili kullandığınız sayfaya eklemek istemiştiniz. Bir diğer seçenek bunu bir dosyadan almak olabilir.Sayfamıza yeni bir stil ekleyelim.Ancak bu sefer {New Style Sheet File}aktifolsun.DW size stillerin alınacağı CSS belgesinin sitenizde nereye kaydedeceğinizi sorar.Sitenizin ana dizini altında css adlı bir klasör oluşturup text.css olarak kaydedin.Stiliniz hakkındaki özelliklere de karar verdikten sonra paneli kapatın. Seçtiğiniz stili istediğiniz yerlere uygulayın.Şu anda çalıştığınız sayfanın bir kopyasını çıkarın.Bu,stil kodlarını bir dosyadan almanın ne işe yaradığı hakkında bir fikir verecek.Kopya dosyanız kaynağı olan dosya ile aynı stilleri paylaşır.Ancak buradaki stillerin hepsi zaten css klasörü altında bulunan text.css ile ilişkilendirilmiştir.Şimdi kurnazca bir şekilde sadece text.css dosyasını değiştireceğiz.Tek yol olmamasına rağmen biz bu dosyayı uzaklara gitmeden,hala üzerinde çalıştığımız belge üzerinden değiştirmek istiyoruz.text.css dosyasına kaydettiğiniz stilin uygulandığı bir paragrafa gelin.Ying-yang panelini kullanarak "Edit CSS Style..." deyin.DW değiştirmek istediğiniz stilin nerede kaydedildiğini bilir ve siz değişikliği yaptığınızda text.css dosyasını da günceller. Kopya sayfanızı açtığınızda stildeki değişikliğin burada da güncel olduğunu fark edeceksiniz. Stillerinizi dosyadan almanın avantajı hakkında düşünelim.Diyelim ki bir konu hakkında uzunca yazılar yazıyorsunuz.Yazının başlıkları,alt başlıkları ve paragrafları için özel stiller belirlediniz, ancak yazı tipi veya renginden memnun kalmadınız.Sadece text.css gibi bir dosyayı değiştirerek istediğiniz kadar sayfada güncelleme yapabilirsiniz. Stil sayfalar›n› belgenize ba¤lamak çok kolay Bir yerlerden bir .css dosyası bulduğunuzu farz edelim.Sayfanızda henüz stille şekillenmemiş yazılar olsun.Bir nevi ters bir işlem yapmanız gerekecek.Yani stilleri belgede yaratıp bir dosyaya kaydetmek yerine henüz stil yaratılmamış bir sayfayı,stillerin dolu olduğu bir dosyaya bağlamak.Bu da oldukça kolay. Ying-yang menüsü ile "Attach Style Sheet" diyerek hazır bir .css dosyasını belgenize bağlayabilir ve sonra sayfanızda stil eklemek istediğiniz yere gelerek uygun css stilini seçebilirsiniz. Katman katman üstüne: DW'da layer'larla çal›?mak Biraz da katmanlara bakalım.Katmanlar belgeniz üzerinde bulunan asetatlara benzer.Bir sandviçin dilimleri gibi üst üste yığılabilirler.Birbirlerinin yanlarından taşabilirler.Hatta bu dilimleri sandviçin içinde sağa sola çekmek kadar kolay bir şekilde sağa sola kaydırabilirsiniz.Ağzımız fazla sulanmadan konuya girelim.Katmanların şeffaftepsiler olCSS Yard›m›:CSS özellikleri için Help tu?una basarsan›z, DW size yeterli aç›klamay› sunar. ALTERNAT‹F CSS ED‹TÖRLER‹ »Fastpage alt›nda CSS tan›mlama FastPage'in CSS kaydetme veya yükleme gibi fonksiyonu olmamas›na ra¤men Görünüm/Araç Çubuklar›/Komutlar ile ekrana gelen pencere üzerinden CSS komutlar›n› görüntüleyerek en az›ndan kullanaca¤›z komutlar› göz önünde bulundurman›z› sa¤lar. Üç çe?it CSS biçimlendirmesi vard›r. Ya HTML Tag'›na belli bir stil verilir ya da s›n›flar veya ID'ler tan›mlan›r. Son iki yöntem her HTML komutunda kullan›labilir. Örne¤in, <hl> ba?l›¤›na bir ?ablon atarsan›z, bu ?ablon komutun her ça¤r›l›?›nda görünür. CSS komutlar› ya bir HTML komutunun ya da s›n›f›n ismiyle yüklenirler. S›n›flar› önlerinde bulunan noktalardan ay›rt etmek mümkündür. Örne¤in, önceden tan›mlanm›? ana biçimleri etkisiz k›lmak istiyorsan›z CSS komutunu direkt olarak HTML Tag'›na girebilirsiniz. < p style="font-size:20 pt; color:white>...</p> Style komutunu t›rnak i?aretleri aras›nda yazmaya dikkat edin ve her bir komutu noktal› virgül i?areti ile ay›r›n. Ancak Stylesheet kullanmak için bu yöntem ideal de¤ildir. Bunun yerine s›n›flar tan›mlayarak sayfan›zdaki metinlerin daha iyi bir görünüme sahip olmas›n› sa¤layabilirsiniz. Biçim ?ablonlar›n› tüm sitede kullanabilmek için CSS komutlar›n› ayr› ve merkezi bir dosyaya kaydedip daha sonra HTML doküman›na eklemek daha etkili olacakt›r. Bunun için Webniac (http://koti.mbnet.fi/leftover/webniac/) veya Top Style Lite (www.bradsoft.com) gibi ücretsiz programlar kullanarak ?ablon dosyalar›n›z› olu?turabilirsiniz.
