Total Followers 132,503
Using CSS for coding a web page is standard these days but still many people on web think that CSS has some restrictions and you can’t convert a web page from Design to xHtml perfectly. There are tons of benefits of using CSS while coding a web page, a very important one is higher rankings in Search engine because If you really want your website to stand out, its essential that you have higher SERP.
In line with this, I have gathered these 45 Awesome and Creative CSS based Layouts for you to be inspired.
Colors are a great way to attract your viewers, they can be turned on or off on the choice of colors in a design. Your choice of colors could reflect your personality, business, or even what your company is about. Research shows that people are more attracted on bright color. With this, I suggest that you use bright colors for your design, or as according to the theme. And if you will use dull ones, combine them with lively colors to balance the design.
Websites are best attractive when they are designed using colors that can really catch a viewer’s attention while being able to present the image of your company that you want your viewers to remember.
Use words that attract viewers. Avoid putting words in a paragraph form, for it makes your viewers get bored on reading them. Make your sentences in a bulleted form and construct them briefly.
Regarding font sizes, most designers use 12px for the body text and H1 or H2 for the headers. The important thing you must consider is to make sure the text is readable. In selecting a font, make sure you choose a clean look of font style that fits the look of the whole website.
Texts make a website look informative and professional, but if it is only pure texts, it will bore your viewers. To help your website look more informative and enticing, use visuals such images and graphics that would compliment your content. Your visitors might not read your content, but if you attract with images then you can convey your message to them clearly.
Flash is known as the most ubiquitous graphic tool we have now. It is used to enhance images, text, and other elements on a website. But do not overuse this one for it will make your website look less professional. Creating graphical signposts is also a way to attract your viewers. Same with using Flash, do not put too much graphics unless it is a children’s educational website or cartoon-themed.
Banners are also a great way to catch your viewers’ attention, and it is also being used to advertise something. If you are going to put a banner on your website, make sure to follow the standard size of banners. Sizes vary depending on what type of banner you would like to put on your website. You can use GIF or Flash banners to put eye-catching effects, just don’t overdo when putting effects.
With several websites that are already online, you must stand out in order to achieve your goal for your website. Be appropriate based on what you are trying to represent. Make your web design clean and simple while having that creative touch. Make navigation user-friendly. It is okay to be creative, just do not overdo it.
I hope that these awesome DIV/CSS websites inspired you to create your own. Create and inspire others too!
Get The Only Freelancer crash course you will ever need to read!
An Information Technology graduate who loves learning new things and chocolates, too. She spends the whole day sitting in front of the computer, making herself updated with the things going on around her.
Friday, August 19th, 2011 16:04
Have you at any time considered as about which incorporate a smaller little little bit way in surplus of just your articles? I mean, anything at all you say is beneficial and everything. but envision from the celebration you added some pretty good pics or movies to generate your posts more, “pop”! Your content material is great but with pics and video clip clip clips, this internet page could undeniably be a person exclusive even though implementing rather best in its niche. pretty good blog!
Wednesday, August 3rd, 2011 16:39
keep up the good work :)
Get The Only Freelancer crash course you will ever need!
If not, then it's time to learn how to:
You can trust 1stWebDesigner to help you become a better web designer!
- Jacob Cass | Just Creative
Just enter your name and email below and click Get Updates!
![Basic Web Design Video Course – Complete HTML Markup & CSS Styles [Part 3]](http://www.1stwebdesigner.com/wp-content/uploads/2013/03/preview-small-webdesignvideocoursepart3.jpg "Basic Web Design Video Course – Complete HTML Markup & CSS Styles [Part 3]")
![Basic Web Design Video Course – Basic HTML Tags, Structure & CSS [Part 2]](http://www.1stwebdesigner.com/wp-content/uploads/2013/03/preview-small-basicwebdesignvideocoursepart2.jpg "Basic Web Design Video Course – Basic HTML Tags, Structure & CSS [Part 2]")
Josetapia
Friday, January 14th, 2011 20:40
Great and beautiful examples, thanks buddy
Basil Kamensky
Wednesday, August 3rd, 2011 16:39
keep up the good work :)
Naida Brasher
Friday, August 19th, 2011 16:04
Have you at any time considered as about which incorporate a smaller little little bit way in surplus of just your articles? I mean, anything at all you say is beneficial and everything. but envision from the celebration you added some pretty good pics or movies to generate your posts more, “pop”! Your content material is great but with pics and video clip clip clips, this internet page could undeniably be a person exclusive even though implementing rather best in its niche. pretty good blog!