to make a website, the first thing that must be solved is the content of the website, that is, to determine the theme of the website. PC Magazine in the United States named ten themes of the top 1 famous websites in the United States in 1999: category 1: online job hunting; Category 2: online chat/instant messaging/ICQ; Category 3: online community/discussion/mailing list; Category 4: computer technology; Category 5: Web page/website development; Category 6: entertainment websites; Category 7: Travel; Category 8: reference/information; Category 9: family/education; Category 1: Life/Fashion. We can refer to the above classification and continue to subdivide. If you are interested in some aspects or have a lot of information, you can also make something you are interested in. On the one hand, you can have your own opinions and make your own characteristics; Both of them will not feel bored or overwhelmed when making websites. Interest is the driving force for making websites. Without creative enthusiasm, it is difficult to design and produce excellent works.
the choice of content theme should be small and precise, the theme positioning should be small and the content should be precise. Don't try to make an all-inclusive website, which will often lose the characteristics of the website and bring high-intensity labor, making it difficult to update the website in time. Remember: there is only the first on the internet, and there is no second!
point 2: choose a good domain name
a domain name is the name of a website on the internet. A pure information service website without product promotion, all the value of its construction is condensed on its website domain name. Without this domain name, all the preliminary work will be lost.
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. In fact, this is very unfavorable for the promotion and development of personal websites, not only because the window it opens at the right time hinders the viewers' sight and goodwill, but also makes people know that it is a personal website at a glance, and it also hinders the transmission speed of web pages. Therefore, 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 is necessary to make the domain name vivid, simple and easy to remember.
point 3: master networking tools
the development of network technology has driven the development of software industry, so the tools and software used to make Web pages are becoming more and more abundant. From the most basic HTML editor to the very popular Flash interactive Web page making tool and various web page making tools, the following are several representative web page makers:
(1)HTML editor. Although the HTML code is complex and it takes a lot of time to edit and debug, it is still favored by senior web page producers because of 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, and professional HTML editors such as Hotdog are widely used.
(2) What you see is what you get, fckeditor. Microsoft Frontpage, as the representative, has the same operation interface as Word. Operators who are familiar with Word functions can easily compile web pages with a little training. Moreover, Frontpage can also parse the HTML source code of web pages and provide preview support. However, some special display functions of Frontpage cannot be realized in other non-IE browsers. Therefore, Frontpage is a tool software that is very suitable for beginners and intermediate web page makers.
(3) The Flash interactive web page making tool produced by Macromedia is very popular now. This is a very powerful interactive vector multimedia web page making tool. Can easily output a variety of animated web pages, it does not need particularly complicated operations, but also smaller than JAVA! But its animation effect, interactive effect and multimedia effect are excellent. But also can package Mp3 music, fill in forms, etc. 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.
in addition, personal website producers need to know the HTML4. specification of W3C, the basic knowledge of CSS cascading style sheets, javascript and VBScript. You should also have a proper understanding of some commonly used scripting programs such as ASP, CGI and PHP. You should also be proficient in using graphics processing tools, animation tools and vector drawing tools, and partially understand the basic usage of various graphics and image animation tools. It is also necessary to be proficient in using FTP tools and have corresponding software and hardware and network knowledge.
Of course, the Internet is still a free database. Making a web page requires a variety of buttons, backgrounds, and various graphics and pictures. If you want to do all this on your own, it will be a waste of time and money, and you also need powerful graphics and picture making technology. Therefore, in order to save these troubles, website producers can download all kinds of beautiful and practical pictures, buttons, backgrounds and other web materials from the Internet.
Essentials 4: Determine the interface of the website
Interface is the first impression that the website gives visitors, which often determines the visibility of the website. When determining the interface of the website, we should pay attention to the following three points:
① Layout of columns and sections
Building a website is like writing a paper. First of all, we must list the topics, so as to have a clear theme and a clear level. The most common mistake that beginners make in website construction is: start making immediately after determining the theme, without reasonable planning. As a result, the website structure is unclear, the catalogue is complicated and chaotic, and the layout of the plates is chaotic. As a result, not only the visitors are confused, but also it is quite difficult for the producers to expand and maintain the website themselves. Therefore, we must consider the arrangement of columns and plates before making web pages.
after the theme of the website is determined, it is necessary to make a reasonable arrangement of the collected information. For example, put some of the most attractive content in the most prominent position or dominate 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 making columns, we should carefully consider and arrange them reasonably. What should be paid attention to when arranging columns is:
● Delete those columns irrelevant to the theme as much as possible;
● List the most valuable content in the website on the column as much as possible;
● Arrange columns from the perspective of visitors as much as possible to facilitate visitors' browsing and inquiry; Auxiliary content, such as site introduction, copyright information, personal information, etc., need not be placed in the main column, so as not to dilute the theme.
in addition, the layout of the plates should be arranged and divided reasonably. The concept of plate is bigger than that of column, and each plate has its own column. For example, the site of ENET Silicon Valley Power (www.enet.com.cn) is divided into news, products, games, colleges and other sections, and each section has its own main column. Generally speaking, the content of personal site is less, as long as it is divided into two columns, there is no need to set up a section. If it is necessary to set up plates, it should be noted that:
● Each plate should be relatively independent;
● Each plate should be interrelated;
● The content of each section should focus on the theme of the site;
② directory structure and link structure
The directory of a website refers to the directory created when the website is established. For example, when building a website with Frontpage, the root directory and the Images subdirectory are established by default. The structure of the directory is an easily overlooked problem. Most webmasters create subdirectories at will without planning. The quality of the directory structure does not have much feeling for visitors, but it has an important influence on the maintenance of the site itself and the expansion and transplantation of the content in the future. Therefore, when establishing the directory structure, we should also make careful arrangements, such as:
● Don't store all files in the root directory. Some website makers put all files in the root directory for convenience. This will easily lead to: confusion in file management, confusion about which files need to be edited and updated, which useless files can be deleted and which are related files, which will affect work efficiency; When the upload speed is slow, the server will generally establish a file index for the root directory. If all files are placed in the root directory, even if only one file is uploaded and updated, the server needs to search all files again and establish a new index file. Obviously, the larger the file volume, the longer the waiting time will be.
● Create subdirectories according to column contents. The establishment of subdirectories, first according to the main column. There are many friendly links, and independent subdirectories can be established if they need to be updated frequently. And some columns that are highly relevant and don't need to be updated frequently, such as website introduction and webmaster information, can be combined in a unified directory. All programs are generally stored in a specific directory, for example, CGI programs are placed in the cgi-bin directory, and it is best to put all downloaded content in one directory for easy maintenance and management.
● establish an independent Images directory under each home directory. Generally speaking, there is a default Images directory under the root directory of a site. It is inconvenient to store all the pictures in this directory, for example, when the columns are deleted, the management of the pictures is quite troublesome. Therefore, it is convenient to establish an independent Images directory for each main column. The reason is simple, that is, convenient maintenance and management.
other things to note are: the level of the directory should not be too deep, not more than 3 levels; Don't use Chinese directories, which may make it difficult to display the website correctly; Don't use too long directory, too long directory name is not easy to remember; Try to use a meaningful catalogue for easy memory and management.
The link structure of a website refers to the topological structure in which pages are linked to each other. It is based on the directory structure, but it can span directories. Figuratively speaking, each page is a fixed point, and a link is a connection between two fixed points. A point can be connected with one point or with multiple points. More importantly, these points are not distributed on a plane, but exist in a three-dimensional space. Generally speaking, there are two basic ways to establish the link structure of a website:
● Tree link structure (one-to-one), which is similar to the directory structure of DOS, with the first page link pointing to the first-level page and the first-level page link pointing to the second-level page. When browsing this link structure, the first level enters and the first level exits, which is clear. Visitors clearly know where they are and will not "don't know where they are", but the browsing efficiency is low. The subpage under one column must go back to the home page.
● star link structure (one-to-many), which is similar to the link of network server, and each page has links with each other. It is more convenient to browse, and you can reach your favorite page at any time. However, because there are too many links, it is easy for visitors to get lost and not know where they are and how much they have read.
Therefore, in the actual website design, these two structures are always mixed. The website hopes that visitors can not only reach the page they need conveniently and quickly, but also know their position clearly. Therefore, the best way is to use a star-shaped link structure between the home page and the first-level page, and a tree-shaped link structure between the first-level and second-level pages. The design of link structure is a very important part in the actual web page making, and what kind of link structure is adopted directly affects the layout of the page.
③ Image design
Website design can start from the following points:
● Design website LOGO. LOGO refers to the logo of the website, which can be Chinese and English letters, symbols, patterns and so on. The design creativity of the logo should come from the name and content of the website. For example, the representative figures, animals and plants in the website can be used as blueprints for design, and they can be cartoonized or artistic; Professional websites can be marked by representative items of this major. The most common and simplest way is to use the English name of your website as a logo, and you can easily make your own logo by using different fonts, letter variants and letter combinations.
● design website colors. The first impression of the website comes from 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 and extended connotation of the website, and should be used in the logo, title, main menu and main color block of the website. Give people a sense of unity as a whole. As for other colors, they can also be used, but they should only be used as embellishment and foil, and they must not usurp the host's role. Generally speaking, there are no more than three standard colors for a website, and too many are dazzling. The colors suitable for the standard colors of web pages are: blue, yellow/orange, black/gray/white.
● Design website fonts. Like standard colors, standard fonts refer to unique fonts used for logos, titles and main menus. The default font of general web pages is Song Ti. In order to reflect the "unique" and unique style of the site, you can choose some special fonts according to your needs. Producers can choose more appropriate fonts according to the connotation expressed in their websites. It should be noted that the use of non-default fonts can only be in the form of pictures, because it is very likely that there is no special font installed in the browser's computer, so the hard design and production may be wasted.
● Design website slogans. It can also be said that it is the spirit, theme and center of the website, or the goal of the website, which can be highly summarized in one sentence or word. You can get better results by summarizing the website with powerful words and expressions and publicizing it to the outside world.
point five: determine the 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, tone, content value and many other factors. The website can be approachable, lively and professional. Whether it is color, technology, text, layout, or interactive mode, as long as you can let visitors clearly distinguish that this is unique to your website, this will form the "style" of the website.
the style is human, and the personality of a website can be summarized through the color, technology, text, layout and interaction of the website: whether it is rough and bold or fresh and beautiful; Is it gentle and elegant, or persistent and enthusiastic; Is it lively and changeable, or is it a rut?
In a word, the difference between a website with style and an ordinary website is that what you see on an ordinary website is only information piled up together, and you can only describe it with rational feelings, such as the amount of information and the speed of browsing. On a website with style, you can get more perceptual knowledge besides the content, such as the taste of the site and the attitude towards the visitors.
after making clear what kind of impression you want to give people, you should find out the most distinctive thing in the website, that 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 promoting. In short, the formation of style is not a positioning, you can