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.
And more….
Now some information, definitely some phrases to fill the site areas and to make our site template look like one.
Bottom.
Some to the left. I will also make a line right in the center of the site.
I'm also making lines like if they are links to something.
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.
Some of this: a word- info - with 2 lines connecting it. If it would have been flash powered, the motion would have been awesome.
Now I will make some last elements to the site.
A logo in front.
And a line:
I've filled background with black to white gradient and changed the opacity to about 10 %, but this is not so necessary to do.
So here you've seen how a site template design can be done in less than an hour.
I hope you found something useful here, annnddd enjoy.
Make a work and transform it like I did.
And more….
Now some information, definitely some phrases to fill the site areas and to make our site template look like one.
Bottom.
Some to the left. I will also make a line right in the center of the site.
I'm also making lines like if they are links to something.
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.
Some of this: a word- info - with 2 lines connecting it. If it would have been flash powered, the motion would have been awesome.
Now I will make some last elements to the site.
A logo in front.
And a line:
I've filled background with black to white gradient and changed the opacity to about 10 %, but this is not so necessary to do.
So here you've seen how a site template design can be done in less than an hour.
I hope you found something useful here, annnddd enjoy.
|
|
12 Responses to "Web page design education" 
Author)|
said this on 19 Jul 2008 1:44:36 PM CDT
Sadf, you make one of those, if you can. I mean, teach us!!
|
|
said this on 19 Jul 2008 11:52:15 PM CDT
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.
|
|
said this on 20 Jul 2008 6:31:20 AM CDT
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.
|
|
said this on 20 Jul 2008 9:18:05 AM CDT
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.
|
|
said this on 20 Jul 2008 6:55:54 PM CDT
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.
|
|
said this on 21 Jul 2008 11:51:57 AM CDT
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.
:)
|
|
said this on 25 Jul 2008 8:44:31 AM CDT
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.
|
|
said this on 30 Jul 2008 5:08:28 AM CDT
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.
|
|
said this on 26 Aug 2008 9:09:12 PM CDT
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!!
|
|
said this on 14 Sep 2008 5:20:08 PM CDT
Why is there text that is side-ways.... This is more of a visual thing than to actually display information.
|
