Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Dreamweaver programında class türü stil oluşturma konusunda adım adım bir eğitim içeriğidir.
- Video, class türü stillerin ne olduğunu açıklayarak başlıyor ve CSS panelinden yeni bir stil oluşturma sürecini detaylı şekilde gösteriyor. Eğitmen, "Şirket Adı" adlı bir class türü stil oluşturma, stil dosyasını oluşturma, stilin özelliklerini ayarlama ve bu stili sayfaya uygulama adımlarını uygulamalı olarak anlatıyor. Ayrıca, stil dosyalarının nasıl yönetileceği, CSS dosyalarının nasıl görüntüleneceği ve sayfanın tarayıcıda nasıl önizleneceği de gösteriliyor.
- 00:01Class Türü Stil Oluşturma
- Sayfada seçilen herhangi bir alan veya nesneye stil uygulamak için class türü stilleri oluşturulur.
- Class stilleri oluşturmak için CSS panelinden veya özellikler açısından yardım alınabilir.
- CSS paneli, sayfada kullanılan tüm stilleri göstererek stilleri yönetmenize yardımcı olur.
- 00:51CSS Panelinde Stil Oluşturma
- Yeni bir stil tanımı yapmak için "New CSS Rule" butonuna basılır ve artı butonu ile gerekli pencere açılır.
- Dört stil türünden biri seçilebilir, bu örnekte class türü bir stil oluşturulacaktır.
- Class türü stil oluştururken seçici ismi bölümüne nokta ile başlayan bir isim verilir.
- 01:56Stil Dosyası Oluşturma
- Stil tanımı satır içinde, döküman içinde veya bir stil dosyası içinde yapılabilir.
- Web sitesinde başka sayfalarda da kullanılacak stil tanımı için merkezi bir yerde olması gerekir.
- İlk kez stil dosyası oluşturulduğunda, CSS klasörünün içine dosya kaydedilir ve URL bölümünde erişilebilir hale gelir.
- 03:15Stil Özellikleri Belirleme
- Stil tanımı için kategori alanı altında metin, arka plan, metin hizalaması, kutu modeli, bordo, liste, position ve extensions bölümleri bulunur.
- Örnek olarak "Şirket Adı" class'ı için Arial, 16 punto ve bordo yazı tipi özellikleri belirlenmiştir.
- Oluşturulan class, özellikler denetçisindeki class penceresinden seçilerek ilgili yere uygulanabilir.
- 05:02Stil Değişiklikleri ve Önizleme
- Merkezi bir stil tanımlandığında, her metni işaretleyip özelliklerini değiştirmek yerine tek bir yerden düzenleme yapılabilir.
- CSS panelinden "CSS Style"dan "Al" butonu basılıyken stil seçip "Edit Rule" butonu ile stilin özelliklerini değiştirebilirsiniz.
- Sayfayı tarayıcıda önizlemek için F12 butonuna basabilir veya "World" butonu altından "Preview" seçeneği kullanılabilir.