Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj14.03.2010, 11:26 (UTC)    
Mesaj konusu: resimli tasarım yapma

[quote author=ש๏lŦยгє๓ link=topic=68.msg105#msg105 date=1265988099]
Bu dersimizde iki tane program kullanacaz
1. Photoshop
2.Dreamweaver (bu programları indirebilmek için forumumuzun grafik tasarım programları kısmına bakabilirisniz vardır!!)

Not:Anlatım byemoya aittir.
ANLATIMDA YAPTIĞIMIZ TASARIMIN ÖNİZLEMESİ İÇİN http://endlesstasarim.tr.gg



Hemen Anlatıma Geçelim....
Öncelikle Photoshopumuz Açıp başlayalım
1.Resim






Evet Arkadaşlar Ben burdan sizlere Resimlerdeki yazıları tekraradan yazacamki Anlamadıklarınızı burdan okuyunuz die

burda Genişlik 950*600 yapılmış ve pixel cinsinden yeni sayfa oluşturulmuştur ....



burda herşey açık oratda zaten





























EVET şimdi Tasarımımıza Bi bakalım nasıl oldu.... Önizlemesini Yapalım








evet arkadadaşlar bişiler unuttuk bu tasarımda görsel öğeler yok
örneğin hiö brush( fırça kullanmadık) şimdi biraz fırça kullanalım ve sonra keselim

fırçalar fırça işaretinin sol taarafta var oraya tıklayoruz
photoshopumuza kendimiz frçaları yükleyebiliriz internette hazır fırçalar var tabi orjinalleride var bende bir sürü fırça var sitede photoshop dersleri bölümünde bulunmakta ordan istedğiniz eklentiyi indirebilirsiniz



evet arkadşlar burdada fırçalarımızı seçioruz ama fırçaları kullanmdan önce yeni layer oluşturuyoruz ok ile gösterilmiş zaten
layer oluşturmak çook iidir nedenmi çünkü bir layeri şekilden şekile sokabiliyorsun ama bir layer üzerinde fazladan obje olduğu zaman
siz bir değişklik yaparsınız hepsi değişir onun için her fırça kullandığınız zaman yeni layerler oluşturalım ..




evet arkadaşlar gördüğünüz gibi fırçaları basıp style mizi seçtikten osnra böyle bi hal oldu ....


neyse fazla güzel olmadı ama mantıken anlışılıo nasıl yapıldıkları....

önizlemesi şöyle....






evet arkadaşlar bursı çook önemli tasarımızı 3 kısma ayıracaz Üst Orta Ve Alt Kısma Gelecek Şekilde Ayarlayacaz

orta Kısmını Öyle Ayarlamalıyızki her nekadar genişlediğinde tek Parçaymış Gibi Gözüksün Yapacaz Ne Demek İstediğimi Dreamweaver Programında Anlıyacaksınız.....



gördüğünüz gibi kesme işlemimizi yaptık şimdide tasarımımızı kaydedecez...



gif i seçtikten sonra save diyoruz....




ve şimdi masa üstüne kaydediyoruz ama siz isterseniz başka yerede kaydedebilirsiniz Arkadaşlar ....ama yinede masaütüne kaydedin daha iii




kaydettiğimiz yerde images diye 1 klasör oluşur klasörün içinde eyer tasarımımızı kaç parçaya böldüysek o kadar parça olur bunda 3 tane olması lazım çünkü biz 3 kısma ayırmıştık Üst Orta Ve alt Diye Adını denem koyduğumuz için Denem_1 Denem_2 ve Deneme_3 olması lazım




evet aynen dediğim gibi 3 ksım


Evet Arkaşlar buraya kadar photoshopla işimiz bitmiş bulunmakta artık photoshopumuzu kapatlım

şimdide Dreamweaver programını açalım bu program profesyonel web siteleri açmak için birebirdir zaten profesyoneller bu programı kullanıyor....



html i seçip devam ediyoruz



evet arkadaşlar burda tablomuzu açıyoruz ama dikkat tablomuzu açtığımızda genişliğini 950 yapıyoruz eyer hatırladıysanız photoshopta genişlik olarak 950 yapmıştık ....



tablolar çook önemli ayarlarından birini bile yanlış yaparsak ilerde bize büyük sorunlar yaşayabiliriz...

satırlarımızı: 3 yaptık
genişlik: 950
kenarlıkların hepsi sıfır yapılmış:
cellpad:0
cellsapce:0 kısacası hepsi 0( sıfır )
bide tablomuzu ortalamayı unutmayalım yoksa site ortda olmaz sol tarafta olur şimdide center diyelim ok işaretiyle gösterilmiş zaten...




arkadaşlar burda ise 3 satırlı tablomuzun her satırına arkaplan resimleri ekliyecez bu arka plan resimleri bizim photoshopta oluşturduğumuz fotoalrdır hani 3 parçaya kesmiştik yaa ( nasıl ekleyeceğimizi ok işaretleriyle göstermişim zaten )



her üç satırada arka planları yerleştirdikteb sonra şimid sıra geldi satırlarımıızı genişletmeye satırlarımızı tasarımımızın dizaynını bozmayacak şekilde uzatıyoruz ....



ve işte gördüğünüz gibi tasarımımız bu şekli aldı şimid hala 3 satırımız duruyo 2 satrımızı yani orta kısma içerik geleceği için orda bir tablo daha oluşturacaz



şimdi orta kısımda oluşturmak için önce bi iki ayar vermemiz lazım imlecimizi orta kısıma getirip
okla gösterilmiş olan iki ayarı yapıyoruz eyer bu ayarları yapmasak tasarımımız olmaz



evet arkadaşlar tablomuzu açtık ve
imleci içine alarak seçeneklerden stünları 5 yaptık böylece 5 stün oldu stünları neden yaptık diye sorarsanız ee çünkü menuler ve içerik kısmını ayırmak için bunu için stünları oklarla gösterdiğim şekilde sınır yapioruz yani mennuler içerik kısmına geçmiyecek yada içerik kısmı menuler kısmına geçmesin die ..



yukardaki yazılar galiba anlaşılmıyor alın yazıları:



icerik kısmı buraya gördüğünüz gibi yazılar menu ksımına geçmior yada menuler içerik kısmına geçmior

evet arkadaşlar şimdi diyelimki içerik kısmı çok uzun e bu durumda tasarımımız çook kısa gözüküyor ama merak etmeyin içerik ne kadar uzasa uzasın tasarımımızda o kadar uzayacak nedenmi çünkü tablo yapısında tablonun arkaplan resimi içeriğin boyutunu aştığı zaman arka plan resmi iki tane oluyor birazdaha uzasa 3 tane olcak yani ne kadar uzasa arkaplan resmi o akdar çoğalıyor tabi orta kısımımızı keserken çook önem verdiğimizi hatırlayalım orta kısmını öyle bir şekilde kesmiştikki her nekadar arkaplan resmi çoğalsada sanki 1 taneymiş gibi gözükecekti ... şimdi anladınızmı neden öyle kestiğimizi.. Smile şimdi gelelim tasarımımızı Tr.Gg ye uygulamaya...




içerik kısmı orataya geleceği için en ortaya içerik yazdım ve kod kısmına geçtim okla göstermişim zaten
















Ynlız Arkadaşlar ben burda ufak bi yanlışlık yapmışım title taglarınıda silecez ama birazdaha aşağıda olan <body> tagından yukarıya kadar olan kısmı silecez....



html ve body taglarını aşğıdanda siliyoruz....









yukarda yaptığım yanlışı düzeltiyorum eyer hatırladıysanız... body taglarınıda silioduk



yeni bir sayfa açıp bu sefer o sayfada css ayarlaını yapacaz yani css kodlarını yapacaz...





bu sefer html ve body taglarını hemen silelimmki ilerde kodlara karışmasın










[/quote]
Mesaj14.03.2010, 11:33 (UTC)    
Mesaj konusu:

Güzel ALıntı
Mesaj14.03.2010, 11:40 (UTC)    
Mesaj konusu:

berkayoyunlarchat yazmış:
Güzel ALıntı


evet alıntı Very Happy ama izin var istersen Kanıtlıyayım Very Happy

endless-World ile EndlessGenclik Aynı Yolun Yolcuları yani ikiside aynı siteler Sayılır Anlatımda EndlessGenclik.Com a Ait olduğu için Endless-world Taarafından paylaşılması gayet normal bence Haa NE Dersin
Mesaj14.03.2010, 11:43 (UTC)    
Mesaj konusu:

endless-world yazmış:
berkayoyunlarchat yazmış:
Güzel ALıntı


evet alıntı Very Happy ama izin var istersen Kanıtlıyayım Very Happy

endless-World ile EndlessGenclik Aynı Yolun Yolcuları yani ikiside aynı siteler Sayılır Anlatımda EndlessGenclik.Com a Ait olduğu için Endless-world Taarafından paylaşılması gayet normal bence Haa NE Dersin


EndlessGenclik tanımıyor seni ne yapsın xD Mr. Green

Bu arada geri döndüğüne sevindim ..
______________
Bizi Değerlendir ==>> http://www.bedava-sitem.com/forum/viewtopic.php?t=144914
Deha, ancak özgürlük atmosferinde soluk alabilir.
(J. Stuart Mill)


Mesaj15.03.2010, 19:42 (UTC)    
Mesaj konusu:

guvercinmiski yazmış:
endless-world yazmış:
berkayoyunlarchat yazmış:
Güzel ALıntı


evet alıntı Very Happy ama izin var istersen Kanıtlıyayım Very Happy

endless-World ile EndlessGenclik Aynı Yolun Yolcuları yani ikiside aynı siteler Sayılır Anlatımda EndlessGenclik.Com a Ait olduğu için Endless-world Taarafından paylaşılması gayet normal bence Haa NE Dersin


EndlessGenclik tanımıyor seni ne yapsın xD Mr. Green

Bu arada geri döndüğüne sevindim ..


teşekkürler Very Happy
Mesaj15.03.2010, 19:45 (UTC)    
Mesaj konusu:

TEŞEKKÜRLER..
Mesaj15.03.2010, 21:14 (UTC)    
Mesaj konusu:

Çok Güzel Anlatım Olmuş Photoshop vs. Programlar Hakkında Hiçbir Bİlgim Yoktu Şimdi En Azından Kafamda Bİr Taslak Oluşturmuş Durumdayım..
______________
Arrow Halen bir başlık açmadan evvel bölüm kurallarını okurum Smile
Arrow Sinirlenince çoooook güzel oluyorsun Türkiye!
Mesaj16.03.2010, 13:53 (UTC)    
Mesaj konusu:

yusufck18 yazmış:
Çok Güzel Anlatım Olmuş Photoshop vs. Programlar Hakkında Hiçbir Bİlgim Yoktu Şimdi En Azından Kafamda Bİr Taslak Oluşturmuş Durumdayım..


sizlere Yararlı olduğuma Sevindim Very Happy Devamıo gelecek ....
Mesaj12.06.2010, 19:10 (UTC)    
Mesaj konusu:

Senin Sayende tasarım Yapmayı Ögrendim Cok Sagolasın
Mesaj13.06.2010, 11:37 (UTC)    
Mesaj konusu: tşk

teşekürler..
Mesaj16.06.2010, 09:18 (UTC)    
Mesaj konusu: detry

<a href="http://webyasinozer.tr.gg"> <center><IMG Src="http://www.hizliupload.com/img/127145webyasin.gif" alt="wEB YASİN OZER" width="500" height="100"></a></font><br />
Mesaj19.06.2010, 10:01 (UTC)    
Mesaj konusu:

tşkrler arkadaşlar
Mesaj19.06.2010, 11:58 (UTC)    
Mesaj konusu: S.a

arkadaşlar bende css kod bölümü yok tasarım ayarlarında ..?
olması için ne yapmalıyım
Mesaj25.07.2010, 17:28 (UTC)    
Mesaj konusu: Re: S.a

hakansami yazmış:
arkadaşlar bende css kod bölümü yok tasarım ayarlarında ..?
olması için ne yapmalıyım


css tasarımı seç olur
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu