Aj me apko Adobe Photo Shop me web template bnana sikhao ga, ap tamam
lecture ko step by step folow kre bohat easy rhe ga.

Sb se pehle photo shop ka k0i b versi0n install kren, then usko open kren,
File>New me jaen, wahan ek dialog box ajae ga, us dialog box me width
1300 (Web standard yehy he warna 1024px den) height 768px. C0l0r RGB
dena he, phr ok kr den, ap k pas ek page agya.

Ab hume page k bech me template bnana he, riGht hand side per ap ko
palette nazer arhe hn ge, ap sb se neche wale pelete jo k layer ka
hota he us me Create New Layer per click kren, ap k pelete me ek new
layer ajae ge.

Ab left hand side per To0ls me ap ko rectangle nazer arha hoga,
rectangle per right click kren, phr rectanguler ko select kren, phr
apne m0use k cursor ko page k top me leja kr drag kr k banner bnaen,
phr us me To0ls se apni pasand ka col0r select kren or alt+backspace
dbaen is se ap k banner me color ajae ga.
Forward c0l0r k lye alt+backspace or backward k lye ctrl+bckspace.

Js terhan se banner bnaya he usi terhan se ek neche b bnaen, jo home,
pic, c0ntect us k butt0ns k lye hoga, butu0ns bnane k lye text per
right click kr k verticle select kren, left hand side per likhen,
H0me, Software, Games, c0ntact us etc. H0me Softwares etc k bd ap ko 3
mrtba space dena he ok.


Js trhan banner k neche butt0ns top per bnaya he usi terhan se ap
navigati0n bar b bnaen. Rectngular select kren phr page me jahan
banner bnaya tha jahan banner end hua usi k left hand side se m0use ko
drag kr k navigati0n bar bnaen, phr c0lor select kr k apni pasand ka
k0i c0l0r rakhen. Ek new layer le kr Phr Text per right click kren or
verticle select kr k navigati0n me h0me, gallary etc likh den.

Tamam works ap ko ek alag layer me krna he, ab ap again layer len or
right hand side me b ek navigati0n bnaen jahan per hum apna go0gle
adsense dalen ge. Phr ek or laye le kr us me fo0ter bnane, is terhan
se ap ka template tyar.

Ab me apko text k peche shadow dene ka btata hn, jahan se ap ne new
layer lya tha wahan per kch or b opti0n hn ge, un me ek opti0n 'f' ka
hoga ap us me click kren to ek dialog box ajata h, us me inner shadow
or outer shadow k opti0n me click kr k text per click den js se apka
text acha lage ga, is k elawa b or opti0n hn ge ap unko apni marzi se
set kr k try kren.

Yahan tk to bohat easy tha js ko thora bohat b ata hoga wo aram se
yahan tk kr le ga, asal kam hamara slicing ka he, T0ols k opti0ns me
ek opti0n Slicing ka hota he, slicing ko select kr ken.

Slicing ko select krne k bd ap apne page k left hand side k top k
c0rner per le jaen, or phr select kr k pure banner ko select kren,
isi terhan se H0me k butt0n ko slicing se select kren, phr software,
games etc k butt0ns k as a butt0n select kren, ab jo thora jagah
buTt0ns k braber me bach gya he us ko b select kren.

Js terhan se Butt0ns k select kia he usi terhan se navigati0n bar ko b
select kren slicing ki madad se phr right side navigati0n ko select
krn, c0ntent or fo0ter ko b select kren, yad rahe her ek jagah ko
select krna zarori he warna web puri ni ae gy, jo jagah b reh gya ho
us ko b select kren.

Hum ne pure page ko select krlia he Slicing ki madad se , ab ap File >
Save As Template me ja kr save kr den. Wo is file ko (.html) me save
kr dega, ab ap ne jahan file save ki h wahan se khol kr isko browser
me dekhen, q k is k ek b link ni he.

Ab hum is per link lagan ge, ab ap is index.html ki file ko dream
weaver me kholen, or h0me k butT0ns per h0me or dusre butt0ns per
dusre links den, ab c0ntent k pic ko select kr k del kr den or isme
editible regi0n daal den, or editable regi0n me text likh kr
h0me.html, software.html alag alag save krte jaen us folder me jahan
images or index.html file he.

To janab kesi lagy template ki class, ap b bnaen or jo problem ae wo mjhe btaen.
**FINISH**

Post a Comment

 
Top