Varolan bir web sitesini Dreamweaver'da düzenleme

Özgün siteyi oluşturmak için Dreamweaver kullanmamış olsanız bile, Dreamweaver uygulamasını, varolan bir uzak bir siteyi (veya uzak sitenin herhangi bir kolunu) yerel diskinize kopyalamak ve orada düzenlemek için kullanabilirsiniz.

1 Varolan siteyi içerecek bir yerel klasör oluşturun ve bu klasörü sitenin yerel klasörü olarak ayarlayın.
Not: Varolan uzak sitenin ilgili kolunun yapısının tamamını yerel olarak çoğaltmanız gerekir.
2 Varolan siteye ilişkin uzaktan erişim bilgilerini kullanarak uzak bir klasör kurun. Dosyaları düzenlemek için önce bilgisayarınıza yüklemeniz gerektiğinden uzak siteye bağlanmalısınız.

Oval Tabloyu Siteye Taşıma

Photoshop’ta slice tool ile parçalara ayırdığımız oval tabloyu Save For Web seçeneği seçilerek bütün parçalar seçilir ve png 24 olarak html and images seçilerek kaydedilir.Html dosyası dreamweaver’da açıp bütün parçaları background resmi olarak tanımlıyoruz.Sitemiz içinde hangi hücreye kaç tane oval tablo yerleştireceksek hücreyi bölüyoruz.Oval tablonun olduğu html sayfasına gelip tabloyu seçtikten sonra ctrl + c kopyalıyoruz.Sitede istediğiz yere yapıştırıyoruz.Boyutlarını ayarladıktan sonra oval tabloya istediğimiz içeriği verebiliriz.

Dreamweaver oluşturulan Tabloyu Biçimlendirme

Tabloyu sayfaya ekledikten sonra tablo ile ilgili ayarları yapmak için alt taraftaki properties (Properties İnspector) paneline iniyoruz.Burada tablo ile ilgili istediğiniz bütün ayarları (satır sayısı,kolon sayısı,genişlik,yükseklik,kalınlık) yapmak mümkün.

• Table Id: Tablonun adı
• Rows: Satır sayısı.
• Cols: Kolon sayısı
  

Dreamweaver Tablo Oluşturma

Dreamweaver’da yeni bir tablo hazırlamak için İnsert Panelindeki table seçeneği seçilir bu işlemin kısayol tuşu (ctrl + alt + T).Karşımıza tablo ile ilgili özelliklerin olduğu bir pencere gelecek bu pencerede tablonun kaç satır kaç sütun olduğu genişliğinin ne kadar olduğu vb. ile ilgili bilgiler girilir.Ok tıklanır belirlediğimiz özellilerde tablo ekrana gelir.Bu tabloda satırların yüksekliğini ve genişliğini alt taraftaki properties panelinde W - H kısmından ayarlayabiliriz.

Photoshop’ta Yapılan Oval Tabloyu Dreamweaver’da Açma

Photoshop’ta tasarladığımız oval tabloyu kaydederken “PNG” ve“html and images” olarak kaydediyoruz.Daha sonra dreamweaver’ı çalıştırarak open menüsünden oval tabloyu kaydettiğimiz klasörün içinden html dosyasını seçiyoruz tablo dreamweaver’a geliyor.Bu oval tablonun boyutlarını değiştirmek istiyorsak images parçalarını background olarak ayarlamamız lazım.Bunun için sırasıyla bütün parçaları tek tek silip alt tarafdaki bg menüsünde background ayarlıyoruz.Daha sonra Split ekranına gelip oval tablonun köşedeki parçalarının boşluklarını siliyoruz.Ve istediğimiz boyda ve genişlikte uzayabilen oval tablomuz hazır.Kolay gelsin.

Photoshop’ta Oval Tablo Yapımı

Photoshop’ta oval tablo hazırlamak için boş bir belge açarız.Custom shape tool seçilir,oval dikdörtgen seçilir ve radius 10 olarak belirlenir.Yeni bir layere(katman) foreground color siyah olacak şekilde bir dikdörtgen çizilir layerin ismi siyah olarak değiştirilir.Bu layerin kopyası alınır layere foregroung color beyaz seçilerek shift + alt + backspace uygulanır.Ardından Filter/blur/gaussion blur seçeneği seçilerek uygun bir değer verilir.Oval tablo hazırlanır.