11-28-2009, 06:25 PM
This Tutorial will show u some tips how to give ur webpage a Dynamic look
Requirements :-
1. Photoshop
2. Notepad
Now i will tell u how we can use photoshop to design our own cutomised webpages.
1. Take any big size Blank Page supporse 950 X 600 Pixels.
![[Image: k3w29d.gif]](http://i40.tinypic.com/k3w29d.gif)
2. Take round Rectangular tool and make a big size ( banner size background ) like in image below
![[Image: 2zjgv1g.gif]](http://i43.tinypic.com/2zjgv1g.gif)
3. Make another Round Rectangular for your Page Heading Like in image below
![[Image: 28cksid.gif]](http://i44.tinypic.com/28cksid.gif)
4. i played some blending options u can play too as per your requirement. so my result some how comes like this
[imghttp://i40.tinypic.com/nccos8.gif[/img]
5. use text command and write your web page title
![[Image: 5bs29s.gif]](http://i39.tinypic.com/5bs29s.gif)
6. After all the above 5 steps we took Slice tool and cut the images in different parts as per requirement .. if u give some stress u can see that i made header of my site name separate just to make it clickable.
![[Image: 24l1l61.gif]](http://i42.tinypic.com/24l1l61.gif)
7. Now we go to save this as Webpage so it will look like this in Save As Webpage Window
![[Image: 2vmfwia.gif]](http://i41.tinypic.com/2vmfwia.gif)
8. Save the page + image ( HTML and Images ) like i mentioned in Picture
![[Image: nfny49.gif]](http://i43.tinypic.com/nfny49.gif)
Thats all now go and see your Dynamic Webpage .. play with the codes as per requirement and set links and text as u like.
Now i will give u here Blending Option of Screw i made which is looking in Header
This is header screwed with 2 nuts
![[Image: hs9xli.gif]](http://i42.tinypic.com/hs9xli.gif)
these are blending option for making nuts
![[Image: 2uensso.gif]](http://i41.tinypic.com/2uensso.gif)
![[Image: 2povzvq.gif]](http://i44.tinypic.com/2povzvq.gif)
Hope you guys enjoyed this tutorial a lot
Here is live example and if u put mouse on header u will see that its link rest part is not -> http://t2a.in/p1/
Requirements :-
1. Photoshop
2. Notepad
Now i will tell u how we can use photoshop to design our own cutomised webpages.
1. Take any big size Blank Page supporse 950 X 600 Pixels.
![[Image: k3w29d.gif]](http://i40.tinypic.com/k3w29d.gif)
2. Take round Rectangular tool and make a big size ( banner size background ) like in image below
![[Image: 2zjgv1g.gif]](http://i43.tinypic.com/2zjgv1g.gif)
3. Make another Round Rectangular for your Page Heading Like in image below
![[Image: 28cksid.gif]](http://i44.tinypic.com/28cksid.gif)
4. i played some blending options u can play too as per your requirement. so my result some how comes like this
[imghttp://i40.tinypic.com/nccos8.gif[/img]
5. use text command and write your web page title
![[Image: 5bs29s.gif]](http://i39.tinypic.com/5bs29s.gif)
6. After all the above 5 steps we took Slice tool and cut the images in different parts as per requirement .. if u give some stress u can see that i made header of my site name separate just to make it clickable.
![[Image: 24l1l61.gif]](http://i42.tinypic.com/24l1l61.gif)
7. Now we go to save this as Webpage so it will look like this in Save As Webpage Window
![[Image: 2vmfwia.gif]](http://i41.tinypic.com/2vmfwia.gif)
8. Save the page + image ( HTML and Images ) like i mentioned in Picture
![[Image: nfny49.gif]](http://i43.tinypic.com/nfny49.gif)
Thats all now go and see your Dynamic Webpage .. play with the codes as per requirement and set links and text as u like.
Now i will give u here Blending Option of Screw i made which is looking in Header
This is header screwed with 2 nuts
![[Image: hs9xli.gif]](http://i42.tinypic.com/hs9xli.gif)
these are blending option for making nuts
![[Image: 2uensso.gif]](http://i41.tinypic.com/2uensso.gif)
![[Image: 2povzvq.gif]](http://i44.tinypic.com/2povzvq.gif)
Hope you guys enjoyed this tutorial a lot
Here is live example and if u put mouse on header u will see that its link rest part is not -> http://t2a.in/p1/