1. Selection of domain name and host (domain name needs to be selected based on website theme and user range, and host needs to be based on website size, security and stability) 2. The positioning of the website (for example, it is located on a profitable website, an enterprise website, or a public welfare website...) 3. The purpose of the website (whether it is used for profit, online product marketing, or brand promotion and integration) 4. Development goal of the website 5. Topological map construction of the website (which columns are included in the website, and what kind of production structure is used) 6. Adoption of website production technology (in which language and on which platform) 7. Website promotion (what specific work needs to be done to promote the website, and whether it is necessary to consider the promotion in the later stage during the early development, such as the suggestions of SEO experts) 8. Website maintenance (whether it is independent maintenance or outsourced maintenance, and what maintenance content should also be considered Website construction cost , time interval arrangement for later revision, etc.) 9. Website security (the website shall conduct security inspection, backup and other security operations on a regular basis) 10. Theme color of the website (the website color can directly reflect the industry of the enterprise) Step 3: Choose a domain name
The domain name is the name of a website on the Internet, and is the network address to contact each other on the Internet. For a pure information service website that is not a product promotion website, all its construction values are condensed on its website domain name. If you lose this domain name, all your previous efforts will be wasted.
At present, many personal websites rely on free personal space, and their domain names also rely on free domain name pointing, such as NetEase's virtual domain name service, which is very unfavorable to the promotion and development of personal websites. Not only does its "timely" window block the view and goodwill of visitors, making people know it is a personal website at a glance, It also hinders the transmission speed of web pages. So, from my personal point of view, first of all, spend some money to register a domain name. An independent domain name is the first wealth of a personal website. It should be vivid, simple and easy to remember.
Step 4: Master network building tools
The development of network technology has driven the development of software industry, so the tool software used to make Web pages is becoming more and more abundant. From the most basic HTML editor to the very popular Flash interactive web page authoring tool, there are various web page authoring tools. The following are some representative web page authoring tools:
1. HTML editor. Although HTML code is complex, editing and debugging will take a lot of time, it is still popular among senior web page producers due to its stability, wide support and the ability to create complex page effects. At present, there are many editors to choose from. These editors widely support complex page creation and advanced HTML specifications. Hotlog and other professional HTML editors are widely used.
2. WYSIWYG web page editor. Among them, Microsoft Frontpage is the representative. It has the same operation interface as Word. Operators who are familiar with Word functions can easily prepare web pages with a little training. In addition, Frontpage can parse HTML source code of web pages and provide preview support. However, some special display functions of Frontpage cannot be implemented in other non IE browsers. So Frontpage is a tool software that is very suitable for beginners and intermediate web designers.
3. Flash interactive web page production tool produced by Macromedia (acquired by Adobe), which is very popular now. This is a very powerful interactive vector multimedia web page production tool. It can easily output all kinds of animated web pages. It does not need special complicated operations, and it is also smaller and more powerful than JAVA! But its animation effect, interactive effect and multimedia effect are excellent. It can also encapsulate MP3 music and fill in forms in Flash animation; And because the webpage file compiled by Flash is much smaller than the ordinary webpage file, the browsing speed is greatly accelerated. This is a very suitable tool for dynamic Web production.
4. Dreamweaver: Dreamweaver is a WYSIWYG web editor developed by American MACROMEDIA company that integrates web production and website management. It is the first set of visual web page development tools specially developed for professional web designers. It can easily make dynamic web pages that cross platform restrictions and browser restrictions.
In addition, personal website producers also need to understand the W3C's HTML4.0 specification, the basic knowledge of CSS cascading style sheets, and the basic knowledge of javascript and VBScript. You should also have a proper understanding of some commonly used script programs, such as ASP, CGI, PHP, and be proficient in using graphics processing tools, animation production tools, and vector drawing tools. You should also be able to partially understand the basic usage of a variety of graphics and image animation tools. It is also necessary to be proficient in using FTP tools and have the corresponding software, hardware, and network knowledge.
Of course, the Internet is still a free database. Compiling web pages requires a variety of buttons, backgrounds, and various graphics and pictures. If these are all done by yourself, it will waste both time and money, and it also requires powerful graphics and image production technology. Therefore, in order to save these troubles, website producers can download all kinds of beautiful and practical pictures, buttons, backgrounds and other webpage materials from the Internet.
Step 5: Determine the website interface
1. Column and plate arrangement
Building a website is like writing a paper. You need to list an outline first, so that you can have a clear theme and level. For beginners of website construction, the most common mistake is to start production immediately after determining the theme, without reasonable planning. As a result, the website structure is unclear, the directory is jumbled, and the plate layout is chaotic. As a result, not only did the viewers get confused, but the producers themselves also had great difficulty in expanding and maintaining the website. Therefore, we must consider the arrangement of columns and plates before we start to make web pages.
After the theme of the website is determined, it is necessary to make a reasonable arrangement of the information collected. For example, put some of the most attractive content in the most prominent position or occupy a dominant position in the layout. The essence of a column is an outline index of a website, and the index should clearly show the main body of the website. When formulating columns, we should consider carefully and arrange reasonably. In column arrangement, attention should be paid to:
● Delete columns irrelevant to the theme as far as possible;
● List the most valuable content in the website on the column as far as possible;
● Arrange columns from the perspective of visitors as far as possible to facilitate visitors' browsing and inquiry; Auxiliary content, such as site introduction, copyright information and personal information, need not be placed in the main column to avoid diluting the theme.
In addition, the arrangement of plates should also be reasonably arranged and divided. The concept of plates is larger than that of columns. Each plate has its own columns. For example: ENET Silicon Valley Power's website is divided into news, products, games, colleges and other sections, and each section has its own main column below. Generally speaking, there is less content on personal websites, so it is enough to divide them into columns, and there is no need to set plates. If it is necessary to set plates, attention should be paid to:
● Each plate shall be relatively independent; ● Each plate shall be interrelated; ● The content of each module should focus on the site theme; 2. Directory structure and link structure
The directory of a website refers to the directory created when a website is created. For example, when creating a website with Frontpage, the root directory and Images subdirectory are created by default. The structure of the directory is an easily ignored problem. Most webmasters create subdirectories without planning. The quality of the directory structure does not give much impression to the visitors, but it has an important impact on the maintenance of the site itself, the expansion and migration of the content in the future. Therefore, the directory structure should also be carefully arranged, such as:
● Do not store all files in the root directory. Some website producers put all files in the root directory for convenience. This can easily lead to: disordered file management, confusion about which files need to be edited and updated, which useless files can be deleted, and which are associated files, affecting work efficiency; The upload speed is slow, and the server usually creates a file index for the root directory. If all files are placed in the root directory, the server needs to retrieve all files again even if only one file is uploaded and updated, and create new index files. It is obvious that the larger the number of files, the longer the waiting time will be. ● Create sub directories according to column contents. To create a subdirectory, first create it according to the main column. There are many content of friendship connection, and independent subdirectories can be established for those that need to be updated frequently. Some columns that are highly relevant and do not need to be updated frequently, such as website introduction and webmaster information, can be merged into a unified directory. All programs are generally stored in a specific directory. For example, CGI programs are stored in the cgi bin directory, and all downloaded content should also be stored in a directory for easy maintenance and management. ● Create an independent Images directory under each main directory. Generally speaking, there is a default Images directory in the root directory of a site. It is inconvenient to store all pictures in this directory. For example, when deleting a column, the management of pictures is quite troublesome. Therefore, it is convenient to establish an independent Images directory for each main column. The reason is simple. It is convenient for maintenance and management. Other things to note are: the level of the directory should not be too deep, not more than three levels; Do not use a Chinese directory, which may cause difficulties for the correct display of the website; Do not use too long directory names, which are not easy to remember; Try to use a meaningful directory to facilitate memory and management.
The link structure of a website refers to the topological structure of links between pages. It is based on the directory structure, but can span directories. Figuratively, every page is a fixed point, and a link is a line between two fixed points. A point can be connected to one point or multiple points. More importantly, these points are not distributed in a plane, but exist in a three-dimensional space. Generally, there are two basic ways to establish the link structure of a website:
● The tree link structure (one-to-one) is similar to the directory structure of DOS. The first page link points to the first level page, and the first level page link points to the second level page. When browsing such a link structure, the first level entry and the first level exit are relatively clear. Visitors clearly know where they are and will not "not know where they are", but the browsing efficiency is low. When a sub page under one column goes to a sub page under another column, they must go back to the home page. ● Star link structure (one to many), similar to the link of network server, each page has a link to each other. This is convenient for browsing, and you can reach your favorite page at any time. However, because there are too many links, it is easy to make the visitors lose their way, and they can't figure out where they are and how much they have seen. Therefore, in actual website design, these two structures are always mixed together. The website hopes that the visitors can reach the page they need quickly and easily, and can clearly know their location. Therefore, the best way is to use a star link structure between the first page and the first page, and a tree link structure between the first page and the second page. The design of link structure is very important in the actual web page production. What kind of link structure is used directly affects the layout of the layout.
3. Image design
The website design can start from the following points:
● Design website logo. LOGO refers to the logo of the website, which can be Chinese, English letters, symbols, patterns, etc. The design creativity of the logo should come from the name and content of the website. For example, the representative characters, animals and plants in the website can be used as the blueprint for design, and can be carded or artistic; A professional website can be marked with representative items of its own specialty. The most common and simplest way is to use the English name of your website as a logo. It is easy to make your own logo with different fonts, letter deformations, and letter combinations. ● Design website colors. The first impression of the website comes from the visual impact. Different color combinations have different effects and may affect the mood of visitors. "Standard color" refers to the color that can reflect the image of the website and extend the connotation, and is used for the logo, title, main menu and main color block of the website. It gives people a sense of unity. As for other colors, they can also be used, but they should only be used as embellishment and foil, and must not dominate. Generally speaking, the standard colors of a website are no more than 3, and too many are dazzling. The colors suitable for web page standard colors are: blue, yellow/orange, black/gray/white. ● Design website fonts. Like standard colors, standard fonts refer to unique fonts used for signs, titles, and main menus. The default font for general web pages is Song typeface. In order to reflect the "distinctive" and unique style of the site, you can choose some special fonts as needed. Producers can choose more appropriate fonts according to the connotation expressed on their websites. It should be noted that the use of non default fonts can only be in the form of pictures, because it is likely that there is no special font installed in the browser's computer, so hard design and production may be in vain. ● Design website slogan. It can also be said that the spirit, theme and center of the website, or the goal of the website, can be summarized in a sentence or a word. Summarize the website with powerful words or words and carry out external publicity, which can receive better results.
Step 6: Determine the website style "Style" is abstract, which refers to the comprehensive feeling of the overall image of the site to the visitors. This "overall image" includes CI (logo, color, font, slogan), layout, browsing method, interactivity, text, tone, content value and many other factors of the site. The website can be approachable, lively or professional. Whether it's color, technology, text, layout, or interaction mode, as long as you can make the viewer clearly distinguish that this is unique to your website, it forms the "style" of the website.
The style is human. Through the website's color, technology, text, layout, and interaction mode, the personality of a website can be summarized: it is rough and unconstrained, or fresh and beautiful; Is it gentle and elegant, or persistent and enthusiastic; Is it lively and changeable, or is it stereotypical.
In short, the difference between a styled website and an ordinary website is that what you see on an ordinary website is just information piled up together, and you can only describe it with rational feelings, such as the amount of information, the speed of browsing, etc; On a styled website, you can get more perceptual knowledge besides content, such as the site's taste, attitude to visitors, etc.
After making clear what impression you want to give, you should find out the most distinctive thing in the website, which is the thing that best reflects the style of the website. And take it as the characteristics of the website to focus on strengthening and publicity. In short, the formation of style is not a one-time positioning, you can constantly strengthen, adjust and improve in practice
Step 7: Creative content selection Good content selection requires good creativity. As a web design producer, the most troublesome thing is that there is no good content creativity. The most creative ideas on the Internet come from the combination of virtual and reality. The purpose of creativity is to better publicize and promote the website. If the creativity is good, but it is meaningless for the website development, then the website design producer should also give up this creativity. In addition, the home page content is the root of the website. If the content is empty, even if the page is no more beautiful, there will not be many users. Basically, website content still controls website traffic, Seo website optimization Content Is King is still the key to the success of personal websites.
