Current location - Education and Training Encyclopedia - Education and training - What are the basic steps of website design?
What are the basic steps of website design?
1, preparation work

In the early stage of website page production, it is necessary to determine the style of the website. Then we need to know very well what kind of website our website is. Because what we are doing is a shopping mall website, we must add a shopping cart module, which should contain, for example, information, chat, customer service entrance and so on.

2. Comparative analysis of websites

First of all, we need to analyze the layout of peers in the search engine. You can search the corresponding website in the search engine and make a comparison. We can refer to the layout and color of other websites, and find that good advantages can also be used in our website construction to make our website better and more effective.

3. Start a website.

Next, you can build a website and start drawing, layout and design according to the general plan. If the company has no experience in web design, you can ask the outsourcing company of website construction to build a website for you.

4. Language programming

When building a grid network website, different programming programs can be used. Choose the appropriate programming language according to your actual situation.

5. Buy space and domain names

You can purchase domain names through websites such as the World Wide Web and Western Digital. When buying space, we should buy it according to our actual situation. If you want to build a website with more data content, you need a bigger server. This way, the website can be loaded quickly as soon as it is opened.

After the website is completed, it will be uploaded to the server. First, download an FTP server. The space operator will provide us with an IP, click login, bind customized website files on the host, and resolve the domain name. Then the website is completed and can be officially launched. Hello, the process of website construction basically includes domain name registration inquiry, website planning, webpage design, website function, website optimization technology, website content arrangement, website promotion, website evaluation, website operation, website overall optimization, website revision and so on.

First, it is relatively simple to apply for a domain name. First, select a registrar, and then check whether the domain name has been registered. When choosing a domain name, try to keep it simple and easy to remember. In addition, I personally think that the number "zero" and the pinyin "o" should be avoided because they are easily confused.

Second: buy space, the space must be stable, and making a website with unstable space will have an impact. Space is generally divided into domestic space and foreign space. It's quick to use domestic space in China, but it's expensive. China is slow to use foreign space, but it is very cheap.

Third: whether the website needs to be put on record depends on what space you buy. Only domestic hosts need to be put on record, but foreign hosts don't. As long as all the materials are submitted according to their requirements, the filing can be completed in 3- 10 days. And there is no charge.

Fourth, you can use Dreamweaver to make web pages now.

Fifth: To program, you must at least understand java, asp, php, one of the programming languages of ASP.NET. Learn a website framework. Understand the server, domain name, server operating system environment and configuration. If there is no program on the website, it will be troublesome to change the information later.

Sixth: test the website. The first test is to see its stability. That is, the program can be accessed normally during testing. The second is to test all its functions. If there are no problems with these functions. And it can be used normally! For example, add and delete operations in the background of the website. See if there is any reaction at the front desk or something!

Seventh: Publishing websites can be uploaded through tools. It should be noted that different spaces may need different paths (directory names) to store web pages, which are generally explained!

If you feel in doubt, you can continue to ask questions or answer yourself. If you find it helpful, please adopt it. Thank you! Foreground design steps:

First of all, understand the customer's needs, grasp the purpose of the customer's website and the customer's business direction, and determine the tone and layout of the interface according to the customer's business aspects.

Secondly, according to these requirements, referring to the same type of websites, we can find some rules from the same type of websites, and then design a rough home page interface with ps first. After the design is completed, communicate with the customer again according to your design, and make modifications according to his opinions to achieve satisfaction.

Third, after the customer is satisfied with your homepage design, start slicing and write the div+css structure of the foreground interface. Sub-page style should also be simple communication with customers. If the customer has no special requirements, just follow the home page.

Fourth, add special effects where necessary and test compatibility in the browser.

Fifth, after doing these jobs well, they can be handed over to programmers as background programs. Website system development process:

1. Conduct user research and determine the content (subject) of the webpage: determine the name of the website, that is, determine what kind of website we want to make; Determine the theme of the name, what main content the user wants to express, that is, the user's intention, and from which side the user wants to express his theme.

2. Design Web page columns and organizational structure: Web site structures generally include three types, namely hierarchical structure, linear structure and web structure (mesh structure).

Hierarchical structure: the hierarchical structure class is a tree structure similar to the directory system, which is divided into first-level titles and second-level titles from the home page of website files, and is refined step by step until specific information is provided to visitors;

Linear structure: Linear structure class is a linear table similar to data structure, which is used to organize information in its own linear order and guide the browser to browse the whole website file step by step. This structure is generally used on pages with parallel meanings. Usually, the structure of website files is a combination of hierarchical structure and linear structure. In this way, we can make full use of the respective characteristics of the two structures, make the website file organization standardized, and meet the requirements of designers and visitors;

Web structure: The Web structure is similar to the Internet, and the web pages are connected in a mesh, allowing users to browse at will.

3. Prepare materials: collect and sort out relevant materials.

4. Interface design: According to the visitor object of the website, the information to be provided and the production goal, the most suitable web page architecture is obtained.

5. Webpage typesetting (page realization): Webpage typesetting according to the designed interface.

6. Web page testing and publishing: Web page testing includes functional testing and integrity testing. The so-called function test is to ensure the usability of the web page, achieve the original content organization design goal, realize the specified function, and readers can find the required content conveniently and quickly. Integrity testing is to ensure that the content of the page is displayed correctly, the links are accurate, and there are no errors and omissions. Shenzhen Longgang Web Design Training reminds you that if you find mistakes during the test, you should correct them in time.

It can be officially released online. If the web page is well designed, it must be published online, otherwise the image of the website will still not be displayed. The published server can be remote or local.

7. Website promotion and maintenance: After the website is completed, the follow-up work is promotion. If the website is not promoted, it will easily become an information island, and not many people will visit it for a long time, gradually losing the significance of building a website.