evet arkadaşlar şimdi anlatacağım tasarım ve site hazırlanma daha önce başka bi yerde verildi mi bilmiyorum ama ben ilk mj'de anlatacağım.Ben bi firmada part time olarak grafik tasarımcılığı yapıyorum ve bu sistemi kullanıyoruz.Daha önce 1-2 ingilizce anlatımla karşılaşmıştım sadece o kadar.Neyse ben anlatmaya başlayayım biraz uzun sürecek

İlk önce gerekli programlar verelim: 1) Photosop cs ve üzeri
2)Frontpage ve benzeri iş gören bi program (frontpage kullanmanız daha iyi olacak ona göre anlatacağım ben)

Şimdi anlatımın kolay olması için ben bi template seçtim sizde öyle yapabilirsiniz ama size tavsiyem herzaman kendi tarzınızda tasarımlar yapmanız.Seçtiğim template 11856 buradan orjinal haline bakabilirsiniz [Linkleri Görebilmek İçin Üye Olmanız Gerekmektedir.Lütfen Buraya TIKLAYARAK Üye Olunuz.]

indirdiğimiz template'in sources klasörğndeki psd dosyalarını alıyoruz ve herhangi birisini açıyoruz.

Şimdi gerekli yerleri siliyoruz veya editliyoruz ve resimdeki gibi bir hale getiriyoruz tabi bu isteğe bağlı.Yaklaşık 15 dakika işlemden sonra resimdeki hale geliyor


devam ediyoruz.Şimdi tasarımımız hazır olduğuna göre photoshop sol menüden slice tools'u seçiyoruz (klavye kısayolu K'dır). Slice tool resimleri gerektiği yerden kesmemize yardım edecek.gerekli yerleri işaretleyip kesebilirsiniz kolayca.Slice tools ile resimdeki gibi veya istediğiniz gibi resmi kesin.Burada dikkat edilmesi gereken nokta üzerine yazı yazılacak kısmın (frontpage ile ) dikkatli kesilmesidir.Resimde dikkat ederseniz hakkımızda kısmını boş bıraktım ve oraya frontpage ile nasıl yazı yazılacağını ileride anlatacağım.


Kesme işlemimizde bittiğine göre şimdi üst menüden file/save for web and devices'a tıklıyoruz ve gelen menüden ayarları resimdeki gibi yapıyoruz.



bu arada ortadaki büyük mj amblemi dikkatinizi çekmiştir rahat copy-paste yapmasınlar diye bi önlem

evet arkadaşlar şimdi anlatacağım tasarım ve site hazırlanma daha önce başka bi yerde verildi mi bilmiyorum ama ben ilk mj'de anlatacağım.Ben bi firmada part time olarak grafik tasarımcılığı yapıyorum ve bu sistemi kullanıyoruz.Daha önce 1-2 ingilizce anlatımla karşılaşmıştım sadece o kadar.Neyse ben anlatmaya başlayayım biraz uzun sürecek

İlk önce gerekli programlar verelim: 1) Photosop cs ve üzeri
2)Frontpage ve benzeri iş gören bi program (frontpage kullanmanız daha iyi olacak ona göre anlatacağım ben)

Şimdi anlatımın kolay olması için ben bi template seçtim sizde öyle yapabilirsiniz ama size tavsiyem herzaman kendi tarzınızda tasarımlar yapmanız.Seçtiğim template 11856 buradan orjinal haline bakabilirsiniz [Linkleri Görebilmek İçin Üye Olmanız Gerekmektedir.Lütfen Buraya TIKLAYARAK Üye Olunuz.]

indirdiğimiz template'in sources klasörğndeki psd dosyalarını alıyoruz ve herhangi birisini açıyoruz.

Şimdi gerekli yerleri siliyoruz veya editliyoruz ve resimdeki gibi bir hale getiriyoruz tabi bu isteğe bağlı.Yaklaşık 15 dakika işlemden sonra resimdeki hale geliyor


devam ediyoruz.Şimdi tasarımımız hazır olduğuna göre photoshop sol menüden slice tools'u seçiyoruz (klavye kısayolu K'dır). Slice tool resimleri gerektiği yerden kesmemize yardım edecek.gerekli yerleri işaretleyip kesebilirsiniz kolayca.Slice tools ile resimdeki gibi veya istediğiniz gibi resmi kesin.Burada dikkat edilmesi gereken nokta üzerine yazı yazılacak kısmın (frontpage ile ) dikkatli kesilmesidir.Resimde dikkat ederseniz hakkımızda kısmını boş bıraktım ve oraya frontpage ile nasıl yazı yazılacağını ileride anlatacağım.


Kesme işlemimizde bittiğine göre şimdi üst menüden file/save for web and devices'a tıklıyoruz ve gelen menüden ayarları resimdeki gibi yapıyoruz.



bu arada ortadaki büyük mj amblemi dikkatinizi çekmiştir rahat copy-paste yapmasınlar diye bi önlem

şimdi herhangi biryere kaydettikten sonra devam ediyoruz.Bu kaydettiğimiz sitenin anasayfasıydı şimdi iç sayfaları nasıl yapacağız.Psd dosyadan istediğiniz kısımları silin (indexte) ve sonra yine aynı yolla slice tools ile kesiğ kaydedin ama dikkat edin kaydederken aynı isimde olsun ve farklı bi klasöre kaydedin.Sonra iç sayfanın images klasörünü açıp içindeki resimlerin hepsini kopyalayın ve index'in images klasörünün içine atın üzerine yazılsın mı dite soracak hepsine evet deyin (panik yapmayın) büyük ihtimal sorun olmayacaktır.sonra iç sayfanın html'sini index ile aynı yere atın ve ikiside çalışacaktır.

evet bu işlemler bittiğine göre frontpage ile olan işlerimize başlıyoruz.şimdi ben index'i mj olarak kaydettim ve açtığımda ie ile böyle gözüküyor göründüğü gibi site sağ tarafa yaslanmış durumda.

Bu resim nedense bi türlü çıkmadı gitti


şimdi index'i frontpage ile açıyoruz.Açtıktan sonra ctrl+a yani hepsini seçip ctrl+x deyip sayfadaki herşeyi kesiyoruz.Sonra tek satırlık ve tek sütunluk bir tablo açıyoruz, açtığımız tablonun üzerine sağ tıklıyoruz ve tablo özellikleri diyoruz.Açılan menüden resimdeki ayarları yapıp tamam'a basıyoruz.Burada tabloyu sol tarafından çekip sayfanın yarısı boyutuna veya daha azına indiriyoruz.



Sayfafımızı bu şekilde ortalamış olduk.

arkadaşlar sonraki işlemimiz munülere linkd verme.Frontpage dikdörtgen etkin nokta aracını seçtikten sonra istediğiniz yeri işaretleyerek link verebilirsiniz.

Şimdi sıra geldi frontpage ile içerik girmeye.Yazı yazacağımız alanı boş bırakmıştık yukarıda.Şimdi boş alanın üzerine çift tıklıyoruz ve açılan ekrandan genel sekmesine gelerek resimin adını kopyalıyoruz
ve görünüm sekmesinden genişlik ve yükseklik değerlerini bi kenera not ediyoruz.Örneğin benimkinde genişlik 353 yükseklik 86.Bu pencereye tamam diyerek kapatıyoruz.

Sıra geldi yazı yazacağımız alanı arkaplan yapmaya.Az önce ismini yüksekliğini bi yere not aldığımız resmin üzerine sağ tıklayıp hücre özelliklerine giriyoruz ve gerekli alanları dolduruyoruz.Neresinin doldurulduğu resimde kırmızı olarak işaretlenmiştir.Yine de açıklayayım.Resmin ismini arkaplan resmi kullan yazan yere yapıştırıyoruz ve yükseklikle genişliği de yukarıda yerlere yazıyoruz ve tamam diyoruz.



Resmimiz arkaplan oldu ve artın üzerine tablo açılıp yazı yazılabilecek hale geldi.

ve Final




Evet arkadaşlar yeni başlayanlar için 30-40 dakika sürmesede yinede kolay yoldan web sitesi yapmak için ideal bi yöntemdir.Takıldığınız yerlerde yardımcı olurum.

Kendi emeğinizle yaptığınız siteleriniz şimdiden hayırlı olsun

gzüelde zor bu ya
***paylaşım için sağol***

evt zor ama işe yarıyor paylaşım için saol

birader iyi hos güzel anlatmişinda millet templatemonsterdan nasil indiricek templateyi parali yani.nasil indireceğinide anlatsaydin yani