2. DREAMWEAVER İÇERİK İŞLEMLERİ

2.1. Temel Metin Biçimlendirme İşlemleri

Dreamweaver editörü aracılığıyla oluşturulan sayfalar içinde bulunan metinler yine editör menüleri aracılığıyla düzenlenebilmektedir. Metin biçimlendirme işlemleri için genellikle Properties penceresinden faydalanılmaktadır.

2.2. Satır Sonu Oluşturma

Oluşturulan sayfa içinde metinler yazılıp Enter tuşuna basıldığında bir alt satır geniş bir boşluktan sonra başlamaktadır. Bu boşluğa paragraf boşluğu adı verilir. Satır boşluğu bırakmak için ise satır sonu oluşturulmalıdır.

Paragraf ve Satır Boşlukları Oluşturma

Dreamweaver’da oluşturulan sayfalar içindeki metinler arasında satır boşluğu oluşturmak için istenen noktada klavyeden Shift tuşu ile birlikte Enter tuşuna basılması yeterlidir.

2.3. Metin Tercihlerinin Ayarlanması

Dreamweaver ile çalışırken metin içindeki yeni satırların görüntülenmesi için metin tercihlerinde düzenlemeler yapmamız gerekmektedir. Bu ayarları aşağıdaki resimde de gösterildiği gibi, Edit menüsü altında bulunan Preferences seçeneğine tıklayarak yapabiliriz. Açılacak Preferences penceresi içindeki Category listesinden Code Format’ı seçip Line break type alanında CR LF (Windows) seçeneğini aktif hale getirmemiz gerekmektedir.

Metin Tercihlerini Ayarlama

Bu seçim, kullanılan işletim sistemine göre değişmektedir. Yapılan bu işlem ile ASCII dosyaları içindeki metinleri düzgün bir biçimde aktarabilir ve satır sonu biçimlendirmesini gerçekleştirebiliriz.

2.4. Metin Aktarma

Dreamweaver’ı kullanarak metin dosyaları içindeki verileri, oluşturacağımız web sayfalarına aktarabiliriz.

Bu işlem için öncelikle metin dosyasının editör yardımıyla açılması gerekmektedir. Ardından dosya içinden alınacak alanların seçilerek web sayfası içine kopyalanması veya taşınması yeterli olacaktır.

2.5. Bölünmez Boşluk Ekleme

Dreamweaver aracılığıyla oluşturacağımız sayfa içinde bulunan metinlerin, aralarında boşluk olmasına rağmen ayrılmamasını sağlamak için iki metin arasına bölünmez boşluk eklememiz gerekmektedir.

Bu işlem için imleci iki ifade arasına getirip Ctrl, Shift ve Boşluk tuşlarına birlikte basmamız yeterlidir.

2.6. Metin Hizalama ve Girinti Verme

Sayfa içinde bulunan metinlerin hizalanması, Properties penceresinde bulunan hizalama düğmeleri aracılığıyla yapılmaktadır.

Metin hizalama düğmeleri

Metin girintisini artırmak veya azaltmak için de hizalama düğmelerinin altında bulunan aşağıdaki resimde gösterilen düğmelerden faydalanılabilir.

Metin girintilendirme düğmeleri

2.7. Liste Oluşturma

Oluşturduğumuz sayfa içindeki metinleri sıralı ya da sırasız şekilde listeleyebilir, tercihlerimize göre tanım listeleri oluşturabiliriz.

Sıralı listeler; sayısal veya alfabetik olarak sıralanmış elemanlardan oluşmaktadır (i-ii-iii; 1-2-3; a-b-c ….).

Sırasız listeler, madde imli listeler olarak da adlandırılırlar. Her liste elemanının önünde bir madde imi bulunmaktadır (•,-, · …).

Oluşturulan listelere ait düzenlemeleri, listenin herhangi bir elemanı üzerinde iken farenin sağ tuşuna tıkladığımızda açılan menüden List seçeneği içinde bulunan Properties seçeneğine tıklayarak karşımıza gelen List Properties penceresinden yapabiliriz.

Liste Özelliklerini Düzenleme

2.8. Tanım Listeleri Oluşturma

Tanım listeleri, terimlerden ve bunlara ait tanımlardan oluşmaktadır. Tanımlanacak terim sola hizalıdır, tanım ise girintili olarak bir sonraki satırda bulunur. Sıralı veya sırasız listelerdeki gibi, ifadeden önce herhangi bir işaret bulunmaz.

Tanım listesi oluşturmak için, sayfa içinde bulunan metnin istenen parçası seçildikten sonra farenin sağ tuşu tıklanarak açılan menülerden List seçeneği içindeki Definition List seçeneği aktif hale getirilmelidir.

Tanım Listesi Örneği

2.9. İç İçe Listeler Oluşturma

Dreamweaver editöründe çalıştığımız sayfa içinde iç içe listeler oluşturmak için liste elemanlarının üzerinde sağ tuşla tıklayarak açılan menülerden List seçeneğinin içinde bulunan Indent / Outdent seçeneklerini işaretlememiz yeterlidir.

İç içe Liste Örneği

2.10. Karakter Biçimlendirme

Metin içinde bulunan karakterleri Properties penceresinde bulunan biçimlendirme düğmeleri aracılığıyla düzenleyebiliriz. Bu düğmeler aracılığıyla seçilen karakterlerin kalın veya italik (eğik) görünmesini sağlayabiliriz.

Karakter Biçimlendirme Düğmeleri

• Preferences penceresi içinde bulunan Category listesi içindeki Preview in Browser alanı içindeki ( + ) düğmesine tıklayarak yeni tarayıcılar ekleyebiliriz.
• Preview using temporary file seçeneğini işaretlediğimizde; ön izleme sırasında Dreamweaver tarafından geçici dosyalar oluşturulacaktır.
• Web tarayıcısı ekleme işlemini bitirdiğimizde OK düğmesine tıklayabiliriz.

Oluşturduğumuz sayfayı birincil web tarayıcımızda görüntülemek için klavyeden F12 tuşuna basmamız yeterli olacaktır. Belge penceresinde bulunan simgesine tıklayarak ön izlemede kullanacağımız tarayıcıyı seçebiliriz.

2.11. Yazı Tipi Değiştirme

Sayfa içinde bulunan metinlere ait yazı tipini Properties penceresindeki Font seçeneği aracılığıyla değiştirebileceğimiz gibi Modify menüsü altında bulunan Page Properties seçeneğini tıklayarak da değiştirebiliriz.

Açılacak olan Page Properties penceresi içindeki Category listesinden Appearance tıkladıktan sonra Page font menüsünden istediğimiz yazıtipi grubunu seçebiliriz.

Metin ve Renk Ayarları

Metinler için yeni yazı tipi grupları da oluşturabiliriz. Bunun için Properties penceresinde bulunan Font seçenekleri içinde bulunan Edit Font List’i tıklamamız yeterlidir. Ardından açılan Edit Font List penceresinden erişilebilir yazı tiplerini, listeye dahil edebiliriz.

Yazı Tipi Ekleme

2.12. Metin Boyutunu Değiştirme

Metinler içinde bulunan karakterlerin boyutunu değiştirmek için fare ile seçim yapıldıktan sonra Properties penceresindeki Size seçeneğini kullanmamız yeterlidir.

Metin Düzenleme Alanı

2.13. Metin Rengi Tanımlama

Metin rengini Properties penceresi içindeki Text Color düğmesi içindeki renk paletinden faydalanarak değiştirebileceğimiz gibi Modify menüsü altında bulunan Page Properties komutunu çalıştırarak karşımıza gelen pencere içindeki Category listesinde bulunan Appearance’ ı aktif hale getirerek değiştirebiliriz. Bu alan içinde bulunan Text Color düğmesi aracılığıyla metin rengi düzenlemesini yapabiliriz

Metin Rengini Değiştirme

2.14. Özel Karakter Ekleme

Dreamweaver editörü ile oluşturduğumuz sayfalar içinde özel karakterler kullanmak için Insert araç çubuğu içindeki Text menü grubu aktif hale getirilmelidir.

Özel Karakter Ekleme

Text menü grubu içindeki Characters düğmesine tıklanarak açılan listeden istediğimiz özel karakteri sayfamıza ekleyebiliriz

2.15. Yatay Cetvel Ekleme

Yatay cetvel, sayfa içeriğimizi bölümler halinde ayırmamıza yardımcı olan bir araçtır.

Yatay cetvel eklemek için imlecimizi ekleme noktasının üzerine getirdikten sonra Insert araç çubuğundaki HTML menü grubunda bulunan Horizontal Rule düğmesine tıklamamız gerekmektedir.

Yatay Cetvel (Horizontal Rule)

Yatay cetvel seçili durumda iken Properties penceresi aracılığıyla genişlik (W-widthve yükseklik (H-height-) ayarlarını yapabiliriz

2.16. Otomatik Tarih Ekleme

Oluşturduğumuz sayfa içinde son güncelleme tarihinin otomatik olarak eklenmesini sağlayabiliriz.

Bu işlem için Insert araç çubuğundaki Common menü grubu içindeki Date düğmesine tıklamamız yeterlidir.

Tarih Ekleme

Karşımıza gelecek Insert Date penceresi aracılığıyla tarih/zaman biçimini belirleyebiliriz

Tarih Eklenmiş Sayfa

2.17. Animasyon Metni Ekleme

Dreamweaver editöründe oluşturduğumuz sayfalar içine animasyon metinleri ekleyebiliriz. Bu sayede metinleri düğme gibi kullanmamız mümkün olacaktır.

Animasyon metni eklemek için Insert araç çubuğu içindeki Common menü grubunda bulunan Media düğmesi altındaki Flash Text seçeneğini işaretlememiz gerekmektedir.

Animasyon Metni Ekleme

Bu durumda Insert Flash Text penceresi karşımıza gelecektir. Bu pencere içinde istediğimiz ayarları yaparak animasyon metni oluşturabiliriz