Login Login Page production process (summary)

My QQ number: 1539832180. Welcome to discuss the study together. The first step: Get the design diagram, do not rush to cut, first analysis. Because transduction is not just transduction, design is not just design. You have to consider four factors: 1. Reasonable transduction, the semantics is accurate, the annotation is clear. * * Writing good notes is key. 2. transduction also consider the problem of program nesting. Because the page you cut out of the diagram is given to the programmer, and the programmer is not looking at the Design view, but the clean code. So this time consider the indentation of the code, reasonable structure nested loops, whether it is a div or table. As far as the program is concerned, it deals with the duplication of HTML elements on the page, not just in order to get the final effect inside the browser. The contents of the design diagram are immutable, and the contents of the program processing are variable. * * Sometimes you have to stand in the other person's perspective to think about the problem, you will have a more unexpected harvest. 3. A reasonable grasp of time. The whole project has overall time, and you have a separate page development time. This time must be mastered, because time is the soul of quality. 4. HTTP request, the simplest implementation principle of the browser, the most basic principle of the computer.  This is the most important, a lot of developers, do not know what is the HTTP request, browser execution principle is what. XHTML + CSS Layout I personally see three kinds: 1. One is the natural layout. The so-called natural person, is to shun its natural, without other layout elements of the decoration.

<style type="Text/css">div{border:1px solid #ccc; width:100px;height:40px;margin:10px0;}</style><divclass="Classname_1"></div><divclass="classname_2"></div><divclass="Classname_3"></div><divclass="Classname_4"></div><divclass="classname_5"></div>

2. Flow layout flow layout can be so understood, when the page is like a waterfall or your thoughts flow down from the top, without any blocking without any change, its destination is footer,copyright two plmm. But when it comes to float, it's going to change, you have to look at MM's sister first. If left is first flowed to left and then flows to Right,right, the opposite is true.  And it will affect the positioning of the elements behind, in order not to let you complete the small three and other things, but also clear, otherwise it will let your soul purification to the Jurassic era to find the long-lost cousin Dinosaur. 3. Absolute layout is generally used to set the parent element as: position:relative; the child element is laid out as the layout reference point in the upper-left corner of the parent element container. In the image, the parent element is at the bottom of the pyramid, and the child elements go to the spire in turn. This is not in a plane. Part of CSS initialization:

html{color:# the; background: #FFF;} Body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote, Th,td{margin:0;p adding:0;} Table{border-collapse:collapse;border-spacing:0;} Fieldset,img{border:0;} Address,caption,cite,code,dfn,em,strong,th,var, optgroup{font-style:inherit;font-Weight:inherit;} Del,ins{text-Decoration:none;} Li{list-Style:none;} Caption,th{text-Align:left;} H1,h2,h3,h4,h5,h6{font-size: -%;font-Weight:normal;} Q:before,q:after{content:"';} Abbr,acronym{border:0; font-Variant:normal;} Sup{vertical-Align:baseline;} Sub{vertical-Align:baseline;} legend{color:# the;} Input,button,textarea,Select, optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-Weight:inherit;} Input,button,textarea,Select{*font-size: -%;} 

Login Login Page production process (summary)