What are the steps of website production
Source: Shangpin China |
Type: website encyclopedia |
Date: July 26, 2012
Website production Simple process introduction The website production process simple introduction
1 Planning and sketch Planning and sketches 2 Design and manufacture Design and making
3 Cutting and exporting Cutting and export
4 Editing and template Editing and template
5 Animation and Advertising Animation and advertising
6 Link and upload Links and upload
Make steps according to software and length: According to the software and length divided making steps:
1 Planning and sketch Planning and sketches
1.1 The process of all websites and other design works starts from planning. This is the place where your talent and creativity can best be reflected. The biggest difference between human beings and other animals is that they can think and create, which is the only valuable thing! We must complete the most critical planning part of a website before opening the PS or FW manufacturing interface, which will directly affect All web sites and other design works from the start of the planning process. This is the most can reflect your talent and creativity of the place. The biggest difference between the people in other animals place is thinking, can create, and only this is valuable. We have to be on hands-on opened PS or FW making industry shall be completed before a key part of the most web site planning, it will directly influence
The success or failure of this website. An excellent website is not only beautiful, but also easy to browse, readable, concise and lively! The success or failure of the website. A good website, not only to do well and to facilitate browsing, readable, concise and lively!
The style, color, format, layout, columns and even every small icon of the website should be carefully considered. The style of your website depends on the visitors and readers' professional background, education level and hobbies. Only by taking what you like can you maximize resonance; On the other hand, it depends on the type of company and the preference of enterprise legal person. If you don't want to join your own will, the above points have established the general direction of the website! The website's style, coloring, format, layout, column and even every tiny ICONS are through excelsior, thoughtful. And the formulation of style depends on what you do web browsing the crowd and readers professional background, education and training the hobby, only cast its place to maximize the resonate; On the other hand depends on the type of company of the enterprise as a legal person and be fond of, if it's better to join you will of his own words, that the points above has made the web site the direction of roughly!!!!
1.2 This website is a commercial website for enterprises, so I use simple style, bright and bright colors and styles. As long as I learn plane composition and color composition, I will know how to arrange various elements and content according to their styles, and what color to use to create the effect you want to express. It is very important to know how to use color, including cold, warm, light and dark. The neutral color in a large area is not dazzling, but the important guiding vision can be taken by bright colors. It is human nature to prefer warm colors in winter and cool colors in summer. The blue background that gives people trust and technology is the reason why I choose it. The colors that promote appetite, such as orange and yellow, are more likely to be favored by food websites! 1.2 this site is the website of the commercial enterprises, so I use simple style, bright beautiful and lively color and style, as long as the plane composition and learn color composition knew how to according to the style to decorate each element and content, and with what kind of color to build you want to express the effect, including changes in temperature and light and shade is essential. Large areas of neuter color not dazzling, and important guiding the view can let bright color to bear, winter like warm color summer like cool color is human nature, that give a person with blue trust and technology DE yun is my choice of the causes, and like orange and yellow color of promote appetite more vulnerable to food web site favor!
1.3 Divide the columns according to the simple and scientific classification principle: Narrow report of the customer center on the home page, introduce the common problems of the cooperative media, and media reports about us 1.3 in line with concise scientific classification principle to differentiate column: front page customer center against media introduced narrow the common problems in media reports about us
If the columns are not well divided, it will affect the adjustment of the framework, and the consequences will be: start again, depressed? Column if bad word division, the influence of the framework adjustment, the result is: start again, depressed?
This website is mainly for Weifang enterprises, so it should be localized, make people feel friendly, and be beautiful, nonsense!! This web site mainly to weifang enterprise, so to do localization, let a person see the sense kind, and to do well, blah!
1.4 Ok, after finishing the above, please take up your pen and draw a sketch on the paper according to your creativity and imagination. It is more specific, and it is better to be detailed to every shadow and stroke! This step is critical! 1.4 good, complete the above, please take up a pen on paper according to your creative ideas and draw a sketch, with some specific, best fine to every place of shadow and stroke! This step is the key!
1.5 At the end of this section, we are going to prepare the materials needed for making the website, including icons, logos, advertising slogans, content introductions, etc., which are the most basic! 1.5 this section is ready to make final web sites need the source material, including ICONS, LOGO, advertising, introduced the content such as is the most basic!
2 Design and manufacture Design and making
2.1 If the sketch has been drawn perfectly, you can open PS or FW to start making and designing our interface. I use PS here. Although it is not as efficient and professional as FW, it is more flexible and free. This is my favorite, because I am used to it^^ It takes a thousand days to raise the army and use it for a while. The usual practice and learning are useful here! ha-ha! If sketches are drawing perfect after it is opened PS or FW start making and design our interface, here I use PS, although do not have efficient and professional FW but more flexible and free, that is my favorite, but also because of used to! ^ ^ only thing seven years time, the practice and study here come in handy! Ha ha!
2.2 The new 778 * 600 page can be framed first and then gradually refined. You can also use your own unique techniques, such as transparent glass crystal buttons and other effects to create a special style. Try to be simple and exquisite! Don't miss every detail. Even the shadow of 5% transparency of 1 * 1 will add color to your page. Don't think others can't see it! Can on the new 778 * 600 page first dozen framework and then using stepwise refinement of method, still can use your own unique technique, such as transparent glass crystal button to create the special effects such as style, try to be contracted and exquisite! Don't let every detail of characterization, even 1 * 1 5% of the transparency of the shadow will give you increase the page color, don't think that other people can't see!
2.3 It is better to develop the habit of layering, so that classification and editing can be convenient, and hundreds of layers can not be placed in the next level, which will make a mess. The best form the habit of layered, so that can be easily classification and editing, and not to the levels hundreds of layer on the make a haslong been, points not clear.
As an excellent designer, you should be organized, so please form the habit of classifying and naming each layer, which is not a waste of your time! As an excellent designers should be organized, so please get classification and for each layer of naming habits, this will never be wasting your time!
3 Cutting and exporting Cutting and export
Whether PS or FW, even the design interface made by AI has the same cutting principle. Please follow the following aspects: Whether PS or FW, even if it is AI do design interface in the principle of cutting are the same, please follow the following several aspects:
3.1 First, cut according to the rough frame, such as the national or T-shaped, and pay attention to its integrity According to the frame of the first roughly cutting, such as country word or T word, pay attention to their integrity
3.2 The text area, large color block or separate picture to be input and flash animation shall be cut into slices in non picture format for insertion Input text to regional, large area color piece or separate pictures and flash animation to separate cutting into the image format slice for insert
3.3 Pay attention to the flexible cutting of the areas that need a long length of added content, and ensure that the patterns can be arranged repeatedly if any To add content need a long area should pay attention to its flexibility cutting, if there is a design to ensure that the arrangement can be repeated
3.4 Be very careful when cutting. Do not leave a row or column with a pixel gap. Enlarge to make the slices aligned without gaps In cutting to special earnest and be careful, don't empty kept one row or column of a pixel gap, to enlarge the paraffin sections to align, leaving no space
3.5 Other automatically generated slices such as buttons and blanks, as well as creating slices that need to change the image appearance Other such as buttons and a blank space, automatically generated slice, and create a need to change the image of the look of the slice, etc
After cutting, select the command Save File as WEB Page and export it as HTML file for DW editing. After the completion of the cutting, choose file save for WEB page order, export to HTML documents to DW editor.
4 Editing and template Editing and template
4.1 Open the exported HTML file in DW and start editing, including centering the large table, setting the background, modifying the blank and entering the cell background as the original cut picture, etc In the open in DW derived HTML documents to edit, including big form center, set background, modify the blank input area cell background for cutting the original pictures
4.2 Add CSS style to the edited file, including the most basic TD and ALINK tags, and then save it as a template DWT file, and ^+alt+v create an editable region The editor of the file will add CSS styles, including the most basic TD and ALINK, labels and save as template DWT files, and ^ + Alt + v new can edit area
4.3 Create new pages through templates and add corresponding content Through the template each page and new added to the corresponding contents
5 Animation and Advertising Animation and advertising
5.1 Make FL animated advertising strip according to the size of the original slice, use the corresponding text content and advertising language, and create a new file in FL According to the size of the original slice shelter making FL animation article advertising, use the corresponding text content and advertising, in FL new file
5.2 Copy and paste advertising words into the scene, arrange and convert them into components 578 * 104 Copy paste AD copy to the scene, layout and convert to element 578 * 104
5.3 Add the corresponding background and animation, and release them as SWF files after debugging the rhythm Add the corresponding background and animation, debugging promulgated after the rhythm for SWF file
5.4 The template page inserted into the DW is saved after resizing, and other pages will be updated automatically Insert into the template pages and adjust DW after inventory size, other page is automatically updated
6 Link and upload Links and upload
6.1 Reset the navigation link of the template page. This step can also be completed in Section 4 Reset template page navigation links, this step also can be finished in the fourth quarter
6.2 Open the home page locally to check the link and text content until there is no error, and ensure that the link can be accessed normally In local open the front page text links and check until no wrong, make sure the links to normal visit
6.3 Upload to the application space, browse the online effect in the browser after the domain name resolution is successful, and do the corresponding post maintenance! To apply for space, in the domain name system after the success in the browser on the online effect and do late corresponding maintenance! This article was published by Beijing Website Construction Company Shangpin China //ihucc.com/
Source Statement: This article is original or edited by Shangpin China's editors. If it needs to be reproduced, please indicate that it is from Shangpin China. The above contents (including pictures and words) are from the Internet. If there is any infringement, please contact us in time (010-60259772).
