Web page design education

 
Now we will begin to fill our site menu. I will do it in no ordinary way. As we have this big logo like something, so I will try to stick to that for now.

Make a work and transform it like I did.

Web page design education



Web page design education

And more….

Web page design education

Now some information, definitely some phrases to fill the site areas and to make our site template look like one.

Bottom.

Web page design education

Some to the left. I will also make a line right in the center of the site.

Web page design education

I'm also making lines like if they are links to something.

Web page design education

I've also downloaded some Photos from K&N filters site and filed my free spaces with it.

Moreover I've pasted some text and rotated it. Maybe this is not so easy way to read but as a design it can be possibly be.

Web page design education

Some of this: a word- info - with 2 lines connecting it. If it would have been flash powered, the motion would have been awesome.

Web page design education

Now I will make some last elements to the site.

A logo in front.

Web page design education

And a line:

Web page design education

I've filled background with black to white gradient and changed the opacity to about 10 %, but this is not so necessary to do.

Web page design education



Web page design education

So here you've seen how a site template design can be done in less than an hour.



Web page design education

I hope you found something useful here, annnddd enjoy.

   


Pages: « Back  1 2  Next » 

Popular Tutorials

Windows XP wallpaperHow To Make An Icon TutorialThe hidden power of Photoshop brush toolDesigning a Diving WallpaperAutumn Wallpaper ??? Photo EffectsFantastic Sunset WallpapersHow to create Background or LogoAnimated Rainbow WallpaperSummer Party Wallpaper

Latest Tutorials

Chaos ToolsChaos ToolsCreate very shiny summer wallpaperHow to  create wallpaper based on making of the logomake a wallpapermake a wallpaperDigital art wallpapersSpace designnine and venue

12 Responses to "Web page design education"

 
mahend Rating: ratingfullratingfullratingfullratingfullratingfull Unrated
said this on 18 Jul 2008 12:10:44 PM MDT
Excellent

 
sadf Rating: ratingfullratingemptyratingemptyratingemptyratingempty Unrated
said this on 19 Jul 2008 9:27:07 AM MDT
nothing special

 
Marcelo Rating: ratingfullratingfullratingfullratingfullratingfull Unrated
said this on 19 Jul 2008 1:44:36 PM MDT
Sadf, you make one of those, if you can. I mean, teach us!!

 
ledzy Rating: ratingfullratingfullratingfullratingemptyratingempty Unrated
said this on 19 Jul 2008 11:52:15 PM MDT
Well I think I dont understand maybe somebody would be kind enough to explain. What is the point, I mean yes the result is somewhat nice but after what can we do with a jpeg like this. We include the picture between the body tag. and we have a non seo friendly page.

 
Christine Rating: ratingfullratingemptyratingemptyratingemptyratingempty Unrated
said this on 20 Jul 2008 6:31:20 AM MDT
Agree with sadf - nothing special about this at all. And for one thing, this does not look corporate, not even close. It just looks, well, extremely non-professional.

 
Pixellated Rating: ratingfullratingemptyratingemptyratingemptyratingempty Unrated
said this on 20 Jul 2008 9:18:05 AM MDT
Sadly, this doesn't have anything to do with designing a web-page. This is a tutorial for arranging an image to look like a web-page; there's nothing useful to come from it. The site's design and layout isn't even too good. Looks like it's stuck in the late 90's. I couldn't recommend this tutorial to either a starting web-designer or a graphic designer.

 
TSA Rating: ratingfullratingemptyratingemptyratingemptyratingempty Unrated
said this on 20 Jul 2008 6:55:54 PM MDT
I'm going to have to agree with most of the posts here. The graphics are... well sloppy at best, nothing professional about it at all. And to top it off is that text on the bottom right sideways? Also, I see this page was made in CS2 so where is the second half in ImageReady that shows how to slice it and actually apply it to a webpage? Furthermore if this graphic was sliced, the things like the sideways text would have to be its own slice, aka would take to much time to load (either that or the image would have to be saved in a low quality format, and look terrible). Sorry to the author of this tut for the rude comment, but this tutorial should go back to the drawing board and be polished up before being published.

 
PDOT Rating: ratingfullratingemptyratingemptyratingemptyratingempty Unrated
said this on 21 Jul 2008 11:51:57 AM MDT
TSA - the image wouldn't have to be saved in a low quality resolution, it could be saved in the highest and the file size would still be tiny! But yes, you are correct this tutorial is absolutely horrible and there is no actual use for it. Actually you can use it to show people how web-designs shouldn't look like. :)

 
pontent Rating: ratingfullratingfullratingfullratingemptyratingempty Unrated
said this on 25 Jul 2008 8:44:31 AM MDT
it is pretty, I will give you that. But I will offer constructive criticism: 1) colours are too dark and pronounced for a webpage, will give you a headache imo 2) this is just a picture, you shouldnt make a webpage based on 1 picture even if it is interactive, better go flash for that. 3) I dont like reading sideways tbh.

 
Master Rating: ratingfullratingemptyratingemptyratingemptyratingempty Unrated
said this on 30 Jul 2008 5:08:28 AM MDT
Poor tutorial, but give the guy credit for trying. And for your information, this would probably be used as a mock-up to show the client, and have a reference when you start coding. Don't always knock everything you see that is not to your liking.

 
Shell Rating: ratingfullratingfullratingfullratingfullratingempty Unrated
said this on 26 Aug 2008 9:09:12 PM MDT
I agree, it was nice of the creator of this tutorial, to share with us. It may not be complex enough for advanced users and it may not look "corporate" but it's a nice design and it shows the steps in creating the project. Thanks for sharing!!

 
Rob Rating: ratingfullratingemptyratingemptyratingemptyratingempty Unrated
said this on 14 Sep 2008 5:20:08 PM MDT
Why is there text that is side-ways.... This is more of a visual thing than to actually display information.




Rate this article and leave a reply:
Rating: * Poor Excellent
Your Name *: Email (private) *: Website:
Please copy the characters from the image below into the text field below. Doing this helps us prevent automated submissions.
Security Code: img






Partner Links

advertise here ...
CSS Gallery