|
|
23-03-2008, 23:34:20
| ||||
| ||||
 (Resimli Anlatım) Photoshop - Sıfırdan Web Tasarım **Alıntı Değil. Alın Teridir  Çalışmanın Psd sini indirmek için TIKLA Merhaba arkadaşlar bu dersimde Photoshop ta güzel siteler oluşturmayı anlatacağım Evet başlayalım. ------------------------------- Not: Deneme Tasarım yukarıda linklenmiştir..İndirip üzerinde çalışabilirsiniz. Ben elinizde hazır bir photoshop tasarım olduğunu farzederek başlıyorum. Resim 1 de görndüğü gibi tasarımımızda slicelerimizi çiziyoruz. Yani parçalara ayırıyoruz.Mesela gördüğünüz gibi Menüleri çizmişim tek tek... Onları Sol menüden sliceyi alıp çizdikten sonra çizdiğimiz sliceye sağ tıklayıp "Edit Slice Options" a tıklıyoruz ve karşımıza gelen ekranda resmi ne olarak kaydedeceğini ve ona tıklayınca gideceği adresi yazıyoruz.Bu işlem bütün menülerde yapılır. Fakat linki heryere ermemize gerek yok istediğiniz yere verebilirsiniz...(Resim 1)  Slicelerimizi çizdikten sonra "File" memüsüne tıklayıp "Save For Web" Sekmesi tıklanır. (Resim 2)  "Save For Web" Sekmesi' ni tıkladıktan sonra açılan ekranda genel bi ayar yapmıyoruz ve "Save" Butonuna basıyoruz.(Resim 3)  "Save" Butonu Tıklandıktan Sonra karşımıza gelen kayıt ekranında kaydedeceğimiz yolu belirtiyoruz.Alt bölümden "Html and Images"i seçim kayıt ediyoruz (Resim 4)  Kaydettiğimiz dizine geliyoruz ve sıra geldi html olarak yaptığımız bu tasarımı Herhangi bir Web Tasarım Editöründe açıyoruz.(Dreamweaver & Frontpage vs.vs...)..(Resim5)  Ve .html yaptığımız bu sayfayı herhangi bir web tasarım editöründe açtık. (Ben Share Point Kullandım) Ve sonunda bir html sayfamız oldu (Resim 6) Bu sayfamıza Web Tasarım Editöründe Neler Yapabiliriz ? * Css ile görüntüye zenginlik katabilirsiniz. * Arka plana renkler ekleme yazılar yazma vs vs Ve daha çok işlemler yapabilirsiniz. Resimlerin üzerine yazı yazmak için size div kullanma yöntemini öneririm. Bilmeyen arkadaşlar için mantığı şu <DIV STYLE="background-image:url('images/resiminadi.gif'); width: resimin genişiliğipx; height:resimin yüksekliğipx"> </div> Evet bu div in içine yazılacak yazılar sayfanın düzeninii bozmadan çıkacaktır  Takıldığınız yerlerde Peme ile yardım isteyebilirsiniz mutlaka yardım ederim. Not : Html zenginleştirmek için webtasarimrehberi.com adresini öneririm.
__________________ Havuz Buluşması Resimlerimiz // dont login Konu hrngndz tarafından (14-09-2008 Saat 14:38:30 ) de değiştirilmiştir..  |
|
23-03-2008, 23:50:33
| ||||
| ||||
 güzxel konu olmuş... menülere link vermek için illaki Edit Slice Options açmak gerekmiyor.... imageready de firefox önizlemesi alarak kaydedebilirsiniz...
__________________ 20K+ Hitli Siteye Ucuz Reklam-Kaçırmayın!!! |
|
23-03-2008, 23:52:49
| ||||
| ||||
| Alıntı:
Arkadaşım doğru söylüyor. Resimlere link vermek için html sayfada <img src kodundan önce <a href="link" ile linklenmesi gerekiyor. ama bu işlemi yapıyorsanız img border="0" olması gerekmektedir Aksi taktirde tasrımda kaymalar olacaktır.
__________________ Havuz Buluşması Resimlerimiz // dont login |
|
24-03-2008, 01:22:00
| ||||
| ||||
| güzel konu olmuş +rep
__________________  Köpek Gibi ÇALIŞIR Bey Gibi YERİM |
|
24-03-2008, 01:55:41
| |||
| |||
| Teşekkürler cok güzel anlatım olmuş bu gibi paylasımların artması dileği ile repinizi veriyorum saolun. |
|
25-03-2008, 07:12:12
| ||||
| ||||
| Bilmeyenler İçin İyi Oldu +rep |
|
25-03-2008, 09:29:47
| ||||
| ||||
| Süper Paylaşım Olmuş, Kaç Gündür Link Veriyodum Ama Kaydedemiyodum, Uzun Zamandır Kullanmıyodum Epey Paylanmışım.. Save for web +rep |
|
25-03-2008, 12:40:31
| |||
| |||
| Yeni Arkadaşlar için başlangıç konusunda iyi bir kaynak, teşekkürler |
|
25-03-2008, 12:43:16
| ||||
| ||||
| Alıntı:
Sağool
__________________ Havuz Buluşması Resimlerimiz // dont login |
 |
| Konuyu Toplam 1 üye okuyor. (0 Kayıtlı üye ve 1 Misafir) | |
| Konu Seçenekleri | |
| |
Okuduğunuz Konuya Benzer Konular | ||||
| Konu | Konuyu Açan | Forum | Cevaplar | Son Mesaj |
| Cep Telefonunuzu Webcam Olarak Kullanma ( Resimli Anlatım) | birtanemsin.net | Cep Telefonları | 2 | 06-04-2008 22:41:10 |
| Html - Web’e Giriş | today_16 | HTML - CSS - XML | 1 | 09-02-2008 12:19:24 |
| web 2007 tasarım yarışması | noxious | Gündemdeki konular & Haberler | 5 | 14-10-2007 18:23:44 |
| Pr Güncellemesi | Serkan | Google Pagerank | 338 | 13-10-2007 17:56:01 |
| Web tasarım - php + mysql + html + photoshop bilgilerine sahip Arkadaslar ariyoruz. | MyoperS | insan kaynakları | 0 | 20-06-2007 02:52:54 |
