Home Dreamweaver Dersler Dreamweaver ve Photoshop Site Yapımı(videolu- sesli)
Dreamweaver ve Photoshop Site Yapımı(videolu- sesli)

Dreamweaver ve Photoshop Site Yapımı(videolu- sesli)

1.69K
41

Kendime ait bu  siteyi yapmadan  önce çekmiş olduğum ve bazı sitelerde yayınladığım videolar vardı. Nerden baksanız 5 yıl öncesine ait çekimler; ama bazı arkadaşlarımız için yararlı olacağına inanıyorum. Ders içeriği tam anlamıyla Photoshop ve Dreamweaver kullanarak bir site yapımı. Amacım bu videoları  izlediğinizde Photoshop ve Dreamweaver ile ilgili konularda kafanızda ki bazı soruların cevaplarını bulmanız . Basit bir anlatım tarzıyla birlikte yavaş yavaş sunulmuştur.

Videoları izlediğinizde yorumlarınızı da yazarsanız sevinirim. Kolay gelsin.

Videoların içeriğine gelince,

1. Photoshopta bir arayüz hazırlama

2. Photoshopta site dilimleme dilimleme

3. Web  sayfası olarak kaydetme

4. Dreamweaver kullanma

5. Çeşitli scriptlerle siteyi düzenleme  anlatılmıştır.

VİDEO ANLATIMLARI TAMAMEN BANA AİTTİR.  

ÖMER BOZALAN

İyi seyirler.

Web Tasarım Dersi Videosu BÖLÜM -1

Web Tasarım Dersi Videosu BÖLÜM  -2

 Videoları indirmek istiyorsanuz İnternet Download Manager programını kurup aşağıdaki linklere tıklayıp indirebilirsiniz.

Ders1 indirmek için Tıklayın.

Ders2 indirmek için Tıklayın.

(1693)

omerbozalan 1981 doğumluyum. Üniversite eğitimimi, Sakarya Ünv. Elektronik ve Bilgisayar Öğretmeni bitirerek tamamladım. Ayrıca C Sınıfı İş Sağlığı ve Güvenliği Uzmanıyım. 2014 Nisan ayında Adobe Dreamweaver CS6 Kitabımı yayınlarak tüm bildiklerimi sizlerle paylaşmak istedim. Kendimi Web Tasarım, Grafik Tasarım, Donanım konusunda hâlâ geliştirmekteyim.

Yorum(41)

  1. Veren El Alan Elden Makbuldür Derler.Devamlı veren ve öğreten olduğunuzdan teşekkür yeterli görmeyip her şey gönlünce olsun diyorum…

  2. Sitemi tamamladım sayenizde ancak farklı bilgisayarda kontrol ettiğimde sitenin eni ya çok büyük olup taşıyor ya da çok küçük görünüyor. Burada width kullanacağım ama nasıl yapacağımı bulamadım. width=”100%” nereye yazmam gerekliyor.

    1. bekir bey sitenizin genel genişliğini 960 pixel olarak yaparsanız her çözünürlükte tamamen görüntülenir. Kısacası photoshopta yaptığınız çalışma 960 pixel olarak ayarlanmalı. Width %100 yapmanız hiçbirşeyi değiştirmez. Arka plan çözünürlüğe göre kendini ayarlayamaz. Diğer sitelerde gördüğünüz tamamen resmin çözünürlüğünün fazla olmasıyla alakalıdır. Küçük çözünürlükte çalışıp width%100 yapmayla her çözünürlüğe uygun resim ayarlayamazsınız. Dediğim gibi photoshopta 960 pixel yaparsanız tüm çözünürlüklerde siteniz görüntülenir.

  3. ya ben herşeyi çok güzel yaptım ama mesala bu iletişime tıklayınca iletişim bilgilerimi vericem nasıl olucak o aynı sey dıger menu ogerlı ıcınde geçerlı

    1. Doğa o sayfayı farklı isimle buton sayısı kadar çoğaltıyorsunuz mesela; anasayfa için index.html,calismalarimiz.html, hakkimizda.html ve iletisim.html. sonra her sayfayı açıp birbirleri arasında link vererek içeriğini dolduruyorsunuz.

  4. Ellerinize sağlık Ömer Hocam,video photoshop ile site yapımını hiç bilmeyen birisi olarak çok bilgilendiriciydi.Dreamweaver da açılan menüleri hazırlarken sağdaki css kodlarını göremedim,macromedia 2008 demi bu menüler?Bendeki program 2004.
    Videolar için tekrar teşekkürler.

    1. Hacer hanım macromedia firması artık yok dreamveaver’ı Adobe firması satın aldı. O yüzden macromedia dreamweaverla bunları yapamazsınız en az CS3 olması lazım.

  5. sitenin sayfalarını tek tek kaydetmek istiyorum ama hata veriyor:( png24 olarak ayarlıyorum ve save diyorum. index sayfasıda değişikliğe uğruyor.nerede hata yapıyorum ?Teşekkürler güzel çalışma olmuş

    1. selin hanım facebook grubumuzdan psd olan çalışmanızı gönderirseniz bakabilirim. Videodaki gibi yapıyorsanız sorun olmaması gerekir. photoshop programınızda sorun olabilir.

  6. hocam photoshopta ana sayfa tasarımı yapıp slice tool aracıyla parçaladım ve dreamweavere attım daha sonra gösterdiğiniz gibi arka plan olarak kaydetmek istediğimde sayfa kayıyor bu duruma nasıl engel olabilirim yardımcı olursanız cok sevinicem

    1. Hayriye bütün arkaplanları yaptıktan sonra site düzgün olarak gözükür. Yani bütün resimleri arka plan yap. Bir iki tanesini yaparsan dediğin gibi parçalı gözükür. Bir diğer hatanda şu olabilir. border değerleri cellspacing ve cellpadding değerlerinin 0 olmasına dikkat et.

  7. benim bir sorum var.şuan bir firmada varyantlamada çalışıyorum.bana desenlar psd geliyor.desenlerde bazı yerler beyaz renkte o da kalıp olamadığından bende oraya renk vermek istiyorum.nasıl yapabilirim.tabi gene psd olarak kalacak

    1. öznur hanım photoshop programında yandaki araç kutusundan magic wand tool aracı ile beyaz alana tıklayın. Sonrasında orası seçilecektir. sonrasında delete tuşuna basarak seçilen alanı siliniz. Tekrar o alanı magic wand tool aracı ile seçip boyamanız. kolay gelsin

  8. Çok gözel olmuş.davamın gözlüyürük. bırde bır prablemım var.komputerımden (mp4)vıdeo yüklüyürem alınmır.komek etseniz sad olaram.

  9. abi çok güzelde ben biraz anlamadım bu photoshopla yaptığımız tasarımı siteye eklediğimizde ve yeni bir sayfa açtığımızda ne olur.
    çünlü tasarımı ona göre ayarladık yeni bir sayfa açınca tekrar yeni buton eklenirmi siz bura 4-5 buton yaptınız.

    1. Ahmet arkadaşım ben burda sadece anasayfa tasarımını çizdim photoshopta, sen diğer sayfaları ayrı ayrı oluşturman gerekir. Bilmem anlatabildim mi?

  10. Ellerinize emeğinize sağlık uzun zamandır sürekli takip ediyorum sitenizi.Mesaj yazmak bugüneymiş.
    İyi bir Photoshop kullanıcısıyım.
    Photoshopta web ana sayfasını oluşturdğunuzu gördüm.Dreamwawer çalışıyorum şu sıralar. Photoshopta çizdiğimiz sayfalara nasıl içerik ekleyebileceğimi,zi anlamadım.Dreamwawer da mı eklememiz gerek içerikleri?
    Ayrıca site yapım aşamaları sırasıyla değil. Örneğin dreamwawer eğitim videolarınızda üst menüler hazır vaziyette. yANİ üst menüleri de nasıl koyacağımızı gösterseydiniz.
    aydergezi yani böyle bir site var mesela , ben bu sitenin aynısını Dreamwawer kullanmayı bilirsem tasarlayabilirmiyim ?

  11. Cem arkadaşım dreamweaver derslerinde menü yapımımı anlatık tabikide. photoshopta alt planı oluşturuyorsun dreamweaverda içerik ve menüleri ekliyorsun. Tabikide söylediğin siteyi yapabilirsin.

  12. hocam photoshop u biliyorum onu bir kenara koyarsak.
    Dreamweawer programını açtım mesela. Bomboş sayfa , ilk nereden başlamalıyım ben bu işe ? ilk öğrenmemiz gereken videolar hangileri? Şuanki konumlarıyla videolar çok karışık geldi bana 🙂 dersler birbiriyle bağlantılı değilmiş gibi duruyor.Bu konuda yol gösterirmisiniz.

  13. ömer bey merhabalar
    bana sizin yardımcı olabileceğinizi düşünüyorum. joomla ile web sayfası yapmaya yeni başlayan biri olarak daha evvel photoshopla web çalışmam oldu ve epey bi uğraştım şimdi photoshopla oluşturduğum bir sayfayı nasıl joomlaya göre uyarlarız. bu konuda yardıma ihtiyacım varilginize şimdiden teşekkür ederim.

  14. Ömer hocam merhaba. Ben photoshop ile web tasarımına başlayacağım. Ancak ana sayfa ve alt sayfaların ölçüleri nasıl olması gerekir. Bunun bir standartı vardır illaki? Siz videonuzda 1000*750 ölçülerini kullanmışınız. Bunun gerçek standartı nedir. Ben bütün projemi önce photoshopo döküp sonra dreamveawer ile kodlamaya başlayacağım. Yani bütün görsel öğeler dökümanlar v.s herşeyi halledikten sonra dreamvewere geçecem. Şu site boyutu ölçüleri aklımı karıştırdı. Teşekkürler.

  15. çok teşekkürler çok güzel bir anlatım olmuş
    korktuğum bir konuydu photoshopta web tasarlamak
    sayenizde daha iyi anladım emeğinize sağlık faylalı videolarınızı sabırsızlıkla bekleyeceğim kolay gelsin

  16. merhabalar öncelikle paylaşımlar için çok teşekkürler…

    şimdi sizden şöyle bir ders isteyebilirmiyim…

    ben hem konulara yorum yapmayı ve bu yapılan yorumları cevapla sistemini merak ediyorum rica etsem bu konuda bir ders hazırlama imkanınız varmı…

    bana eposta hesabından ulaşabilirseniz minnettar kalacam…

    1. Mega murat arkadaşım, söylediğiniz işlemler için asp ve php yazılım bilmeniz gerekmektedir. Bu konuda hiçbir bilginiz yok ise videolu anlatım bile işinizi görmez. Bunun için web yazılım kursuna gitmelisiniz.

      1. bilgim var php ile ilgili ama mantığını kuramadım yorum ve yanıtla bölümleri için yardım istemiştim…

        1. Mega murat arkadaşım youtube’de asp veya php yönetim paneliyle ilgili videolar bulunmaktadır. Şimdilik bizim sitemizde bu tarz video çekimlerine başlamadım. İnşallah ilerleyen zamanda yayınlanacaktır.

  17. Sitenizi zevkle takip ediyorum ve bencillik yapmayıp yorum atmak istedim emeğiniz çok büyük Allah razı olsun hocam çok teşekkürler…

    1. Ömer arkadaşım yorumların için çok teşekkür ederim. Bizde okuyucuların yorumlarını da görmek istiyoruz açıkçası. Bu inceliği gösterdiğiniz için teşekkür ederim.

  18. Ömer hocam bilgiler çok iyi yalnız kayıt sırasında sesiniz çok az geliyor. Duymakta zorlanıyorum.
    Bilginiz olsun.

  19. hocam merhaba sorum alakasız ama çözüm bulamadım. Dreamweaver cs6yı kuruyorum ama açamıyorum giriş yapma ekranı geliyor girişe tıklıyorum bekliyorum sonra bilgisayarınız internete bağlı değil saati yanlış diyor ne alaka ne yapmam lazım?

  20. merhaba ömer hocam sizden bir konuda yardım alabilirmiyim bir arkadaşım var sistem analizi dersine giren hocası bunlardan site yapmalarını istemiş siteyi ben yaparım dedim ama nasıl yapacağımı bilmiyorum elimde adobe dream weaver cs5 var bana bu konuda yardımcı olabilirmisiniz

Senin Yorumların

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Sonucu Giriniz * Time limit is exhausted. Please reload CAPTCHA.