How are CSS templates made?

Author: Li Liyuan

Email: lly219@gmail.com

Date: 2009-1-12

 

 

Preface (self-speaking)


It has been five years since I first recognized CSS. Most of them are intermittent, but there have been many contacts over the past year and some experiences have been made.
The first contact only knows the basic knowledge of font, color, background, margin, padding, and so on, and even the margin and padding cannot be clearly identified.
In the first big web job, I learned that there was a "Div + CSS template". In order to make a difference, I began to collect templates at any time and saw various templates, so I couldn't help but marvel at others' color matching capabilities, creative skills and rich imagination.
So I borrowed a bunch of books from the library, such as PS, color scheme, and advertisement. I didn't see the reason at the time. I just thought the paper and printing were good. If I lost my money, I could lose a lot of money.
In the twinkling of an eye, four years later, I will only download other people's templates and change them to practical ones. I still don't know much about the basic CSS.

In the fifth year, I came to work, had more ideas, and had some insights on the web. CSS cannot be proficient, but the basic principles of browser differences are clear.

Body


For:Alchemy of imitators

There are many ways to refine a template. For those who are not creative and have no experience, the most appropriate method is to find a template to modify it.

The following are some templates accumulated at ordinary times, mostly outside China: simple white website design appreciation | showcase | front-end observation templates
Page Template sudasuta.com /? P = 1342
Web designer wall-design trends and tutorialswww. webdesignerwall. comwe are not freelancerswww. wearenotfreelancers. co. za99 high-quality free (x) HTML/CSS Templates | showcases | instantshiftwww.instantshift.com/2009/09/29/99-high-quality...open web design-download free web design templateswww. openwebdesign. orgcss templates (page 1 of 25)-free CSS templateswww.freecsstemplates.org/css-templates
Texture www.qianduan.net/showcase-of-beautiful-textured...

• For very inexperienced people, it is best to back up the template and directly modify it on the template. After the modification is complete, remember to view it in multiple browsers.

Digress
: How can I start learning to run without learning to go? Not necessarily, although you are not very proficient, but it is a WYSIWYG thing, coupled with firebug on Firefox, as long as you have a little understanding, don't just look at the joy of modification. You can run without leaving.
But the basic skills are necessary. When you look back at CSS again, you will feel very simple. You will also remember some of the usage you have never seen before.

• Pair
  With a little experience, I think even a picture can be made into HTML. It may be the so-called slice in PS, but we don't need tools to use the naked eye and experience. However, I believe that experienced people,
  It cannot accurately give the RGB value of the color. For Chinese, QQ is the most convenient way.

If you are not professional enough, you can also use Photoshop to zoom in a pixel to your thumb, making it easier to locate and obtain the pixel accurately.

• If you have a little bit of imagination, you can replace the background and icons. If you can't do it yourself, you can try online. There is always something suitable for you.

Several links
Http://webdesignledger.com/freebies/200-big-and-beautiful-highly-detailed-icons

Http://www.noupe.com/design/the-ultimate-christmas-round-up-patterns-brushes-vectors-and-icons.html

Http://webdesignledger.com/freebies/the-best-free-icon-sets-of-2009

For:Start of creators

How can I not have my own original webpage template? I admit that I did not completely design a page template, and I read more or less what others do. I think others are doing great work, as soon as the semi-finished products come out, they feel that the color configuration is "inexplicable ". So I went to "Reference" again ".
This will never take the first step. To create a webpage template by yourself requires a lot of accumulation and inspiration. If you want to create a template, follow these steps:Derived inspiration, outline, determine the main and secondary colors, make background images, logos, icons, use CSS to fine-cut, browser compatibility testing, compression.

It is quite easy to say, but every step is very difficult and time-consuming. There are too many things to master and learn.Color
,Inspiration capture
,PS
ToCSS
,Html
,JS
ToUser Experience
, You can not be less. Believe in yourself, you are special! Do not forget to keep up with the times:

As in the clothing industry, webpage templates also have popular colors and styles. This year, they also have their own fashion trends:
Http://blog.csdn.net/Vanessa219/archive/2009/12/31/5110978.aspx

Several gadgets are recommended:

Color tool: http://www.21andy.com/blog/20090526/1303.html

Web design tools: http://blog.csdn.net/Vanessa219/archive/2009/11/12/4802405.aspx

CSS tools: http://blog.csdn.net/Vanessa219/archive/2009/11/12/4802405.aspx

--! When I do it, share my experience with you ^ (Don't scold me ...)
Tip: Pay attention to copyright issues when using or learning from others' works.