Anasayfa > Macromedia / Adobe > Macromedia Dreamweaver > Dreamweaver MX Sayfa Oluşturma
Makaleye verilen puanlar Makaleye verilen puanlar Makaleye verilen puanlar Makaleye verilen puanlar

Dreamweaver MX Sayfa Oluşturma




Eğer Dreamweaver mx 2004 kullanmıyorsanız eski versiyonlarda oluşan Türkçe karakter problemini çözmek için;

1. Encodings dosyasının içindekileri "C:Program FilesMacromediaDreamweaver MXconfigurationEncodings" klasörüne kopyalayın.

2. Programı açIP edit > Preferences > Fonts dan Font settings > Turkish olarak ayarlayın.

3. Yine Edit > Preferences >New document den default encoding > Turkish (1254) veya Turkish ISO olarak ayarlayın. İsterseniz burada Default document type i devamlı çalışacağınız sayfa tipine göre ayarlayabilirsiniz.


Dreamweaver Mx 2004 kullanıcıları 2. adımdan itibaren ayarları yapabilirler.
Öncelikle bir site oluşturalım. Bunun için Site > New site diyoruz. Burada;

1.Kısım: Sitemize bir ad veriyoruz

2.Kısım: Bze server teknolojisini kullanmak isteyip istemediğimiz soruluyor. Bu seçenek daha çok ASP, ASP.net gibi diller için geçerli olduğundan şimdilik hayır diyoruz.

3.Kısım: İlk seçeneği işaretleyip site dosyalarımızın diskte bulunduğu yeri belirtiyoruz.

4.Kısım: "None" seçeneğini seçiyoruz.

Bu işlemlerden sonra sağ taraftaki file penceresi açılıyor. Buradan dosyalarımızı kontrol edebiliriz.
Şimdi ise yeni bir döküman açıp Dizayn ekranında sağ tıklayıp sayfamızın görüntü ayarlarına bakalım.



Title: Sayfamızın başlığı
Background image: Arkaplan için resim koymak için
Background: Arkplan rengi
Text: Yazı rengi
Links: Linklerin sayfadaki rengi
Visited links: Önceden tıklanmış link rengi
Active links: Daha tıklanmamış link rengi
Text Margin: Sayfayı soldan sıfırlar
Top Margin: Sayfayı üstten sıfırlar
Margin weight-height: Sayfa kenar boşluğu
Document Encoding: Dil ayarları
Tracing image: Arkaplana sabit bir resim yerleştirir
Image transparency: Sabir arkaplan renginin görünme miktarı




Bir püf noktası >>> Eğer hep aynı renkleri kullanmak isterseniz;
"C:Program FilesMacromediaDreamweaver MXConfiguration DocumentTypesNewDocuments" klasörü içindeki "default.htm" dosyasınının içeriğini değiştirmelisiniz. Bu dosya her yeni döküman açıldığında çalışan dosyadır.



Sayfaya resim, tablo gibi ne eklersek ekleyelim özelliklerini Properties ekranından ayarlarız. Bu pencere normal halde yazı özelliklerini gösterir. Bu ayarlar;



Format: Yazı fontu
Size: Yazı büyüklüğü
B: Kalın yazı
I: Yatık yazı
Link: Link vermek için
Target: Linkin açılma penceresi
Align(Hizalama) : Yazıyı sola,ortaya, sağa kaydırır
List: Liste oluşturmak için
Indent-outdent (Girinti) : Paragraf girintisi yapar


TABLO EKLEYELİM

simgesini tıkladıktan sonra properties den ayarlamaları yapabiliriz. Tablonun büyüklüğünü mouse ile de ayarlayabiliriz.



Tablolarla çalışırken genişliği yüzde olarak ayarlamak önemlidir. Böylece 800*600 ile 1024*768 çözünürlükte sayfa aynı boyutlarda görülür.


RESİM EKLEYELİM

Resim eklemek için simgesini kullanırız. Çeşitli sayfalarda gördüğümüz resimlerin belli yerine link vermeyi (image map) kullanmak için aşağıdaki logoyu inceleyelim;





Properties den yandaki kareyi seçiyoruz.
Resim üzerinde bir yeri mouse ile seçiyoruz.



Çıkan hotspot menüsünde istediğimiz link adresini yazıyoruz. Yukarıdaki logonun işaretlediğimiz yerine tıklayıp yaptığımız image map i deneyin.


Rollover image ile mouse ile değişen resimler yapabiliriz.


FRAME KULLANALIM

Frameler ile sayfayı bölerek kullanabiliriz. Bu bize ne kazandırır? Örneğin sayfayı ikiye ayırarak sol tarafa sayfamızın menüsünü yerleştiririz. Böylece sol taraf devamlı yüklenmeyecek diğer sayfalarda sağ tarafta açılacak. Genellikle sol-sağ ve sol-sağ-üst şeklinde frameler kullanılır.Daha fazla da bölebiliriz ama kalabalık bir tasarım olur ve olası bir yüklenmeme durumunda görüntü bozulabilir.

Örnek olarak sol frame kullanalım. Mouse ile sol tarafın büyüklüğünü ayarlayabiliriz. Properties den ;



Borders: Aradaki kaydırma çubuğunun durumu
No: Kaydırma çubuğunu göstermez
Yes: Kaydırma çubuğunu gösterir
Default: Sayfanın uzunlunğu büyükse kaydırma çubuğunu gösterir.
Bordercolor: Aradaki çerçevenin rengi
Column: Sol tarafın genişliğini değer olarak girebiliriz.

Daha sonra sol taraftaki frame içinde sağ tıklayarak sayfanın özelliklerini ayarlayabiliriz. Ne kadar frame kullanırsak o kadar sayfa oluşturulur. Bu sayfaları kaydetmek için mevcut frame içinde save frame yapmalıyız. Örneğin örnekteki gibi sol taraftaki frame içinde iken save frame ile sayfayı soltaraf.htm olarak , sağ taraftaki frame içinde save frame ile sayfayı sagtaraf.htm olarak kaydedelim. En son olarakta tüm frameleri kullanacağımız ana sayfayı save ile anasayfa.htm olarak kaydedelim. Artık anasayfa.htm yi çalıştırırsak bu iki frame i kullanabiliriz.

Bu makale hakkında ek bilgi eklemek için buraya tıklayınız

Bu makalenin yazar yada kaynağını bildirmek için tıklayınız.

Digg this Post! Add Post to del.icio.us Bookmark Post in Technorati Furl this Post!
Eklenme tarihi: 7-12-2006  Okunma: 4361

Bu Makaleye Verilen Puan:    Makaleye verilen puanlar Makaleye verilen puanlar Makaleye verilen puanlar Makaleye verilen puanlar
Bu Makaleye Puan Ver  

Bölüm Başlık Kullanıcı Yorumları


Bu makaleye yorum gönderilmemiş, ilk yorumu sen gönder !
Reklam Netinternet
Bazı hakları saklıdır: İçeriğin editör ve yazarlarımız tarafından oluşturulan kısımları ve site tasarımının hakkı saklıdır.  Bu sayfa en iyi 1280x1024 ve 1024x768 çözünürlükte izlenir.
Powered by BilgiPortal v2.2
Emlak Yorumlar Müzik estetik