How to build a website?

With the continuous development of network technology, network applications have penetrated into every corner of human society. As the support point of the network world, the website is the focus of people's attention: the government uses the website to publicize its own policy agenda and is increasingly becoming a through train to communicate with the people; Enterprises use websites to promote their own image and tap unlimited business opportunities; Individuals use websites to show their personalities and build a bridge to communicate with each other. More and more people want to own their own websites and open up a world in the online world. How to design an excellent website? People have discussed a lot about this issue, and there are many things that can be discussed. In addition, with the rapid development of network technology, it is difficult to put forward an absolutely authoritative and correct design idea. The author is incompetent and follows his own design style.

The following basic design ideas will be summarized:

First, determine the theme and name of the website.

The theme of the website is also the theme of the website, and it is also the first problem encountered in website design. The theme of the website is strange and dazzling. As long as you can think of it, you can make it. The following are the top ten themes of 100 famous websites in the United States in 1999, which were selected by PC Magazine:

Category 1: online job hunting

Category II: Online Chat/Instant Messaging /ICQ

Category 3: Online communities/discussions/mailing lists

Category 4: Computer Technology

Category 5: Web page/website development

Category VI: Entertainment websites

Category 7: Travel

Category 8: Reference/Information

Category 9: Family/Education

Category 10: Life/Fashion

Each category can be further subdivided, such as entertainment, sports/movies/music, and music can be divided into MP3, VQF, Ra and so on. According to the forms of expression, it can be divided into classical, modern and rock. At the same time, the connection and cross-combination of various themes can produce new themes, such as travel forum (tourism+discussion) and classic goal (football+film and television), which can be divided into thousands of themes. So many topics, how to choose? The principles to be followed are as follows:

1, the theme should be small and precise.

The positioning should be small and the content should be refined. If you want to make an all-inclusive website and put all the wonderful things on it, it will often backfire, giving the impression that there is no theme, no features and everything, but everything is superficial, because you can't have so much energy to maintain it. The biggest feature of the website is new and fast. At present, the most popular personal homepage is updated every day or even every few hours. The latest survey results also show that "theme stations" on the Internet are more popular than "all stations", just like specialty stores and department stores. If I need to buy something, I will definitely choose a special store.

2. The theme should be what you are good at or like.

For example, if you are good at programming, you can set up a website for programming enthusiasts; Interested in football, you can report the latest war situation, star dynamics and so on. In this way, you won't feel bored or at a loss when making. Interest is the driving force for making websites. Without enthusiasm, it is difficult to design and make excellent websites.

3. Don't overdo it or aim too high.

"Too much" refers to the theme that can be seen everywhere and everyone has; Such as software download and free information. "aim high" means that there are excellent and well-known websites on this topic, and it is difficult for you to surpass them.

If the theme has been decided, you can name the website around it. Website name is also a part of website design and a key element. You see, "computer study room" and "computer house" are obviously the latter simple; "Midi Paradise" and "Midi Paradise" are obviously the latter. Children's World and China Kindergarten are obviously the latter. We all know that the Chinese name of PIII is "Pentium". If you change to "running", it may not be so "hot" today. As in real life, whether the website name is honest, loud and easy to remember has a great influence on the image and promotion of the website. My suggestion is:

1, the name should be correct.

In fact, it is to be legal, reasonable and affectionate. You can't use nouns and sentences that are reactionary, pornographic, superstitious and threaten social security.

2, the name should be easy to remember.

It is best to use Chinese names, not English or mixed Chinese and English names. In addition, the number of words in the website name should be controlled within six words (preferably four words), and idioms can also use four words. Another advantage is that the number of words is small, which is suitable for link typesetting of other websites.

3. The name should be distinctive.

The name is acceptable if it is plain. If it can reflect certain connotation and give tourists more visual impact and spatial imagination, it is the top grade. For example: music avant-garde, web pottery bar, e-book time and space, etc. While reflecting the theme of the website, you can point out the characteristics.

Second, locate the CI image of the website.

The so-called CI(corporate identity) is to unify corporate image through vision. An excellent website, just like an entity company, needs overall image packaging and design. Accurate and creative CI design will get twice the result with half the effort for website promotion. The specific approach is:

1. Design the logo of the website.

Just like a trademark, a logo is a concentrated expression of the characteristics and connotation of your website. Seeing a sign will remind everyone of your website. The logo design concept comes from the name and content of your website:

(1) The representative figures, animals and flowers on the website can be used as design blueprints, such as Mickey Mouse of Disney and cartoon fox of Sohu.

(2) If the website is professional, it can be marked with representative projects of this major. For example, China Bank's copper logo, Mercedes-Benz's steering wheel logo and so on.

(3) The most common and simplest way is to use the English name of your own website as a logo. By using different fonts, letter variants and letter combinations, it is easy to make your own logo.

2. Design the standard color of the website.

The first impression of the website comes from visual impact, so it is very important to determine the standard color of the website. Different color combinations have different effects, which may affect the mood of tourists. Take a practical example to understand: IBM's dark blue, KFC's red stripes, and the red, blue, yellow and green blocks on the windows window logo all make us feel very suitable and harmonious. "Standard color" refers to the color that can reflect the image of the website and extend its connotation. Generally speaking, there are no more than three standard colors for a website. Too many colors will make people see things in a blur. The logo, title, main menu and main color block of the website should use standard colors. Give people a sense of unity as a whole. As for other colors, they can also be used, just as embellishment and foil, and can't usurp the host's role. The colors suitable for the standard colors of web pages are: blue, yellow/orange, black/gray/white, and attention should be paid to the reasonable collocation of colors.

3. Design the standard font of the website.

Like standard colors, standard fonts refer to unique fonts used for logos, titles and main menus. Generally, the default font of our webpage is Song Ti. In order to reflect the uniqueness and unique style of the website, we can choose some special fonts according to our own needs. For example, in order to show professionalism, we can use rough imitation Song style, exquisite design, advertising style, kindness and randomness, handwriting and so on.

4. Design the slogan of the website

It can also be said that it is the spirit and the goal of the website. Summarize it in one sentence or even one word. Similar to the advertising golden sentence in real life. For example, the "delicious" of the magpie nest; Maxwell's "Good Things to Share with Good Friends"; Intel's "Give You a Pentium Heart" and so on.

Third, determine the columns of the website.

Building a website is like writing an article. You must draw up an outline first, so that the article can have a clear theme and level. If the website structure is unclear and the directory is complex, the content is one piece in the east and one piece in the west. As a result, not only visitors are confused, but also it is quite difficult to expand and maintain the website by themselves. After the theme of the website is determined, a lot of relevant information content is collected and sorted out, but how to organize the content to attract netizens to browse the website? The essence of a column is an outline index of a website, and the index should be online.

The main body of the station is clearly visible. General website column arrangement should pay attention to the following aspects:

1, stick to the topic.

Classify your topic in some way and make it the main column of the website. The number of special columns should be absolutely dominant in the total columns. Such a website is highly professional and has outstanding themes, which is easy to impress people.

2, the establishment of recent updates or website guide column

The purpose of setting the "Recent Updates" column is to take care of frequent customers and make your homepage more user-friendly. If the home page has a lot of content and many levels, and there is no search engine in the website, setting the "Site Guide" column can help first-time visitors find what they want quickly.

3. Set up a two-way communication column.

For example, forums, guest books, mailing lists, etc. Can let visitors leave their own information.

4. Set the download or FAQ bar.

The characteristic of network is information sharing. For example, set up a data download bar on your home page to facilitate visitors to download the required data. In addition, if the website often receives letters from netizens about some questions, it is best to set up a column to answer common questions, which is convenient for netizens and can save more time.

Fourth, determine the directory structure of the website.

The directory of the website refers to the directory created when you set up the website. For example, when building a website using frontpage98, the root directory and image subdirectories are created by default. The quality of the directory structure does not feel much to visitors, but it has an important impact on the uploading and maintenance of the website itself and the future expansion and transplantation of the content. Here are some suggestions for establishing a directory structure:

1. Don't store all files in the root directory, which will cause confusion in file management.

You often don't know which files need to be edited and updated, which useless files can be deleted and which are related files, which affects work efficiency. In addition, the upload speed is slow. The server usually creates a file index for the root directory. When you put all files in the root directory, even if you only upload and update one file, the server needs to search all files again and create a new index file. Obviously, the larger the number of files, the longer the waiting time. Therefore, reduce the number of files stored in the root directory as much as possible.

2. Establish subdirectories according to the column contents.

The establishment of subdirectories, first according to the main menu. For example, an enterprise website can establish a corresponding directory according to company profile, product introduction, price, online order, feedback contact information, etc. Other small columns, similar to what‘s new, have more friendly links. If you need to update them frequently, you can set up independent subdirectories. And some columns with strong correlation that don't need to be updated frequently, such as: about this site, about webmaster, website experience, etc. , can be combined in a unified directory. All programs are usually stored in a specific directory. For example, CGI programs are placed in the cgi-bin directory. It is also best to put all the contents that need to be downloaded in one directory.

3. Establish an independent image directory under each main column directory.

It is most convenient to establish an independent image directory for each main column. The images directory in the root directory is only used to place pictures of the home page and some secondary columns.

4. The level of the directory should not be too deep.

It is suggested that the level of the directory should not exceed level 3, which is convenient for maintenance and management.

5. Don't use Chinese catalogs.

6. Don't use long directories.

Verb (abbreviation for verb) determines the link structure of the website.

The link structure of a website refers to the topological structure of links between pages. It is based on directory structure, but it can cross directories. There are two basic ways to establish a website link structure:

1, tree link structure

Similar to the directory structure of DOS, the home page link points to the first-level page, and the first-level page link points to the second-level page. When browsing this link structure, one level enters and one level exits. The advantage is that the organization is clear, and tourists know exactly where they are and won't get lost. The disadvantage is that the browsing efficiency is low, and the sub-page under one column must bypass the home page to get to the sub-page under another column.

2. Star link structure

Similar to the links on a web server, there are links between each page. The advantage of this link structure is that it is easy to browse and you can visit your favorite pages at any time. The disadvantage is that there are too many links, and it is easy for visitors to get lost and find out where they are and how much they have read.

These two basic structures are just ideal ways. In the actual website design, they are always mixed to achieve the ideal effect. A better solution is to use a star link structure between the home page and the first-level page, and a tree link structure between the first-level and lower-level pages.

Sixth, design the overall style of the website.

Style is abstract, which refers to the comprehensive feeling that the overall image of the website gives visitors. This "overall image" includes CI(logo, color, font, slogan), layout, browsing mode, interactivity, text, color, content value, existence significance, website honor and many other factors. For example, we think Netease is approachable, Disney is lively and IBM is professional and serious. These are websites for people.

Leave a different feeling.

The unique style makes this website different from other websites. Or color, or technology, or interactive way, can make visitors clearly distinguish that this is unique to your website. For example, the black and white of New Century Network and the unique framework of Netease Wallpaper Station, even if you only see a page, you can tell which website it belongs to.

Style is human. Through the appearance, content, text and communication of a website, the personality and mood of a website can be summarized. It is gentle and elegant, persistent and enthusiastic, lively and changeable, and laissez-faire. Just like the "bold school" and "graceful school" in poetry, you can compare websites with people's personalities. How to build a website style? We can divide it into the following steps:

1. Make sure the style is based on valuable content.

A website with style but no content is like a pillow embroidered with a bag of grass, like an arrogant but illiterate person. You must first ensure the quality and value of the content, which is the most basic.

2. You need to thoroughly understand what impression you want the website to leave on people.

You can clear your mind from the following aspects:

A. If you only use one sentence to describe your website, it should be: ()

Reference answer: creative, professional, with (technical) strength, beauty and impact.

B. When you think of your website, the colors you can associate are: ()

Reference answer: passionate red, fantasy sky blue, smart golden yellow.

C when you think of your website, you can think of the following picture: ()

Reference answer: a morning paper, a Ferrari sports car, a crowded square and a grocery store.

D. If the website is a person, his personality is: ()

Reference answer: mature middle-aged, wild and unrestrained cowboy, confident and honest entrepreneur.

E. As a webmaster, you want to give the impression that: ()

Reference answer: dedication, earnest devotion, depth, responsibility, innocence, frankness and gentleness.

F. make an analogy with animals. What does your website look like most: ()

Reference answers: cat (mysterious and noble), eagle (keen-eyed), rabbit (smart and sensitive), lion (confident and authoritative)

G. What do visitors think distinguishes you from other websites? ()

Reference answer: reliable, fastest information and convenient communication,

H. The feeling of communication and cooperation between visitors and you is: ()

Reference answer: teachers and students, colleagues, friends, suitable for all ages.

You can fill in an answer yourself first, and then let other netizens fill it in. The results of the comparison will tell you: the gaps, weaknesses and areas that need improvement of your website.

3. After making clear the impression of your website, start to work hard to establish and strengthen this impression.

After the second step of "quantifying" the impression, you need to further find out what is the most distinctive feature, that is, what is the feature that best reflects the style of the website. And focus on strengthening and promoting it as a feature of the website. The following practices can be used for reference:

(1) Try to put your logo on every page. Or header, footer, background.

Highlight your standard color. Try to use the same color as the standard color for the link color of the text, the main color of the picture, the background color, the border and other colors.

(3) Highlight your standard font. Use uniform standard fonts in main titles, menus and pictures.

(4) Think of a catchy slogan. Put it in your banner, or put it in an eye-catching position, and tell everyone the characteristics of your website. ...

(5) Use a unified tone and person. Even if it is maintained by more than one person, readers should feel that it was written by the same person.

(6) Use unified picture processing effect. For example, the direction, thickness and ambiguity of the shadow effect must be the same.

(7) Create symbols or icons unique to the website.

(8) Use lace, lines and dots designed by yourself.

(9) Show the honor and successful works of your website.

(10) Tell your true stories and thoughts to netizens. The formation of style is not fixed at one time. You can constantly strengthen, adjust and modify it in practice.

Seven. Summary:

Website design is full of infinite charm, and one article alone cannot exhaust the mystery. This design idea may not be completely suitable for every designer, nor for the actual situation of various designs, so it should be a good idea. Different people have different opinions. I hope more excellent websites come from you and me. Please criticize and correct the mistakes in the article.

Eight. philology

1, skills and examples of making network titles-Lu Tsinghua University Publishing House

2.FrontPage 2000 from entry to mastery-Translated by Cheng Dong and others-Electronic Industry Press

3. Website usability design

4. The golden combination of website architecture and artists-Tianlan Studio-People's Posts and Telecommunications Publishing House

5. Webpage Design and Website Development-Full Practice of HTML Webpage Making and Website Development-Wu-Aviation Industry Press

6. Advertising production-Fan Zhiyu-People's Posts and Telecommunications Publishing House

References:

/c/ 178 1.html