Website Structure Design Planning book

Source: Internet
Author: User


Yesterday, a mm looking for me, let me help her to see her website. Take a look, Khan. Really is a novice, all the things are put together, there is no classification, imagine themselves before, and add this sister or our fellow, no way, modify it.
With DW set up a site, and then test everything normal, uploaded to the server, just remembered, the road should be relatively, and try not to appear. /", otherwise the site will have a problem. Tell her not necessarily understand, so, find out their previous "website planning book" to explain the problem. Hey.


construction of the framework of the standard book--file naming <?xml:namespace prefix = o ns = "Urn:schemas-microsoft-com:office:office"/>

1 Most documents are named in English, striving to achieve the most understandable meaning with the fewest letters;

2 The name of the English word in the menu name is the filename of the center word. Such as:

About Us/aboutus Feedback/feedback Products/product

3 words to lower case, the file name between the letters can be used to connect the underline, such as: Website logo icon logo. Gif

4 mouse sensor picture named "Picture name" + "_" + "On/off". Such as:

The mouse slides over the picture mouse_over_on.gif the mouse to slide out the picture mouse_out_off.gif

5 The first page of each plate is index.htm (. asp), Default.htm (. asp), main.htm (. asp);

6 the same function multiple file naming with file name + digital distinction;

7 Picture naming rules:

7.1 Divided into two parts, with the underline separated;

7.2 The head indicates the nature of the file, such as: top ads, decorative pictures, such as rectangular picture named banner, logo pictures for the logo, in the page position is not fixed and with the connection of small pictures for button, with the connection appears and the same nature of the connection column picture menu, decorative picture pic Titles Title title:

7.3 The tail indicates the meaning of the picture. Such as:

Banner_sohu.gif Sohu Advertising

Banner_sina.gif Sina Advertising

Menu_aboutus.gif about our Menu pictures

Menu_jog.gif Work Menu Picture

Titile_news.gif News title Picture

8 first page size. The page standard is produced according to 800*600 resolution, and the actual size is designed according to 780*430px;

9 page length in principle no more than 3 screen, width not more than 1 screen;

10 Full size banner is 468*60px, half dimension banner is 234*60px, small size banner is 88*31px;

11 Each non-page static page contains picture bytes not exceeding 60K, full size banner not exceeding 14K;

 

 

Construction of the framework of the standard book--directory level

1 News Catalog messages create a separate page and place the news in the appropriate directory at one end of the day;

2 in the latest updated information side of a bright small icon, play a reminder eye-catching effect;

The file hierarchy below the 3 root directory is as follows:
Images Public Image Library;

Common background file distribution center;

Style CSS folder;
Script JS scripting folder;
Include the functional function folders developed by each member independently;
Temp temporary folder, which is used to store all kinds of raw materials provided by customers, and can be constructed in this directory to be named in chronological order;
Media Storage Web page files on the multimedia files, such as: Flash,avi,quicktime;
News based on the contents of the page to divide the corresponding sections, each section can also use the home page naming rules
The final form of the file directory structure is as follows:

<?xml:namespace prefix = v ns = "urn:schemas-microsoft-com:vml"/>

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.