http://www.bildirgec.org/ tr-tr 40 bildirgec.org - etiketler: psd html çevirme alpmut <p>Yakın zamanda öğrendiğim psd <a href="http://www.tasarimhosting.blogspot.com">tasarımını</a> webde yayınlamayı sizlerede resimli anlatmak istedim.sonuçta nasıl bir dersi anlayıp arkadaşınıza anlatırken konu daha iyi kafanızda oturursa bende pekiştirmek için böyle bir işe girdim.<br><a href="http://www.grafikerler.org/psd-dosyalari/3876-psd-tasarimlar-guncellenecektir.html"><strong>bazı psd tasarımlar</strong></a><br>Öncelikle öylesine bir psd <a href="http://www.tasarimhosting.blogspot.com">tasarımı</a> hazırladım(berbat bişey biliyorum hatta tasarım sayılmaz neyse).<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/alpmut/psd.jpg' alt="psd html çevirme" border="0"><br>psd html çevirme</div><br>Tasarımımızın web ortamında yayınlanmasını sağlıycaz.Tasarımımız üzerinde <strong>dilimler</strong> oluşturarak tıklanabilir alanlar oluşturabiliriz.Resimdeki ana sayfa,hakkımızda… yazılara tıklanabilir alanlara dönüştürebiliriz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/alpmut/psd-dilim.jpg' alt="psd html çevirme" border="0"><br>psd html çevirme</div></p> <ul> <li>Dilim aracımızı seçerek öncelikle yazılar olmak üzere yazı,çizgi ve resimleri dilimlere ayırıyoruz.Dilimler oluşunca dilimlerin bazılarında yanında <strong>mavi</strong> bazılarının yanında <strong>gri</strong> simgeler oluşucak mavi olanlar bizim ayırdığımız dilimler gri olanlar ise photoshopun bizim dilimlerimizi daha iyi ayırmak ve göstermek için kendi oluşturduğu dilimlerdir.Resimleri dilimlerken parça parça dilimlemek web sitenizin açılışında kullanıcıya kolaylık sağlar çünkü resimler kullanıcının bilgisayarına daha hızlı şekilde yüklenir.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/alpmut/link-atama.jpg' alt="psd html çevirme" border="0"><br>psd html çevirme</div></li> </ul> <ul> <li>Şimdi dilimlere linkleri verelim.dilim aracını açtığınız yerde <strong>“dilim aracı seçici"</strong>” aracını seçin.Aracı seçtikten sonra linki vermek istediğiniz dilime çift tıklayın.Karşınıza çıkan pencerede <br><strong><br>1.Ad:</strong> yazan yere özel isim verebilirsiniz.<br><strong><br>2.url:</strong>yazan yere linkin adresi <br><strong><br>3.hedef:</strong> yazan yere _blank yazarsanız tıklayınca adres farklı tarayıcıda çıkar,_self yazarsanız aynı pencere içinde adres açılır._blank resimlerde daha çok tercih edilir.<br><strong><br>4.Mesaj metni:</strong>kişi tarayıcıda linkin üzerine geldiğinde tarayıcının sol alt köçesinde durum çubunda çıkacak yazıdır.<br><strong><br>5.Alt etiketi:</strong> arama motorlarının sitenizi daha iyi indexleyebilmesi ve sitenizin daha üst sıralara çıkarmak için kullanılır.Tıklanan adresin açıklayıcı özelliği yazmanız tavsiye edilir.</li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/alpmut/web-kaydet.jpg' alt="psd html çevirme" border="0"><br>psd html çevirme</div> <ul> <li>Bundan sonra dilimlere ayırdığımız ve linklerini atadığımız tasarım dosyasının web içinde kaydedicez.dosya-web ve aygıtlar için kaydet-en iyileştirilmiş alana gelin.renk sayısının <strong>265 dan az olduğu grafiklerde gif olarak resimlerin ise 256 dan fazla olduğu düşünülürse bunlarında jpg olarak kaydetmek</strong> gerekir.Kaydetmek istediğiniz grafik yada resmin üzerine gelip sağdan sadece kaydetmek istediğiniz uzantıyı seçin.işlemleriniz bittikten sonra kaydede tıklayıp hangi dosyanın altında kaydedeceğinizi seçip index.html olarak kaydediyoruz. Kaydederken kayıt türünü”html ve görüntüler” olarak kaydediyoruz.Kaydettikten sonra uyarı mesajı gelir bunada tamam diyoruz.</li> </ul> <ul> <li>Sayfamızın tarayıcıda nasıl göründüğünü merak ediyorsanız kaydettiğiniz yerdeki index.html açmanız yeterli.<br>İşte basit olarak böyle buradan sonra web sitenizin dosyalarını <a href="http://www.tamindir.com/program/9834/FileZilla.htm">ftp programlarları</a> ile <a href="http://www.daha.net/blog/cpanel-nedir-cpaneli-taniyalim/">cpanele</a> atmanız gerekiyor.Umarım yeni arkadaşlar ve meraklıları için yararlı olmuştur</li> </ul> <p><strong><a href="http://alpmut.bildirgec.org/">yazılarımdan bazıları:</a></strong></p> <p><a href="http://www.bildirgec.org/yazi/en-ucuz-domain-ve-domain">en ucuz domain ve domain fiyatlarının listesi</a><br><a href="http://www.bildirgec.org/yazi/apple-1976-2010-hayat-oykusu-1">apple (1976-2010) hayat öyküsü ve yaptıkları</a><br><a href="http://www.bildirgec.org/yazi/soyu-tukenmekte-olan-on-teknoloji">soyu tükenmekte olan on teknoloji</a></p> <p><strong><a href="http://www.bildirgec.org/yazi/gamescom-daki-ilginc-bilgisayar-tasarimlari">gamescom'daki ilginç bilgisayar tasarımları</a></strong></p> <p><strong><a href="http://www.bildirgec.org/yazi/pes-2011-gameplay-videosu-cikti">pes 2011 gameplay videosu çıktı</a></strong></p> <p><a href="http://www.bildirgec.org/yazi/seo-teknikleri-ve-ipuclari">seo teknikleri ve ipuçları</a></p> <p><strong><a href="”http://www.tasarimhosting.blogspot.com">blog</a></strong></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/alpmut">alpmut</a> tarafından <a href=" http://www.bildirgec.org/yazi/psd-tasarimlari-webde-yayinlama ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Mon, 31 Jan 2011 09:11:00 GMT 91440@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/psd-tasarimlari-webde-yayinlama tasarım photoshop web tasarım html psd web sitesi yapmak psd tasarımları html çevirme photoshop ile web sitesi yapmak photoshop ile nasıl web sitesi yapılır psd html çevirme