Grafik Türk
Portal kodlama [Resimli Anlatim] Uyeols10
Grafik Türk
Portal kodlama [Resimli Anlatim] Uyeols10
Grafik Türk
Would you like to react to this message? Create an account in a few clicks or log in to continue.

[--Grafik Türk--]
 
AnasayfaKapıAramaLatest imagesKayıt OlGiriş yap

 

 Portal kodlama [Resimli Anlatim]

Aşağa gitmek 
YazarMesaj
DycaL
Admin
Admin
DycaL


Kayıt tarihi : 04/09/09
Mesaj Sayısı : 177
Yaş : 32
Nerden : Nereye

Portal kodlama [Resimli Anlatim] Empty
MesajKonu: Portal kodlama [Resimli Anlatim]   Portal kodlama [Resimli Anlatim] I_icon_minitimeÇarş. Ocak 27, 2010 9:55 pm

Merhaba,

Arkadaşlar sizlere PhotoShop ile portal kodlama mantığını öğreticem.Basit birşey ama tabiki ilk önce birinin bu işi göstermesi lazım.
Biz başlayalım dersimize ilk olarak kodlamak istediğimiz resmi PhotoShop'umaza atıyoruz.Bundan sonrasını dikkatle inceleyin,öğrenmeniz açısından çok önemli,başlıyoruz.
Resimleri tam boy göremezsiniz o yüzden altlarına kodunu yazdım onları tarayıcınıza yazarsanız daha iyi anlayabilirsiniz.

Slice tool (k) seçiyoruz.Kısa yolu K tıklabilirsiniz.

Enlarge this imageReduce this image Click to see fullsize
Portal kodlama [Resimli Anlatim] 6159


Kod:
http://i0910.hizliresim.com/2009/10/11/6159.jpg


Kodlamak istediğimiz alanı seçiyoruz.

Enlarge this imageReduce this image Click to see fullsize
Portal kodlama [Resimli Anlatim] 6168


Kod:
http://i0910.hizliresim.com/2009/10/11/6168.jpg


Seçtiğimiz alana sağ tıklıyoruz.Edit slice options diyoruz.

Enlarge this imageReduce this image Click to see fullsize
Portal kodlama [Resimli Anlatim] 6288


Kod:
http://i0910.hizliresim.com/2009/10/11/6288.jpg


Tıkladıktan sonra ekrana bu gelicek URL yerine o seçtiğiniz alana tıklandığında nereye yönlendirmesini istiyorsanız onun linkini yazın.

Enlarge this imageReduce this image Click to see fullsize
Portal kodlama [Resimli Anlatim] 6298


Kod:
http://i0910.hizliresim.com/2009/10/11/6298.jpg


Seçtiğimiz yerler bittikten sonra File >> Save for web tıklıyoruz.

Enlarge this imageReduce this image Click to see fullsize
Portal kodlama [Resimli Anlatim] 6175


Kod:
http://i0910.hizliresim.com/2009/10/11/6175.jpg


Ekrana bu gelicek.Saveye tıklıcaksınız buraya kadar takıldığınız yer olursa öm atarakta söyleyebilirsiniz.

Enlarge this imageReduce this image Click to see fullsize
Portal kodlama [Resimli Anlatim] 6183


Kod:
http://i0910.hizliresim.com/2009/10/11/6183.jpg


Resimdeki yerleri ayarlıcaz ve kaydetmek istediğimiz yere kaydedicez.

Enlarge this imageReduce this image Click to see fullsize
Portal kodlama [Resimli Anlatim] 6192


Kod:
http://i0910.hizliresim.com/2009/10/11/6192.jpg


Masaüstüne 2tane dosya gelcek biri images yani kodladığımız resmi parçalanmış resimleri diğeri ise bize verdiği kod.

Enlarge this imageReduce this image Click to see fullsize
Portal kodlama [Resimli Anlatim] 6197


Kod:
http://i0910.hizliresim.com/2009/10/11/6197.jpg


Bundan sonra resimde 2 dosya olarak göstediğim koda sağ tıklayın >>> Birlikte aç deyin>>> Not defterini seçin.

Enlarge this imageReduce this image Click to see fullsize
Portal kodlama [Resimli Anlatim] 6207


Kod:
http://i0910.hizliresim.com/2009/10/11/6207.jpg


Bundan sonra imagesdeki resimleri bir resim upload sitesinde upload edin ve yerlerine koydun aksi takdirde yayınladığınız zaman gözükmez.Umarım kodlama mantığını anlamışsınızdır.Zor birşey değil zaten,ben iki dakika içerisinde öğrendim Portal kodlama [Resimli Anlatim] Icon_smile Bundan sonra artık size bana -script kod bölümünde bana yardımcı olmak düşüyor Portal kodlama [Resimli Anlatim] 46104 Tabiki bu bir şakaydı son olarak size bir kaç gerekli şeyler öğretmek istiyorum.Bunlar size baya yardımcı olcaktır.

Ortalama kodu ;


Kod:
<center> Kod buraya yazılcak </center>

Size baya yardımı olur portalı ortalarsınız hoş durur.

Arkaplan rengi değiştirme ;
Kodun içerisinde

Kod:
bgcolor="#FFFFFF"
dene bir yer var başlarda mutlaka görürsünüz.Ordaki

Kod:
#FFFFFF
denen renk kodu yerine istediğiniz renk kodunu koyarsanız arka plan o olur.Arkaplan renk kodu için google'dan renk kodları diye araştırabilirsiniz.

Hele şükür bitirebildim yarın okul var Portal kodlama [Resimli Anlatim] Icon_biggrin Erken kalkmam lazım ama eğer bunu yapmasaydım.Yarın okulda aklıma takılırdı,derslere adapte olamazdım Portal kodlama [Resimli Anlatim] Icon_smile Herkese iyi geceler Portal kodlama [Resimli Anlatim] Icon_smile Güle güle
Sayfa başına dön Aşağa gitmek
https://grafikturk.forum.st
 
Portal kodlama [Resimli Anlatim]
Sayfa başına dön 
1 sayfadaki 1 sayfası
 Similar topics
-
» Süper Bir Fotomontaj Dersi ( Resimli Anlatım )
» Sitemize Köprü Eklemek (Link Eklemek) Resimli Anlatım
» Resim Kenarları YuvarLama !!! [FLASH ANLATIM]]
» PORTAL TASARIMI(ÖZELLİKLE ÜYELERİ OLAN SİTELER İÇİN İDEAL)

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
Grafik Türk :: ۩۞۩๑..•*•..> Web Yardım :: Yetkin Forum Yardım-
Buraya geçin: