Bilqi Forum  

Geri git   Bilqi Forum > > >

ÖDEVLERİNİZİ BULMAKTA ZORLANIYOMUSUNUZ!

SORUN ANINDA CEVAPLIYALIM.

TÜM SORULARINIZA ANINDA CEVAP VERİLECEKTİR !

Sitemize Üye Olmadan Konulara Cevap Yazabilir Ayrıca Soru Cevap Bölümüne Konu Açabilirsiniz !

Yeni Konu aç Cevapla
 
Seçenekler Stil
Alt 12-01-2008, 11:24   #1
gago
 
Üyelik tarihi: Dec 2008
Mesajlar: 16
Tecrübe Puanı: 330
gago is on a distinguished road
Standart Sıfırdan Resimli Web Sayfası hazırlama

(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.
gago isimli Üye şimdilik offline konumundadır   Alıntı ile Cevapla
Cevapla

Bookmarks


Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 
Seçenekler
Stil

Yetkileriniz
Sizin Yeni Konu Acma Yetkiniz var yok
Sizin Konu Yanıtlama Yetkiniz var
You may not post attachments
You may not edit your posts

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-KodlarıKapalı

Gitmek istediğiniz klasörü seçiniz

Benzer Konular
Konu Konuyu Başlatan Forum Cevaplar Son Mesaj
Logmein ile web sayfası üzerinden uzak bilgisayar kontrolü resimli anlatım. уυѕυƒ Resimli Anlatımlar 1 09-11-2008 14:28
Sıfırdan funsah Fıkralar 3 09-08-2008 22:52
HTML sayfası hazırlama rehberi, web tasarım kodları Korax Webmaster Genel 0 09-08-2008 13:22
Kurulum (Setup) Dosyaları Hazırlama Yaso Resimli Anlatımlar 0 08-25-2008 13:00
flash animasyon hazırlama videolu anlatım Yaso Resimli Anlatımlar 0 08-22-2008 17:23


Şu Anki Saat: 20:59


İçerik sağlayıcı paylaşım sitelerinden biri olan Bilqi.com Forum Adresimizde T.C.K 20.ci Madde ve 5651 Sayılı Kanun'un 4.cü maddesinin (2).ci fıkrasına göre TÜM ÜYELERİMİZ yaptıkları paylaşımlardan sorumludur. bilqi.com hakkında yapılacak tüm hukuksal Şikayetler doganinternet@hotmail.com ve streetken27@gmail.com dan iletişime geçilmesi halinde ilgili kanunlar ve yönetmelikler çerçevesinde en geç 1 (Bir) Hafta içerisinde bilqi.com yönetimi olarak tarafımızdan gereken işlemler yapılacak ve size dönüş yapacaktır.
Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
Search Engine Optimisation provided by DragonByte SEO v2.0.36 (Lite) - vBulletin Mods & Addons Copyright © 2017 DragonByte Technologies Ltd.

Android Rom

Android Oyunlar

Android samsung htc

Samsung Htc

Nokia Windows