Date: January 8th, 2015 Author: jia

Website production Four steps are required.

1. Demand analysis

After receiving the website design task, first understand the customer's business background, goals and needs, so as to target the customer Provide effective website functions. Before building a website, it is best to clarify the purpose, scale and main purpose of the website The key to the survival and development of the website is the budget of users and investors and how to operate it 。

Second, determine the type and content of the website. According to the nature of the website, different types of websites can be divided into government websites and enterprise websites Website, commercial website, educational and scientific research institution website, personal website, non-profit organization website and others type etc. 。

Determine the website content again. The content of the website is mainly to determine the column structure and navigation of the website ， Different types of networks The column structure of the website is different. Generally, most government websites need to provide “ Government functions/business introduction ” "New government Information and instructions ” , "notice/announcement", "convenient living/housing information," enterprise/industry economic information "and “ important Website links and other columns. Most enterprise websites provide "enterprise introduction" and "product/service introduction" ” , "Enterprise Dynamic " 、 “ Online recruitment " “ User consultation/complaint "and" industry news " ” And other columns.

Then design the style of the website according to the needs, types and contents 。 The style should be reflected in the website name and logo (Logo), advertising language, standard colors, standard fonts and other aspects 。

Finally, confirm the demand with the customer. During this period, the requirements specification document is formed ， It is better to provide customers with design samples (available Photoshop, Firework, production) 。 Discuss and confirm the demand with users.

two   Website production

1) Create Site

Creating a site is mainly to determine the storage location and directory structure of the site files. It is necessary to arrange the file directories reasonably, and not to All files are stored in the root directory ， It is necessary to create sub directories according to the column content, and the level of the directory should not be too many, not more than 5 Layer and directory names should not be in Chinese.

2) Home page design

The quality of home page design is the key to the success of a website. First determine the function module of the home page, and then proceed to the page Face layout. Common layouts are as follows:

"Same" font structure layout ： So called homograph type Structure means that the top of the page is the main menu ， The lower left side is a secondary column The right side is a link column bar, and the layout of specific content is displayed in the middle 。 The advantage of this layout is that the page structure is clear Symmetrical, primary and secondary, and the same font layout pages are widely used ； The disadvantage is that they are too regular and rigid ， If detail color The lack of changes in the color makes people feel monotonous.

"National" font layout ： Chinese characters type The layout is in the same word type Evolved from the layout ， Below isometric layout Add a horizontal menu or advertisement. The advantage of this layout is that it makes full use of the layout, has large information, and is connected with other pages convenient ； The disadvantage is that the page is crowded ， Closed on all sides.

Freestyle layout ： Freestyle layout breaks the homograph and national character type The layout is like a poster ， with A beautiful picture serves as the center of the page, and the menu column is freely placed on the page, which is often used in fashion websites. The advantages are Beautiful and attractive. The disadvantage is that the display speed and text information are few 。 This layout is suitable for image oriented Site.

Symmetrical layout ： Gu name Siyi adopts a symmetrical layout formed by dividing the screen from left to right Text, image and connection are arranged by clicking the connection on the left ， The connected content is displayed on the right. The advantage is that it can be displayed Show more text images, lack The point is that it is difficult to combine the two parts organically, which is not suitable for the website with the most information.

3) Image design

Images needed for designing and producing websites, including logo images, background images, column images and some decoration images Like, etc.

4) Style planning

Realize layout and appearance with Css ， It is best to use an external style file.

5) Using templates

Create a template through the homepage to determine the fixed part of the page.

6) Pagination design

Other pages can be designed after being generated through templates.

three   Side test website

All pages of the website shall be guaranteed to work well in Internet Explorer and Mozilla Firefox Rendering, if need want ， Side test in more browsers.

four   Publishing website

Prepared website ， After the side test, it can be published on the server.