Six tips for getting started with web design

Although for those who already can HTML, learning HTML is really not a technical thing, because that is very simple, if this is not possible, the others do not have to mention. But for the first contact with the network language, it is still not easy to fix one thing.

650) this.width=650; "src=" Http://img.mp.itc.cn/upload/20160601/881219bdc1014af8843aaf9bd891b5a9_th.jpg "style=" border:0px;margin:0px;padding:0px;font-size:0px; "alt=" 881219bdc1014af8843aaf9bd891b5a9_th.jpg "/>

Introduction to Web Site design

I am surrounded by a lot of friends learning HTML, the time to contact HTML is not short, but if let him do a Web page alone can not be competent, at most just modify others template, in short, is to understand, but not really understand, not to get started. Then a friend asked, what is the introduction? Is that they can make a Web page independently.

Many times the method is right, learning this thing will only become more and more easy, if you feel more and more difficult to learn, it is best to go back and take a good look at your learning methods problems. Learning HTML This thing, I think up to a maximum of one year will certainly be able to handle, some people fast words in fact three months can be done. But why did some people not learn it for two years? I think it may be a little interest, can learn not to learn the state, in the work of the use of a few templates can be, do not have to do their own, will modify the template is enough, so it does not matter to learn. For such a person, I think there is actually nothing to say, because people are not here.

But there are still some people want to go to the direction of the network, then learning HTML is a language that must be mastered, because you will be exposed to such as JS, PHP, and so many are the basis for HTML, HTML is the premise. But how do you get this thing done quickly? Below I summarize some of my experience, hope to help you.

　　1. Main combat, book theory supplemented

I actually learn HTML does not have a very complete look at the online tutorial, the beginning of time, the book also see very little, but after the meeting, read the books and tutorials began to gradually become more, because that time of reading, is the theme of reading, in order to solve my actual problems encountered, or want to achieve the effect of targeted reading and learning.

At first, most of my experience is based on actual combat to obtain, because the work will use this, so gave me a lot of practice opportunities, from completely do not understand, to slowly will modify some other people's template, and then to the different templates to choose a good module grafted to their own web page, and then change, one day found that Others wrote the page looks very laborious, to one by one than too wasted eyes, simply do it yourself, and then will.

So want to learn HTML, the quickest way is to find a will use this work, forcing themselves to a lot of practice, do not see what Dreamweaver tutorial, that useless, Dreamweaver just write HTML more convenient tool, learned this you will not understand the code, Because this tool largely provides a visual interface, and is familiar with and relies on these visual interfaces, it means you're getting farther away from the code than just looking at the front-end development tutorials.

Whether it is HTML or later scripting language, or programming, in combat learning, progress is faster than in books learned much faster. Of course, I think this method may be more appropriate, is to encounter problems in the actual combat, and then through reading books or tutorials and other information, will encounter the problem of systematic learning and mastery. It is best not to encounter problems in the actual combat, and then Baidu solved, it is done, should dig deeper into the nature of the problem, find solutions to solve this kind of problem.

　　2. Enough accumulation to make a qualitative leap

Thinking back to my own experience of learning HTML, I have modified at least 100 other templates. Many times I can make it, often because of experience. But the mere accumulation of quantity does not lead to a qualitative leap. Every time there is a need to improve the place, a little progress, and gradually accumulate to have a harvest, this time to learn to record their progress, such as today I have some new discoveries in the navigation production, just like record the site's update log, record their learning breakthroughs and progress. In the modification of other people's templates, try each time to increase the difficulty of their own, if you encounter a particular weakness in some aspects, use frequent deliberate practice to repair your weak links. and timely summary of their own harvest, for example, in the browser compatibility problem processing, many times are based on their own experience of the summary.

　　3. A large number of different template exercises, rather than focus on the proficiency of a template

This is also I think the most reliable, and the fastest progress of a way, is to find a good web works, favorably set up Web, UI China and other websites, or those who collect their favorite web works, find a not very complex web works, and then carefully study it, thoroughly understand it, Find a slightly more difficult page to study again, gradually accumulate difficulty. In general, the study of the real two or three, basic on the introduction. And the study of good web pages often brings other benefits, for example, by watching the work slowly grasp the trend of Web page production now popular, can absorb some fresh technology, can develop their own more standardized naming, or good layout concept. But often this is something that most people do not want to do, let alone to summarize and write research reports for the purpose of research. However, this method is useful even if you are learning to program.

How to focus on a Web feature template? is to traverse it! You want to delve into the Web page source code copy saved to the Evernote look, there is no understanding of the place, check the information, at hand, preferably put a "html&css common label Quick Search Manual" or html&css reference manual, do not understand the style, attributes to check, Or put in the DW to see the effect, and then recorded, it is best to break down into different modules, every day to see a little, all the pages of their own confusing place to traverse through, to find out to organize the notes, it is necessary to begin to summarize, write "A Web study report," such as the summary of articles, these articles collated more, Many do not understand the place, will slowly begin to become familiar with, occasionally have time to tidy up their knowledge points to the back of the place, and then the use of debris, more look at the back, remember.

Ordinary people's normal thinking is through a lot of learning, to try to clarify the structure of the knowledge of HTML, and then according to their understanding of the structure, 1.1 points of digestion it. Although this kind of learning method looks wonderful, it seems to be very desirable, but it is not easy to do, a beginner is often difficult to grasp the overall framework of a new thing. But to tell the truth is also very easy, in the Internet casually search this mind map, or find a more comprehensive HTML book, look at the directory to know. Do not have to organize themselves, general and so you can sort out, yellow flowers are cool, they have not needed. And I don't think it's necessary, because it's just a little something.

　　4. From imitation to identity recognition, how to enter this circle

For most beginners, there is actually a more difficult thing, is how to turn him into a part of life, of course, it depends entirely on your interest in it is very strong, I can also say that interest is the best teacher, no interest unexpected things, only do not have the interest to do it. Of course, I can also say that this is another concept called thinking, you want to be what kind of person, you have to find out what kind of people think, and then simulate this thinking, bring yourself into that atmosphere, think if I was that kind of person, I will focus on what, I often mixed community will be what kind of, This idea makes it easier to make your goals come true.

If you want to be a web designer, or even more interested in being a programmer, use those people's thinking to run your own life. This kind of people often mix the community, pay attention to these people will like the business, cultivate some only these people will have the personality of the neat, such as code of people generally clean code, the Web designer for pixels is very sensitive, for the same in different browsers to show the same effect this thing will be very concerned about.

　　5. After the introduction of the growth trajectory is generally the case

1, can use HTML+CSS to make the page, can use JS to achieve dynamic effect.

2, on the basis of 1 to ensure browser compatibility

3. Starting with code cleanliness on a 2 basis, the code tends to be simple and efficient.

4. Begin to focus on semantics, usability, and reusability on a 3 basis.

5. Start focusing on page performance on a 4 basis.

6. On the basis of 5, began to brains to think how to improve the efficiency of development. 7. On the basis of 6, I rub, HTML5 come, I rub, CSS3 also on. Come on, learn to go to 8. Maybe, when you have not learned to HTML5,CSS3, you will find sass also have, responsive also become a trend, in short, then learn Bai.

This is the end of the road, but it is true, if you do not get pleasure in the process, or early career change.

　　6. Do the front end, I think the two direction of the reliable

The visual direction, the more cool page.

Functional direction, such as interaction.

This article is from the "Programmer's Caprice" blog, please be sure to keep this source http://cxykz.blog.51cto.com/11696626/1787410

Six tips for getting started with web design