ANAMENU
resimli-tasarim-yapimi
Merhaba Arkadaşlar Bu Dersimizde Css Tasarımlar Profesyonel Bir şekilde Nasıl yapılır Onu Öğrenecez Bundan Önce Videolu Anlatımım vardı ama ne yazıki 2-3 defa upload Ettim linkler hep kırılıyordu bunu için Resimli Anlatım Yaptım Ama İsteyenlere Yinede Videolu Anlatımı Suna Bilirim Resimli Anlatımda Belki Ufak Tefek Hatalarım Olmuştur .... ( okları fazla güzel çizemedim idare edin :-) )Bu dersimizde iki tane program kullanacaz
1. Photoshop ( demosunu indirmek için tıkla)
2.Dreamweaver ( demosunu indirmek için tıkla ) demo versiyonları işineize yarayacaktır merak etmeyin
ANLATIMDA YAPTIĞIMIZ TASARIMIN ÖNİZLEMESİ İÇİN TIKLA
Resimleri Tam Olarak Görmek İçin Üzerlerine Tıklayın...
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
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....
[imghttp://img15.imageshack.us/img15/5531/24784342.gif]http://[/img]
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
OHBE Bi An Bitmeyecek Sandım Ama Bitti
