Determine the site's directory structure and link structure
The last story says: We must consider the following three aspects before making the webpage:
1. Determine the column and section;
2. Determine the site's directory structure and link structure
3. Determine the overall style of the website
Today we continue to discuss "Determine the directory structure and link structure of the website."
I. Directory structure of the website
The directory of the website refers to the directory created when you build a website. For example, the root directory and Images subdirectory are created by default when establishing a website with FrontPage98. The structure of the catalog is an easy to ignore the problem, most webmasters are unplanned, freely create subdirectory. The directory structure is good, there is nothing to feel on the viewer, but for the upload maintenance of the site itself, the future expansion and transplant have an important impact. Below is some suggestions for establishing a directory structure:
● Do not store all files under the root directory.
Some netizens put all the documents in the root directory for convenience. The adverse effect caused by this is:
1. File management confusion. You often can't figure out which files need to be edited and updated, which useless files can be deleted, which are associated files, affecting work efficiency.
2. The upload speed is slow. Server generally creates a file index for the root directory. When you put all the files in the root directory, then even if you only upload a file, the server also needs to retrieve all the files again and create a new index file. Obviously, the greater the amount of the file, the longer the waiting time will be. So, give you the recommendation: minimize the number of files stored in the root directory.
● Create a subdirectory by column content.
The establishment of the subdirectory is first established according to the main menu. For example: webpage tutorial sites can establish corresponding catalogs, like flash, dhtml, javascript, etc.
Other secondary columns, similar to's new, friendship connection, requires a separate subdirectory that can be updated frequently. Some relevance is strong, there is no need to update the column, for example: About this site, about webmaster, site experience, etc. can be merged in a unified directory.
All procedures are generally stored in a specific directory. For example: The CGI program is placed in the CGI-bin directory. Easier maintenance management. All the content you need to download is also best placed in a directory.
● Establish an independent images directory in each home directory.
By default, there is an images directory in a site root directory. When you first start learning the home page, Alie habits are stored all images in this directory. But later discovered that it is quite troublesome when I need to pack a master bar for download, or to delete a column. After practical discovery: Establishing a separate images directory for each primary column is most convenient to manage. The image of the root directory is just a picture that is used to put the home and some subsis columns.
● Don't be too deep at the level of the directory.
The level of the catalog is recommended not to exceed 3 floors. The reason is very simple, and it is convenient for maintenance management.
Others need to pay attention to:
1. Do not use Chinese catalogs; networks are unordance, using Chinese directory may have difficulty in displaying the correct display of the URL.
2. Do not use too long directories; although the server supports long file names, too long's directory is inconvenient.
3. Try to use a clear directory; in the above example, you can use Flash, DHTML, JavaScript to create a directory, or build a directory with 1, 2, 3, but which one is more clear, more convenient for memory and management? Obviously the former!
With the continuous development of web technology, the use of databases or other background procedures automatically generates web pages increasingly common, and the directory structure of the website will have to fly to a new structure. Second. The link structure of the website
The link structure of the website is a topological structure that is linked between the page. It is based on the directory structure, but can cross the directory. The image said: Each page is a fixed point, and the link is a connection between two fixed points. One point can be connected to a point or multiple points. More importantly, these points are not distributed on a plane, but existing in a stereoscopic space.
● The purpose of our research site link structure is: Use the least link to make browsing the most efficient.
In general, there are two basic ways to establish a link structure:
1. Tree link structure (one-to-one). A directory structure similar to DOS, the home page pointing to the first level page, the first-level page link points to the secondary page. The three-dimensional structure looks like dandelions. When such a link structure browsses, the primary level is entered, and the first level exits. The advantage is clear, visitors clearly know where they are, will not "fans". The disadvantage is that the browsing efficiency is low, the sub-page under one column to the sub-page under another column must be wrapped in the home page.
2. Star-shaped link structure (a pair). Links to web servers, each page is connected to each other. Steel ball on the oriental Pearl TV tower. The advantage of this link structure is to browse, and you can reach your favorite pages. The disadvantage is that there are too many links, it is easy to make the viewer lost, can't understand what is your location, how much content is seen.
Both basic structures are only ideal, in the actual website design, the two structures are always mixed. We hope that the viewer can easily quickly reach the page you need, and you can clearly know your location. Therefore, the best way is:
● Tree link structure between the top page and the first-level page, with a tree link structure between the 1st and secondary pages.
for example. The page structure of a news site is as follows:
-------------------------------------------------- -
First class page secondary page
Financial News page - [Financial News 1, Financial News 2 ...]
/ |
Home - Entertainment News Page - [Entertainment News 1, Entertainment News 2 ...]
/ |
IT news page - [IT news 1, IT news 2 ...]
-------------------------------------------------- -
Among them, the home page, the financial news page, the entertainment news page, the IT news page is a star-shaped link, which can be clicked with each other and arrive directly. The financial news page and its sub-page are a tree-shaped connection. After browsing the Financial News 1, you must return to the financial news page to view IT news 2. Therefore, there is a site to open the secondary page directly with the new window (POP UP UP UP UP UP UP UP Up Windows).
Note: We are all exemplified by the above three-level page. If your site content is huge, classified details, you need more than three levels, then you recommend that you display the navigation bar in the page, which can help the viewer clarify the location of yourself. That is, you often see the top of many websites, like this: "Your present position is: Home-> Financial News -> Stock Market Information -> Shenzhen Stock &> Deep Development
Regarding the design of the link structure, it is very important in the actual web creation. What kind of link structure is used directly affect the layout of the layout. For example, where your main menu is placed, if each page needs to be placed, you need to use a separate framework, whether you need to add a link to the home page. After the connection structure is determined, then the effect and form of the link begins, is it using a drop-down sheet or a DHTML dynamic menu, and the like. With the promotion of e-commerce, the increasing intense website competition, the requirements for link structural design are not limited to convenient and fast browsing, pay more attention to personalization and correlation. For example, in a love baby theme website, on the 8-month baby's nutritional problem page, you need to join 8 months of health problems link, intellectual training link, or links related to milk powder promotion, a book, a toy the link to. Because parents are not likely to find information about 8 months baby, they may leave the website after finding the problem. How to retain visitors as much as possible, is a problem that the website designer must consider in the future.
Telling here, Abie suddenly felt that he was very powerful, it would summoned such a big set of theory :) What, skin thick? Maybe, so many masters have not been speaking! I have a comment, please let it be ajie@soim.com
Next time we continue to discuss "Determining the Whole Style Creative Design of Website".
