The common steps and methods of creating interactive Web site systems

Create

Now we want to do a Web site, only the static page design of the situation is very small, or is designed like ebay, Taobao, such as the web shop page, or blog page. To create a complete website, everyone will apply a set of ASP, PHP Web site system, and then on the basis of the System design site page. So today's web page design style is completely different from the previous. At present, the application of a more extensive free web site system programs include the Dynamic Web site management System (http://www.asp163.net), dynamic Network News System (http://www.aspsky.net), web forum to move the network forum most popular. These systems need to be available for free download on the official website. The installation of a set of ASP script to write the Web site program, users need to upload files to support the FTP space on the ASP will be able to enter the Web site design, design the site's columns, structure, add site content and other operations.

Below we take the news as an example, to you briefly introduce the Web site system to create interactive site of the general steps and methods. Hope you can extrapolate, analogy apply to the actual.

　　First, the website system downloads and installs

We first download the Web news website program, after the installation is completed, the entire site related documents as shown in Figure 1.

Figure 1

These files only need to upload to a directory of FTP space, and then according to the website system's instructions to put some files to the root directory of FTP space, you can enter the Web site in the browser URL address, into the management space control site background program. As shown in Figure 2, we can manage the Web site daemon through a browser.

Figure 2

Now almost all of the free web site program structure and the system described above, just a different function design, because we are accustomed to using such a Web site management system, so later programmers are also in accordance with this model to write a variety of Web site management procedures, such as some E-commerce Web site system, the structure is similar.

In a mature Web site management system based on the design of the site page, we first need to the site system function and structure is very familiar with the line. In the hands of the system to master the function, to be able to design the site page. So the order of the site is not to be reversed, otherwise the design of the page after the discovery of some functions is not the system can not be implemented, and then the change will be very troublesome.

　　Second, modify the database file name

Get the above set of procedures, because it is free, so even if you do not understand the ASP programming friends to look at the site's instructions, modify the site's database file name. If you directly use the database file name and address are free program to provide the default value, such a site is too unsafe, many people can directly enter the Web site + database file address to the database to tamper with the site database files. For example, the network news database file is in the "DB" directory, you must change the file name in this directory to their own, and then modify the Web site to call the database Cofig file, dynamic Network news cofig file root directory under the "Web.config" file, with Notepad to open it, You can see the address pointed to by the system call database (Figure 3), the database file after "db/..." should be changed by the user, the general Web site instructions to the database name of the modification has a detailed introduction.

Figure 3

　　Third, familiar with the website system label

After you have installed the website program and the database, below to see the Web site program to use the label (or call function), such as the system in the column added a new column, these content to be reflected on the home page, but also to ensure that the new column or delete columns after the format of the page is not chaotic, Then you have to see how the Web Site system tags are designed. The label application of the Dynamic Web news is clearly written in the system specification (Fig. 4).

Figure 4

For example, to display the most recently added articles on the home page, then the location of the latest news in the pages designed on the homepage, add "toplistsummary " (Int32 cids,? Int32 Topnum, bool showhits)"This section of the label, where the parameters in parentheses are set according to your needs, control whether the number of times the article clicked is showhits, if this parameter in parentheses indicates the number of clicks to display the article. Each parameter in parentheses is in its own order, and if the order is wrong, the set content may not be reflected on the page. Each website system has its own unique label format, we choose to use which site system before you need to understand the application of the label, to see whether the function is strong, whether the label design is reasonable, whether it can meet their needs. For example, after the news article you want to follow a picture, but the parameters of the label does not design whether to display the format of the picture, then the system limits can not achieve this function, then you will reconsider the layout of the page design.

　　Iv. understand the template and style management function of the website system

The next step is to see how the Web page should be used to make the system. Basically all the website program is the page template and website style (CSS) separate to design, such as moving network news, after entering the Web site background program in the "System Management" (Figure 5) can see the "Style management" and "Template Management" options. General free System programs with a complete set of page templates and style, just say if we all use this with the template then each choice of this system of the site are the same appearance, no difference, I believe that everyone is not willing to their own site is the same as others, so you have to design the page to do. Now have a lot of friends are keen to establish an E-commerce site, some Web site production companies to provide a complete set of E-commerce site prices can be as low as 500 yuan/sets, such things are cheap, but the application is not strong and the page does not feature, in fact, the actual use is not very small, so to save Everyone can only master the Web design technology themselves to do.

Figure 5

In the website background system to add a template is very simple, we only need to use Dreamwaver design HTML or ASP pages, in the template management to add a new template, and the template summed up to the homepage, column page or article page, the code directly copied to the system template (Figure 6), Then design this template for the current state of use, so that the site front desk in the corresponding location can see the effect.

Figure 6

Tip: If you want to invoke content added to the Web site background in the page template, the source code must contain the various labels that you need to apply.

Website text color, background color, some pictures and other effects are designed through the Web style CSS, all the styles applied to the site are stored in a CSS file, and then copied to the website background style management and application (Figure 7), the front page can use the CSS style of their own design. However, the author believes that the creation of their own CSS style is the entire Web Site System page design is more complex, general Web site instructions are also detailed introduction of CSS design methods, but in the actual application is still very troublesome. Regarding the website template and the CSS production specific question and the actual operation small skill, we will introduce in the later article slowly.

Figure 7

In general, the choice of a set of Web site programs to design a site page to meet the problem is the above several aspects, the function of each system and the use of different methods, so also need to be specific according to individual circumstances, now most of the site system needs to deal with the above several problems, So if you also want to make a website that includes a free web site daemon, this article will give you a clearer idea of the basic features of these free programs and where you have to modify them.