Üye Girişi
Bağlan Google+ ile Bağlan Facebook ile Bağlan
Yeni Kayıt
Tüm Forumlar
  • Tüm Forumlar
  • Web Tasarım - Programlama
  • Tasarım ve grafik
  • Web Tasarım ve Hazır Kodlar
  • Bu Konuda
Şimdi Ara

Photoshop İle Web Tasarımı Ve Site İçindeki Yazılar

Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
5 sn
16
Cevap
0
Favori
2.970
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
Konuya Özel
0 oy
Öne Çıkar
Cevapla
Sayfa: 1
Giriş
Mesaj
  • Arkadaşlar Merhaba;

    Hemen soruma geleyim, photoshop ile tasarımını yaptığım bir site var ve bu sitenin içindeki yazılarıda photoshopta hazırlıyorum.

    Dün akşam ücretsiz site templatesi veren bir siteden template indirdim. template klasörü içinde html, psd, ve fontları vardı sitenin.

    psd dosyasını photoshop ile açtıgımda sitenin yazılarının photoshopta yazıldıgı açıkca görülüyor ama '' save for web ile html olarak kaydedilmiş ve siteyi explorerde açtıgımda photoshop ta ki yazılar resim olarak değilde normal text olarak görünüyor

    işte ben photoshoptaki tasarımımı html kaydettiğimde nasıl ? yazıları explorerde text olarak görebilirm. bende herşey resim çıkıyor

    umarım anlatabilmişimdir

    işte o template

    http://rapid.share.com/files/176640789/2.rar.html



    _____________________________
    IMZANIZ KURAL DIŞIDIR | | Uymanız gereken imza kurallarını okumak icin tıklayınız.




  • Merhaba;

    Photoshop ile yaptıklerı tasarımı save for web ile html haline getirdikten sonra, web editörü ile açıp yazıların olduğu yerdeki resimleri silip normal text ile yazıyorlar. Ya da photoshop ile html yapmadan önce, metinleri görünmez yapıp öyle kayıt ediyorlar ve sonra yazıları gereken yerlere ekliyorlar. Ben öyle yapıyorum şahsen :) Malesef photoshop sadece resim olarak atıyor, sana düşen bir editör ile metin girmek.

    Photoshopta yazılmış olması hem tasarımı tam olarak görmek hem de template dosyası olduğu için. Ben tasarımı mı müşteriye gösterirken photoshop ta yazılarınıda yazarak jpg olarak gösteriyorum. O yüzden yazılar yazılmış oluyor.

    Biraz fazla uzattım ama umarım anlatabilmişimdir :)

    Kolay gelsin...
    _____________________________
  • quote:

    Orjinalden alıntı: ilgicekici

    Merhaba;

    Photoshop ile yaptıklerı tasarımı save for web ile html haline getirdikten sonra, web editörü ile açıp yazıların olduğu yerdeki resimleri silip normal text ile yazıyorlar. Ya da photoshop ile html yapmadan önce, metinleri görünmez yapıp öyle kayıt ediyorlar ve sonra yazıları gereken yerlere ekliyorlar. Ben öyle yapıyorum şahsen :) Malesef photoshop sadece resim olarak atıyor, sana düşen bir editör ile metin girmek.

    Photoshopta yazılmış olması hem tasarımı tam olarak görmek hem de template dosyası olduğu için. Ben tasarımı mı müşteriye gösterirken photoshop ta yazılarınıda yazarak jpg olarak gösteriyorum. O yüzden yazılar yazılmış oluyor.

    Biraz fazla uzattım ama umarım anlatabilmişimdir :)

    Kolay gelsin...


    Teşekkür Ederim

    Photoshopta tasarımı yapıyorum Dreamweaverdede yazılarını hallediyorum
    _____________________________
    IMZANIZ KURAL DIŞIDIR | | Uymanız gereken imza kurallarını okumak icin tıklayınız.




  • En güzel yöntem
    _____________________________
  • Arkadaşlar benim bir sorum olaca. Sitemwww.mbbtrafik.com ve bu siteyi photoshop ile hazirlayip, png olarak kaydedip, frontpage'da tablo oluşturup arka plana o png'yi koyup bağlantıları görünmez dikdörtgen kutuları ile verdim. Ancak yazılar photoshopta yazıldığı için html olarak yazılar seçilemiyor ve google bu yazıları göremiyor. Şimdi bu yazıları silsem bu sefer frontpage ile yazınca kaydırarak yazıları istediğim yere koyamıyorum.

    Bu konuda ne önerirsiniz ? Photoshop tasarımını direk save for web devices yapsamda yine yazılar seçilemiyor. Yazıların mutlaka google tarafında yazı olarak görülmesi lazım, Seo ayarları yapacağım için.

    Şimdiden teşekkürler.
    _____________________________
    Bir havacılık blogu; Hayal Edince - http://www.hayaledince.blogspot.com.tr




  • Arkadaşlar bu sorun benim için çok önemli, lütfen yardımcı olabilecek biri var mı ? Eğer bu sorunuma bir çare bulamazsam koca siteyi yeniden yapmam gerekecek.
    _____________________________
    Bir havacılık blogu; Hayal Edince - http://www.hayaledince.blogspot.com.tr
  • quote:

    Orijinalden alıntı: bekarburak

    Arkadaşlar benim bir sorum olaca. Sitemwww.mbbtrafik.com ve bu siteyi photoshop ile hazirlayip, png olarak kaydedip, frontpage'da tablo oluşturup arka plana o png'yi koyup bağlantıları görünmez dikdörtgen kutuları ile verdim. Ancak yazılar photoshopta yazıldığı için html olarak yazılar seçilemiyor ve google bu yazıları göremiyor. Şimdi bu yazıları silsem bu sefer frontpage ile yazınca kaydırarak yazıları istediğim yere koyamıyorum.

    Bu konuda ne önerirsiniz ? Photoshop tasarımını direk save for web devices yapsamda yine yazılar seçilemiyor. Yazıların mutlaka google tarafında yazı olarak görülmesi lazım, Seo ayarları yapacağım için.

    Şimdiden teşekkürler.

    Merhaba;

    Yukarıda yazdığım gibi, photoshop ile tasarımını yaptığın sitenin yazı kısımlarını silip, sonra onları dilimleyip kaydetmen gerekiyor. Açıkca yazmak gerekirse, tasarımı ve yazıları hazırladın. Araç çubuklarında Slice diye bir araç var. Onu seçip, siteni bölümlere ayırıyorsun. Bu bölümleme işlemi sırasında, yazıların yazılacağı yerleri yazının tamamı o dilimin içinde olacak şekilde bölüyorsun.

    Dilimleme işlemi bittikten sonra, yazı katmanlarını görünmez hale getirip save for web ile png ya da jpeg fark etmez ama bence jpeg olarak seçip, kayıt ayarlarından html and imagesi seçip kaydet diyorsun.

    Kaydettiğin zaman verdiğin isimde html dosyası oluşuyor. O dosyayı bir editörde açıp yazı gelecek alanları hücre arka planı olarak ayarlıyorsun ve o kısımlara istediğin yazıları yazıyorsun :)

    Ne kadar biliyorsun bilmiyorum ama, en basit şekilde anlatmaya çalıştım. Bunları biliyorsan zaten sorun olmaz :)

    Kolay gelsin...



    < Bu mesaj bu kişi tarafından değiştirildi c.r.t -- 24 Aralık 2009; 13:12:03 >
    _____________________________




    • Yapay Zeka’dan İlgili Konular
    Chrome'da web sayfalarında yazılar garip görünüyor
    11 yıl önce açıldı
    microsoft word de yazı ve fotoğraf ekleme
    17 yıl önce açıldı
    Yeni Web Site Tasarımı
    geçen yıl açıldı
    Daha Fazla Göster
  • Kardeş Allah razı olsun senden, henüz denemedim ama çok mantıklı gözüküyor. Peki frontpage ile bunu yapabilir miyim ? Yoksa başka önereceğin program var mı ? Şİmdi normalde ben frontpage ile yazıyı istediğim yere yazamıyordum, photoshop gibi yazıyı al istediğin yere kaydır olayı olmadığı için. İstediğim yere tabloda oluşturamıyordum. Şimdi bu slice dilimi ile o kısma çerçeve koyabilecem heralde.

    Birde ben o sitemi incelediysen bağlantılarıda frontpagede görünmez dikdörtgen oluşturup hyperlink vermiştim, slice ile yapınca site açılırken kare kare açılıyor hoş olmuyor diye, bağlantıları slice dilimleri ile mi vereyim ? Yoksa aynı şekilde frontpage ile mi ?



    < Bu mesaj bu kişi tarafından değiştirildi bekarburak -- 25 Aralık 2009; 2:21:12 >
    _____________________________
    Bir havacılık blogu; Hayal Edince - http://www.hayaledince.blogspot.com.tr
  • Merhaba;

    FrontPage ile yapabilirsin tabii ki. Artık yazının geleceği kısma çerçeve koymana gerek olmayacak çünkü slice ile dilimlediğin için zaten çerçeveli olarak gelecek. Yazı yazacağın alandaki resmi silip, onu hücre arka planı olarak ayarlayacaksın ve o hücrenin içine istediğin yazıyı yazabilceksin.

    Slice ile yapılan site açılırken kare kare oluyor ama çok sorun yaratmaz. Eğer sitenin arkasına uygun bir arkaplan eklersen göze çarpmıyor. Zaten ilk girişite öyle gözüküyor, ondan sonra sıkıntı olmuyor. Ama bağlantıları frontpage ile veremen daha iyi olur. Görünmez dikdörtgene gerek yok ayrıca. Bağlantı butonunu tam ölçülerde dilimlersen sadece ona köprü yapman yeterli olur. Ayrıca dikdörtgen kullanmana gerek yok. Çünkü dikdörtgenler büyük resimlerde küçük alanları linklemek için kullanıyor.

    Kolay gelsin...
    _____________________________




  • Photoshop İle Web Tasarımı Ve Site İçindeki Yazılar


    Photoshop İle Web Tasarımı Ve Site İçindeki Yazılar


    Kardeş yukarda ki olay oldu kestiğim yeri silince alt taraf üste geliyor, enter yapınca altta tam hizada olmuyor. Ben sadece bi tek o yazı metninin olduğu kısmı slice ile kestm. Ama altında otomatik olarak kendi bi dilim daha oluşturdu. O dilimi silemez miyim ? Yada fazladan oluşan dilim yukarı gelmesin diye kestiğim alan kadar hücre mi oluşturmam lazım frontpageda ?? Birde rengi tam tutturamıcam heralde. Çünkü tam siyah değil arka fon. Program frontpage.

    Photoshop İle Web Tasarımı Ve Site İçindeki Yazılar


    Bunu şimdi keşfettim yazılarını dikkatli okuduğumda. Photoshopta yazilari kapatıp frontpage de açtım. Şimdi bu dilimi silmeden üzerine yazı yazamaz mıyım ?



    < Bu mesaj bu kişi tarafından değiştirildi bekarburak -- 25 Aralık 2009; 16:40:18 >
    _____________________________
    Bir havacılık blogu; Hayal Edince - http://www.hayaledince.blogspot.com.tr




  • Merhaba;

    Yeni yaptığın yerin üzerine yazı yazabilirsin ama önce şunları yapman gerekiyor. Öncelikle o siyah alanın boyutunu bulman gerekiyor. Üzerine sağ tıklayıp resim özellikleri dersen kaç piksel olduğu orada yazıyor. Sonra o siyah resmi siliyorsun. Silinince bozulma olabilir çünkü hücrenin boyutu resim silindiği için otomatik olarak ayarlanıyor. Şimdi Hücre Biçimlendirme diyorsun o hücrede sağ tıklayarak ve orada demin öğrendiğin piksel boyutlarını giriyorsun. Böylece hücremiz bizim istediğimiz boyutta oluyor.

    Sonrada, eğer o siyah resim gradyent ile yapılmış ise, hücre arkaplanı olarak ayarla seçeneğinden onu gösteriyorsun ve o arka plana yerleşmiş oluyor. Eğer o siyah tek renk siyahsa o zaman hücre arka planını renk ile dolduruyorsun. Böylece siyah bölge arka planda kalıyor ve sen üzerine istediğin yazıları yazabiliyorsun.

    Umarım anlatabilmişimdir :)
    _____________________________




  • Kardeş çok güzel anlatıyorsun, aynen yaptım, ancak hücre biçimlendir bunlardan hangisi anlayamadım.Cell properties mi ? Gerçi buırda hücre bozulması kayma falan olmadı ama olan yerler var.
    Birde o sildiğim kısmı tekrar nasıl arka plan olarak geri getireceğim sildikten sonra ? Cell propertiesden use background picture diyorum ama normal benim bilgisayardaki resimleri falan seçebilyorum, o sildiğim dilim resmini göremiyorum. Arka plan düz siyah, gradient değil ama bazı kestiği yerlerde arka plan resimleride gidiyor mecbur yapmam lazım, heryerde background sadece siyah yapınca olmuyor. O kestiğim dilimdeki resim arka plan olmalı o hücre için.

    Photoshop İle Web Tasarımı Ve Site İçindeki Yazılar



    < Bu mesaj bu kişi tarafından değiştirildi bekarburak -- 26 Aralık 2009; 16:41:59 >
    _____________________________
    Bir havacılık blogu; Hayal Edince - http://www.hayaledince.blogspot.com.tr




  • Merhaba;

    İngilizce kullanıyormuşsun ben Türkçe'ye göre anlattığım için sorun oldu galiba :) Evet dediğin gibi Cell Properties olacak. Kayma olan yerleri yukarıda anlattığım gibi hücre piksellerini belirleyerek sabit yapabilirsin.

    Arkaplan oluşturma konusunda ise, Cell propertiesden use background picture diyeceksin aynı yaptığın gibi ve orada o orka planı bulman gerekiyor. İlk açılışta bilgisayarında ki resimler klasörünü gösterir. Sitenin html dosyası nerede ise o klasöre gidip oradan images klasörüne girip o sildiğin resmi seçmen gerekiyor. Ondan sonra istediğin yazıyı yazabilirsin.

    Kolay gelsin...
    _____________________________
  • Kardeş Allah ne muradın varsa versin. Daha ne diyim ki. Çok ama çok makbule geçtim. Bir sorum daha olacak kusura bakmazsan, frontpage de şunu yapabilir miyim ? BAğlatı verecğim bir yazı normalde kırmızı olacak, fare ile üstüne gelince turuncu yanacak, tıklayınca o sayfa açılınca yeşil olacak. Yeşil ve kırmızı sabit olacak. Onu yaparım, hangi sayfa açıksa o menü yazısı yeşil diğerlerini kırmızı yaparım. Ama fare ile üstüne gelince bi yazının rengini değiştirebilri miyim ? Ben bunu eskiden resim olarka yapmıştım. Fare ile bi yere gelince resmi değiştirebiliyordum. Tam hatırlamıyorum ama nasıl yaptığımı. Yazı için nasıl yapabiliriz ?
    _____________________________
    Bir havacılık blogu; Hayal Edince - http://www.hayaledince.blogspot.com.tr
  • Merhaba;

    Yardım edebildiysem ne mutlu bana :) FrontPage ile o dediğini yapabilirsin. Bunun iki yolu var, biri eskiden yaptığın gibi, resimle yapabiliyorsun ya da sadece text ile yapabiliyorsun.

    Text ile yani yazı ile yapman için, sayfa üzerinde sağ tıklayıp açılan menüden Page Properties'i tıklaman gerekiyor. Burası sayfa ile ilgili genel yarları yaptığın bölüm. Tıklayınca yeni bir pencere açılacak. Üsteki sekmeler den Formatting yazana tıklıyorsun ve orada renklerin olduğu kutucuklar çıkıyor. Hyperlink yazanlar tıklama sonucu olan renkleri belirliyor. İlk sıradaki normal rengi, altında ki tıkladıktan sonra gözükecek olan rengi, 3. ve dördüncü olanda üzerine gelince olmasını istediğin rengi seçmeni sağlıyor. Onları ayarlarsan istediğin gibi renk değişimi yapabilirsin.

    FrontPage yüklü olmadığı için bilgisayarımda resimle değiştirmenin nasıl yapıldığını tam anlatamayacağım. Edit menüsüydü galiba, bir menü açıp, oradan değiştirme yapıyorduk. Türkçe olanında Davranışlar yazıyordu o menü adı olarak. Tam olarak hangisi onu biraz kurcalarsan bulabilirsin.

    Kolay gelsin...
    _____________________________




  • Üzerine gelince tıklamadan renk değiştirmiyor. Tıklayınca ara renk yani active renk yapıyor ondan sonra sayfa değişiyor. O da yeter. Resim olanına da şimdilik gerek yok. KArdeş Allah razı olsun tekrar, o kadar çok işimi gördün ki. Çok çok teşekkürler.
    _____________________________
    Bir havacılık blogu; Hayal Edince - http://www.hayaledince.blogspot.com.tr
    • 
Sayfa: 1

Benzer içerikler

- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.
Hizmet kalitesi için çerezleri kullanabiliriz, DH'yi kullanırken depoladığımız çerezlerle ilgili veri politikamıza gözatın.
Kabul Ediyorum