As a full-time page refactoring, we are engaged in the work of simply saying "convert the design manuscript to a Web page", the process can be very simple to direct the PSD from the PS into the Web page, it can be complicated to consider the use of each label in the page, consider "page performance." "Front-end engineers" as the goal of the students may be reluctant to admit to the page refactoring this piece, but with the breakdown of work, plus the page refactoring itself professional, independent for a career is not impossible, at least I now engaged in a full-time position. If you think a front-end engineer has to draw a design draft, you can ignore the following content. Simple page refactoring, the work involved in the general is "analysis of design Drafts" and "Write HTML and CSS", although it seems very little, but to do this job, is not so easy to think of. The reason is simple: the work of a single, in the time and workload will be very harsh, often with the designer's working time is 3:1, that is, the designer to three days of time, the production of only one day to complete; In this intensity, many people rely on the work of the love is maintained, once the enthusiasm of work disappears, It's easy to get bored, and being enthusiastic is the ability of a refactoring worker (and perhaps everyone who participates in the job). Unlike "front-end Engineers", "page refactoring" is also a category of "front-end engineers", and in the professionalization, for full-time page refactorings, the requirements are certainly higher. Not just to make a page, but to make a good page. Also leads to another topic, "What is a good page?" ", generally includes the following points: 1. The structure is complete and can be verified by standard 2. Label semantics, reasonable structure of 3. Take full account of the page in the site "role and importance", and to the targeted optimization of many students have encountered the direction of unknown, do not know what they should improve, we can from the "Analysis of the design manuscript" and "Write HTML and CSS" This work content, For each point put forward some requirements, in order to facilitate our analysis of their ability level, in order to continue to improve the direction: first, the design draft analysis of the design manuscript is the analysis of how to make a page, that is, which piece of content can be used as a public part, which piece of content structure can be achieved. The ability to analyze the design manuscript can be divided into the following stages: 1. Can distinguish between the public and private parts of the design manuscript 2. On the basis of 1, there is a preliminary scheme for the realization of each part (including how to transduction, write the structure, write style) 3. On the basis of 1, the realization scheme of each part is given accurately (including how to transduction, write structure, write style) 4. On the basis of 3, we can consider the extensibility, reusability and page performance of the scheme (including how to transduction, write structure, write style) 5. On the basis of 4, consider the structure of the entire station (including file distribution, directory structure) above these are to do before the start of production. Two, Cetucetu refers to the design of the manuscript cut into easy to make a page image. There is a misunderstanding, think transduction is to cut out the picture, in fact, is not entirely so, but also include the cut out of the pictures merged together, how to cut, from which to maximize performance, said "Transduction is an art" is not too. Transduction can also be divided into several stages: 1. Cut into the desired picture (how to cut out the desired part) 2. On the basis of 1, the cut out of the picture for some optimization (including compressed file size, select picture type) 3. On the basis of 2, plan the cut out pictures (including file distribution) 4. On the basis of 3, consider the overall performance (including merging pictures, compressed file size) html and CSS writing of HTML and CSS refers to the completion of the above, through the HTML and CSS writing, the design manuscript into the most important piece of the Web page, Also we have to focus on the content, put them together, because they are too strong correlation, HTML writing will affect the way CSS is written, it can be divided into the following stages: 1. Restores the design artwork visual effects and passes standard validation (HTML) 2. On the basis of 1, implement multi-browser compatible (HTML) 3. On the basis of 2, label Semantics (HTML) 4. On the basis of 3, choose the better implementation method (including modular structure, convenient program script use, HTML and CSS) 5. On a 4 basis, consider extensibility, reusability, and maintainability (HTML and CSS) 6. On the basis of 5, considering the pattern distribution of the whole station (including how to achieve the distribution) 7. On the basis of 6, the optimization of style writing (including the application of skill) is the ability to solve the problem, which can be encountered at different stages, so it is not written to the above. If you have reached or exceeded 3, 4, and 5, congratulations, you are already a professional "page-refactoring worker". For our own development, attention to new technologies, technological innovation, improve user experience, aesthetics, the implementation of program scripts, etc., is also very necessary. Let's make progress together.
Junior Front End engineer
