Photoshop Magazin
 


Yeni Başlayanlar için Dreamweaver CS3 Ders 6

 

1) Lesson03 > css klasöründe bulunan main.css dosyasını Files panelindeki girişine çift tıklayarak tekrar açın. File > Save As komutunu seçin. Açılan Save As iletişim kutusunda File name alanına print.css yazın ve Save düğmesine tıklayın.



2) Üzerinde çalıştığınız home.htm dosyasını Files panelindeki girişine çift tıklayarak tekrar açın.

3) CSS Styles panelindeki Attach Style Sheet ve ardından açılan iletişim kutusundaki Browse düğmesine tıklayın. select Style Sheet File iletişim kutusu açıldıktan sonra lesson03 > css klasörüne gidin ve print.css dosyasını seçin.



4) Style Sheet iletişim kutusunda Add as alanında Link seçneğinin işaretli olduğundan emin olun. Media listesinden print'i seçin ve OK düğmesine tıklayın.



Göründüğü gibi CSS Styles panelinde print.css adında yeni bir giriş eklenecektir.

5) View > Tollbars > Style Rendering komutunu seçin. Style Rendering araç çubuğunda Render Print Media Type düğmesine tılayın.



Ekran ve baskı ortamlarının arasındaki en büyük farklardan biri, baskı seçeneğinde köprülerin olmayışıdır. Bu yüzden stil sayfasını dönüştürürken yapılacak ilk iş, bütün gezinti ögelerini gizlemektir.

5) CSS Styles panelinde Current düğmesine tıklayarak Current moduna geçin. Burada #nav için tanımlanmış bir kural olmadığını göreceksiniz. Şimdi siz stilin uygulandığı içeriği gizleyen bir kural oluşturacaksınız.

6) CSS Styles panelindeki New CSS Rule düğmesine tıklayın. Açılan CSS iletişim kutusunda selector Type alanında Advanced seçeneğini işaretleyin ve Name alanına #nav yazın. Defıne in listesinde print.css'i seçin ve OK düğmesine tılayın.



7) İletişim kutusu açıldığında Category listesinde Block'a tıklayın. Display listesinden none'i seçin ve OK düğmesine tıklayın.



8) İmleci belgenin en alt kısmında .more sınıfının uygulandığı iki paragraftan birinin içine yerleştirin ve Etiket seçicide etiketini seçin.

9) CSS Styles panelinin Properties bölmesinde Add Property'ye tıklayın. Birinci sütuna display yazın ve ve Tab tuşuna basın ve ikinci listedeki sütunda none'i seçin.


çmore kuralı uygulanacak ve stil uygulanan sayfa ögeleri gizlenecektir.




Tüm Paylaşımlar

 


facebook grubumuza katl