Dreamweaver ve Photoshop Site Yapımı(videolu- sesli)
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.
(188)
Yorum(41)
Yorum bırakın Yanıtı iptal et
Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.
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…
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.
Burada ellerinizi sağlık çok faydasını gördüm. Teşekkür ederim. 🙂
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.
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ı
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.
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.
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.
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ş
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.
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
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.
haklısınız hocam tüm resimleri tek tek kaydedince kaymadı:)teşekkür ederim yardımlarınız için
Önemli değil hayriye 🙂 yardımcı olabildiysek ne mutlu bize.
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
ö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
Ç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.
Musa arkadaşım mp4 videoları indirmek için youtube video indirmek diye googleda aratırsan bu videoları da o şekilde indirebilirsin.
Tşk-ler .
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.
Ahmet arkadaşım ben burda sadece anasayfa tasarımını çizdim photoshopta, sen diğer sayfaları ayrı ayrı oluşturman gerekir. Bilmem anlatabildim mi?
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 ?
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.
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.
Cem Buradaki videodan başla:)
bu ikisini çözdüm, sıradaki video hangisi mesela ? Şu sıralama olayı olsa ne güzel olacak.
ö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.
teşekkürler hocam
Ö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.
muhammet arkadaşım standardını söyleyeyim 960 px olarak tüm çalışmalarını icra et. Tüm çözünürlüklerde görüntülenebilir.
ç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
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…
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.
bilgim var php ile ilgili ama mantığını kuramadım yorum ve yanıtla bölümleri için yardım istemiştim…
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.
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…
Ö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.
Ömer hocam bilgiler çok iyi yalnız kayıt sırasında sesiniz çok az geliyor. Duymakta zorlanıyorum.
Bilginiz olsun.
Bilal ne kodları anlamadım. Videoyu mu izleyemiyorsun.
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?
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