Website Design Tips The Standard Website Layout – In this video, I talk about the standard layout that can be used for every website.
Website Design Tips The Standard Website Layout – In this video, I talk about the standard layout that can be used for every website.
17 Responses
Leave a Reply
As Seen In
 |
 |
 |
 |
Hi Jimmy,
There is really no standard size as I’ve seen many different sizes for the various sections. For instance, Apple has a HUGE billboard section while most people have a smaller billboard section height wise. As long as the “Call to Action” or important stuff sits above the fold (that’s anywhere within 550px in height) you should be ok.
Hi Mike,
This is a great tutorial video…one of the best I’ve seen from you yet. I really appreciate you sharing your inside tips and tricks with us little guys.
I was wondering if there is a best practice for the size of each section? For example the header should be 960×200 pixels and the billboard 960×400 and so forth.
Any direction would be appreciated.
Thanks,
Jimmy
Thanks a lot. Your presentation is just as clean as your websites. Good examples and good information. Maybe it would be nice if you could give more technical info like how many pixels each part has to be for a standard screen. Is it like 950 width?
Awsome, you’re the best man!
No, it’s pretty simple. Just create your logo/icon within a square 200×200 area. Then Google this “Dynamic Drive-FavIcon Generator” and go to that site, it allows you to upload the image and it creates the favicon for you.
Cool, I will!
Btw, is it hard to setup a icon for your website in the adressbar?
Thanks.
@mlwebco Oh yes, I can now see that everything on your billboard/header except the logo/buttons/text is a background. Thank you very much for your reply and keep up with the vids!
Check out the site vigorfish or my mlwebco site and view source. Check out the background image and how I set it up.
Thanks for the kind words, much appreciated. Totally know what you mean with the “images” sticking out the billboard. You touch on something that’s really important. Because when you have items sticking out the billboad (as in breaking out the containers) it creates a much better visual “Wow factor”. The way you do this is if you mock-up your site with items breaking out of the billboard, you have to make your billboard apart of a large background image for your site. Then position tables on top
I must say that you’re very talented with clean design and you should get much more attention because you also dig into the business area with your videos.
Could you tell me how you make the pictures on your billboard sticking out from the billboard, if you know what I mean?
Thanks.
Yeah, take a look at the about page on my site, notice the links on the right. Basically a sub menu of other items under the parent category of “About”. But you’re right, in some case, you don’t need the sub nav bar.
I swear I never stop thinking, even when I’m sleeping, i’ll keep an eye out.
Got another question though. The navigation on left or right, what’s the real reason for that if there’s a navigation in the header? Or do you mean like a menu of other stuff?
Sub Pages, you’re a few videos/steps ahead of me. I was actually thinking about that topic (laying out sub-pages) after I put this one together. It’s coming.
But you’re right, always drop the billboard (that’s only for the home page), and create a navigation either on left or right side.
From looking at your site and vigorfish it looks like for pages other than the home page you drop the billboard from the layout and split the content area so the content is on the left, and other stuff/links are on the right.
Creating simple but elegant sub-page designs is where I’m coming into some problems.
Excellent video Mike
very clean…
Very good website layouts, and pretty good designs, too. Unlike some other.