Professional personalization Website production Tips for
Horizontal centering method of website production elements
You can create a div that serves as a container for these elements that need to be centered. One thing you need to pay special attention to is that you must specify the width of the container: the preferred way to make the elements horizontally centered in CSS is to use the margin attribute - set the margin left and margin right attributes of the elements to auto. In actual use.
div#contain{
margin-left:auto;
margin-right:auto;
width:168px;
}
This method is very effective in most mainstream browsers. Even IE6 on the Windows platform can be displayed normally in the compliance mode. Unfortunately, this setting cannot achieve the centering effect in lower versions of IE. Therefore, if you want to use this method in actual projects, you must ensure that the user's IE browser version is not less than 6.0
But most designers recommend using this method as much as possible. This method is also considered to be the most correct and reasonable one among various methods of using CS to produce website WEB graphic optimization S to achieve horizontal centering of elements. Although the support is not satisfactory.
2. Use text align to achieve centering
Set the attribute value to center and apply it to the bodi element. This is a hack out and out, but it is compatible with most browsers. Another way to center elements is to use the text align attribute. So in some cases, it is also necessary.
Instead, it applies to the element as a container. This also brings me extra work. After creating the div necessary for layout, it is said to hack because this method does not apply text attributes to text. To apply the text align attribute to bodi, follow the following code:
body{
text-align:center;
}
Will there be any problems later? All descendant elements of bodi will be displayed in the center.
You need to write another ranking optimization rule for keywords in the website, so. Return the text to the default left alignment:
p{
text-align:left;
}
A browser that truly complies with the specification will not change the location of the container. It is conceivable that this additional rule will bring some inconvenience. In addition. Only the text in it will be displayed in the center.
3. Combine automatic outer margin and text alignment
And the automatic margin method is also supported by most contemporary browsers, because the text alignment and centering method has good downward compatibility. So many designers combine the two to maximize cross browser support for the centering effect:
bodi{
text-align:center;
}
#contain{
margin-left:auto;
margin-right:auto;
border:1pxsolidred;
width:168px;
text-align:left
}
But at least it looks good in all browsers. But this is always a hack, which is not perfect in any case. You still need to write additional rules for the text in the centered container.
Horizontal centering method of website production elements
Basic principles for rational planning and design of websites
The navigation system should not use flash or js and other methods that are conducive to search engine crawling
Although these methods have great visual effects, many websites use flash pictures to design navigation menus in order to pursue effects. But for website optimization, the navigation system is an effective channel to help search engine spiders crawl the entire website page smoothly. If obstacles are set in this place, it will directly affect the website optimization.
Design of website map
Assists the search engine to crawl smoothly to the main page of the website, and the website map can help users of the overall website design and page design quickly understand the website content. If it is a small and medium-sized website, it is recommended that you can read all the content page links on the website map, so that every time you update an article, the search engine spider can quickly crawl to greatly increase the collection of website pages. If it is a large-scale website, you should also read the content pages of important columns.
Website construction effectively improves website usability
The link structure of the website should try to ensure that the number of hits from all pages to the home page is within four
The closer the content page is to the home page, for a website. The more conducive it is to the inclusion of pages, so the website should be flattened and the directory hierarchy should be reduced as much as possible in the link structure of the website. For small websites, the basic principles page of content enterprise website design can be directly generated under the root directory of the website, while for large websites with more content, columns need to be divided by hierarchy, It is also necessary to ensure that there are enough sections on the home page to read in the information of key content pages, which can be reached by one click.
We often see such websites: assume that an enterprise has 100 products, and conduct professional surveys of various types of websites. On each page of the product catalog page, the 1-10 products are arranged, and then the user needs to click "next page" level by level to view other products, which is very troublesome. A slightly better website design might be to list the links of each page. Users can directly enter the Nth page through the first product catalog page. From the perspective of users, the problem is very big for ordinary users. Unless they especially need to know each product information one by one from these 100 products (10 web pages), they can hardly be patient to check one by one.
In fact, there is nothing special about the reasonable column structure of the website. It is nothing more than to be able to correctly express the basic content of the website and the hierarchical relationship between its contents, from the perspective of users, so that users can easily obtain information when browsing the website without getting lost. It is not difficult to do this. The key is to have a full understanding of the importance of the website structure.
Basic principles for rational planning and design of websites
Methods of designing unique websites
What ordinary people don't have will make people pay attention to the uniqueness of that person. A person has his own unique style. If the person's style is positive, it will even attract others' admiration and attention, or appreciation. Just like a website, having a style that other websites do not have will make visitors willing to stay more time to savor the content of the site, and even the site will get encouragement and attention from many people. Roughly speaking, the website style can be discussed from the following directions, and each item is relevant
1. Color system: the background color of the web page, text font, color system and color of the picture, etc.
2. Typography: application of tables and frames, text indentation, paragraphs, etc.
For example: full screen window, special effect window, etc. 3. Window: window effect.
For example: ASP PHP. XML. CGI, etc. 4. Sequence: web page interaction sequence.
For example: ranking optimization of keywords in Fl website ash Javascript. Javaapplet. DHTML, etc. 5. Special effects: various applications that make web pages look lively.
6. Architecture: directory planning, easy to understand hierarchy, menu application, etc.
7. Content: website theme, overall practicability, document relevance, content relevance, whether there are unnecessary files, etc.
8. Trend: for the future planning of the website, the overall content trend of the website, etc.
9. Web design tools
Commonly used web design tools are frontpagDreamweavePhoto. There are many small and compact versions of software in Changchun's low price shop. There are many kinds of web design tools on the market. Although there are many software, I need to find a suitable software for myself, be proficient in and explore the functions of the software, and be excellent.
10. Animation production in web design
Css style. Generally, flash gif images will be used for animations in web pages. Js and web page special effects are shown in the form of animation effect making the overall effect of the web page more harmonious and flexible. However, it is not good for website optimization. At present, search engines cannot read pictures and information in flash js, so these are unfavorable factors for search engines.
11. Web page size
The size of web pages is generally in the range of 800 * 600, initially due to the size of the computer screen. At present, with the expansion of the screen resolution, the size of the web page has begun to be adjusted to 1000 * 900 in order to allow searchers to browse the website normally.
The style of a web page is not the same. These items are closely related to the style of a web page. The website has a sense of integrity, but needs the cooperation and application of various projects to achieve the perfect website style design.
Rare Technical Mistakes in Designing and Making Websites
Follow the trend blindly and do whatever you see good
You should know that blindly following the trend will only fail! The network promotion editor pointed out that many webmasters in China now like to follow the trend when they are doing websites, and novice webmasters can't see what websites are good to do, and they also do it together. When you see which websites on the Internet are easier to do, or when you see websites that are more successful, you also copy them, but you don't think about the projects and products you run, and whether you have the strength and ability to manage such websites, these are issues that cannot be ignored.
There are not many pages at all. You should choose space according to the needs of your website. Let's say you are a corporate website. Not to mention that the database is basically 2~3M, but the website construction company is required to provide you with 1G space. This is a waste, and the price must be expensive.
Be sure to test the access speed yourself. The space of the website must depend on the speed. Responsive Web Design The space you buy or the space provided to you by an online company. For example, pingwww.domain.com-t is a command to see how much your space delay is. Generally, it is still OK if it is below 100m. You can also use the online speed testing website to test the download speed. Look at the bandwidth.
This is a permanent truth. Don't believe in those cheap spaces. As the saying goes, cheap is no good. For example, there is an Internet company that gives you 1G space and only charges you 100 yuan. You should be careful to know more about this space, because normally, you can't get 1G space at this price
Full text retrieval technical method version for frequent website modification and promotion
A lot of creativity or ideas occur, and novice webmasters are often in the process of building a website. And from time to time, they put these ideas into practice on the website, and frequently changed the order and template of the website. At the same time, they also changed the title description of the website from time to time, or even completely changed. The network promotion editor specially reminds webmasters that the search engine is static rather than dynamic. If the website is unstable for a long time and often changes significantly, or changes the title and description of the website frequently, it is easy for Baidu to deal with it completely
Non-standard user interface graphics
It can increase ease of use. For example, the left arrow of a Changchun Internet Company means "return to the previous page" (the pre right arrow means "go to the next page") The arrow indicating the right direction of pre "means" next. Then, the user will make a judgment based on the experience accumulated in browsing the web page. "Pre. The principle of consistency must be adhered to in website construction. Once the use of the two symbols on a page of next is confused, the meaning of this graphic representation will become invalid, and the user will doubt and distrust the meaning of the arrow, It also wastes users' time.
There are too many advertisements on the website. Pop up ads run wild
To gain more market share, webmasters want to win development space for enterprises through the Internet. Novice webmasters often choose to put a lot of advertisements on the website, especially like pop ups. Here, Shengfei Technology Promotion Editor should specially remind webmasters of the number of advertisements to pay attention to, but too much advertising is better. Too much advertising will only affect users' experience of your website. Now there are so many similar websites on the network, and no user is willing to tolerate endless advertising! Don't put pop-up ads, which will only affect his experience of the website.
Rare Technical Mistakes in Designing and Making Websites
Use of website color and construction of content
It will seriously affect people's browsing of the website, and the use of color plays a very important role in website construction. The successful color matching can make people remember; the failed color matching selection. The vision is uncomfortable, even if your content is good enough, the audience has no interest in reading it. How can we talk about the quality of website construction and the subsequent network promotion?
Namely, there are colors in nature. 1 Try to use website safe colors. Instead of computer-generated colors.
Generally speaking, black fonts are often selected for red backgrounds. 2. The background color of websites should have a high contrast with the text. Of course, this is not website construction. 1 Absolutely, dark blue and gray are also common colors for website fonts.
Blue and yellow, 3 do not let blue and red. Green/blue and red are presented at the same time. Prevent visual fatigue.
In website color matching, the use of 4 colors should always be identical. Try to control within three color combinations to prevent the website from being flowery, disorderly and without main colors. The contrast between the background and the previous text should be as large as possible. Never make website WEB graphics optimization. Use complex patterns as the background) to highlight the main text content.
5 Try to use little or no small font or blue form. Use white space to balance color comfort in the website
Construction of website content
1、 Contents included
If the content of the link station in the networking construction website is not included, how can your website be optimized at the fastest speed? Therefore, the idea is to let the search engine include the content of the established website. The so-called outer chain is the soul, the content is the body, and the inner chain is the meridian. The previous SEOwhy survey showed that if you were given 1000 yuan to buy the outer chain or original content, 80% of them chose the content, so the website content is very important. At the same time, when building the website content, pay attention to the relevant settings, such as inserting related keywords into the title, keyword settings, etc, I will use it later. Don't underestimate this detail.
2、 Ancillary content
That is, at present, you have no way to let the search engine include the attached content at the first time. But for the content that can play a role in the internal chain, such as the SEO of this website, many users use this word as the preferred keyword of the website to optimize, so there is no time to deal with relevant content within a certain period of time. Here is just an example. More often, we need to do the opposite.
3、 Rebuild content
However, the article I wrote today involves relevant internal links, and many times I may not have established relevant content. For example, I believe that many websites have not written relevant articles on Gan Lv Net recently, but today when you want to write an article about Gan Lv Net's advertising investment analysis, it may involve Gan Lv Net's three words for internal links. At this time, I can finish writing this article and add a complete explanation of Gan Lv Net to the website, For example, write an article: What is the supplementary content of the donkey driving website?
Skills of using and making website page layer
The emergence of layer makes web pages expand from two-dimensional plane to three-dimensional. You can make elements on the page overlap and complex layout. First, I'll make a layer
1 Window menu>Select Layer or click Insert menu>Layout object>Select Layer
2 A layer is displayed in the page.
3 Drag the size of the control layer through the surrounding black adjustment handle
4 Drag the selection handle at the upper left corner of the layer to move the position of the layer.
5 Click the layer flag to select a layer.
Any other element can be inserted in the 6 layers, including picture, text, link, table, etc.
These layers are listed in the layer panel. Layers can also overlap each other. The layer panel can be opened by selecting Layer from the Window menu. Many layers can be drawn in the overall design and web page design of a website.
The eyes can be opened and closed. The eyes open and close the display and hiding of the presentation layer. Here I need to explain several concepts. Layers have hidden and displayed properties. This is an important attribute of a layer, which becomes an important parameter when combined with the behavior mentioned later. Click on the left side of the layer panel list.
The number of layers determines which layer is above and which layer is below when overlapping. For example, the layer with the number of layers of 2 is above the layer with the number of layers of Changchun Website Company 1. The overlapping order of layers can be changed by changing the number of layers. Another concept of layers is the number of layers.
The middle layer of the page cannot overlap. There is also a parameter on the layer panel to prevent layer overlap. Once selected.
There is also a parent-child relationship of layers, that is, membership relationship. It is shown as follows in the panel
Layer2 is a sub layer. Drag Layer1Layer2 on the page to follow. Because they are linked together and Layer2 belongs to Layer1, the parent layer movement will affect the child layer. Move the layer2 layer. In the figure, Layer2 is hung below Layer1. Layer1 is the parent layer. Layer1 layer does not move. That is, the child layer will not affect the parent layer< Basic principles of enterprise website design/p>
It is simple to establish such a membership relationship. In the layer panel, press Ctrl to drag the child layer to the parent layer.
[Conversion between layers and tables]
Therefore, layers are very convenient for web page layout. Some people may not like to use table or "layout" mode to create their own pages, but prefer to design through layers. DreamweaveMX2004 can use layers to create its own layout and then convert it into a table.
Make sure the layers do not overlap. Please do the following: Select Modify>Convert>Layer to Table to display the Convert Layer to Table dialog box. Before converting to a table.
Select the desired option. Click OK
Please select Modify>Convert>Table to Layer to display the Convert Table to Layer dialog box. To convert a table to a layer.
Select the desired option. Click OK
Skills of using and making website page layer
Website production H1 tag and P+CSS page layout development
Therefore, I must correctly use its H1 tag is a very important factor in website ranking.
Here are seven precautions for the use of H1 label:
H1 tag is an indispensable element of every webpage. Each page should have an H1 tag.
The content of H1 label should be concise and clear
This allows visitors and search engine spiders to understand the content of the page as soon as possible. The H1 tag should appear at the beginning of the source file code as far as possible.
The content of each page's H1 tag element should be different. The content of each page must be different, so you can always find a different angle for each page's H1 tag.
The writing of website promotion soft text strategy should include the target keywords of the page.
There should be only one H1 tag per page. The most common mistake on the blog website is that the H1 tag is used on the title of each article on the blog home page.
Obviously, there is no page that needs to be linked to itself. Elements with H1 tags should not be linked - if they are, they should be linked to themselves.
When you begin to learn P+CSS, you should know first. You should forget all the thinking methods of DW Canvas website overall design and Web Design Bureau table (if you used to use TA BLE layout). However, this technology is more suitable for people who are new to web production.
P+CSS high cost development, then you need to know. Of course, it is not as fast as you draw TA BLE, but it has more benefits. I believe that if you can see here, you will also have some understanding of the benefits of P+CSS
Finally, you should know the tools used. You may think dreamweaver is very good, yes, really good, but you need to realize that when you are skilled in using the technology of website construction and selecting keywords correctly, you can write web pages in any text editor, even in Notepad. Dreamweaver just acts as a text editor, and all your work is basically completed in the code view, Here I recommend the latest dreamweavecs4 of adob. Of course, if CS5 is presented, I will try it
In fact, the correct statement of P+CSS should be that XHTML+CSS is called P because it can be more clearly distinguished from the TA BLE layout method and cut to the chase. It is not that there is no TA BLE in a page, but where to use TA BLE, you should recognize that TA BLE tables are used to store data rather than layout
Maybe you can't start when you are exposed to P+CSS. The next step is layout thinking mode. Now I recommend the most famous box model to you. It's also a good idea after seeing this model
I can't understand a lot of English and may speak it. But I tell you I'm sorry that you must remember those three English words, which are the most important ones. You can regard this box as a P and all tags have these three attributes.
The web page, as you can see, is a box. The following example, which is composed of so many large and small blocks, may help you understand the box more clearly.
Website production H1 tag and P+CSS page layout development
How to avoid multiple wrong practices in website production
Some elements on the web (such as radio boxes and check boxes) are designed in violation of basic user graphical interface design standards. For example, in the Windows/Macintosh/java user interface standard. The "radio box" follows the following principles. When you select an item in a group of options, you must press the "OK" button to make the settings take effect. On my website, I often see many web designers directly add events to the "radio box", that is, once you select the "radio box", the corresponding results will pop up immediately. This kind of WEB design betrays the standard user interface design, which greatly reduces the usefulness of Changchun website.
Prevent the use of designs similar to advertisements
I have learned to ignore something similar to advertising on the web. I believe that few people will like pop ups on NetEase. The first reaction of most users to this: this thing is really annoying, and users are selective when browsing the web. It is a waste of time to close it or else. Therefore, it is very important to prevent the use of something similar to advertising in the design.
It takes several clicks to reach the final page.
The number of clicks from any page to the final destination page shall not exceed three. Although the construction of Changchun website has added pageview, it undoubtedly increases the complexity of users' use. Good design should follow the "three click principle", that is, in the website.
Use edge technology
But mainstream users are more concerned about whether the content of your website is valuable and can provide effective services for them. The use of new technology often makes your users complain: when they visit your site with color matching skills and taboos of website production style, don't try to use new technology to attract users. New technology may attract a small number of technicians. The system suddenly disintegrates and will never visit your site again. If your website has generated certain influence and recognition in some aspect, then you can properly use some new technologies. In the early days of desktop publishing, people often used more than 20 fonts in an article. We should prevent similar mistakes in website construction.
The page is full of pictures, Java sequences, Flash music, etc
If too many FLA SH or FLA ME are added to the webpage or too many pictures are hung on the webpage, in fact, the current speed of Internet access is considered. It is bound to affect the transmission speed, so it is easy for customers who are generally lack of confidence to choose to skip halfway because they are unwilling to wait patiently for the download to finish. In this way, no one will look at the most beautiful web pages! According to my service experience, more and more customers choose practical websites rather than fancy ones. Because I really have no patience to wait for the download time as long as SHOCKWA VE sequence; Another clean and orderly web page is easy to read. Customers can find the information they want in a short time without being disturbed by too much visual pollution. So the enterprise's website does not need too many artists, because if you want to see beautiful pictures, customers naturally have suitable websites to go on, so you don't need to waste customers' time and money downloading.
How to avoid multiple wrong practices in website production
Application of Precautions and Skills in Website Production
Do not use frames
Frames are becoming more and more popular on web pages. On most websites, it is the same as the counter. There is a frame on the left side of the screen. But the designers immediately found that there were many problems when using the framework. It is almost impossible to display the entire website without a 17 inch display when using the frame. Frames also make it impossible to bookmark a personal home page within a website. Perhaps the more important search engines are often confused by the framework, so they can't list your website.
Keep the web page intact when blocking images
It is also necessary to ensure that visitors can obtain satisfactory results on the website, even if the image function is removed from the browser. A complete website still appears in front of users. For those visitors who have turned off the image function, they can also get good web page loading performance. You can meet the needs of visitors by providing additional links at the bottom of the page and using alternative text instead of images.
Use famous plug-ins
It is necessary to ensure that users can use a well-known plug-in if there is sound or video on the website. You can hear or see that if visitors do not have the required plug-ins, they will have to go to other sites to download them. In this way, visitors may not return to many sites to use the ckTimRealPlai and Shockwav plug-ins for the construction business of the Qu website. Because many visitors are not willing to waste a lot of time and money to download plug-ins that may only be used once.
Prevent false links
Be sure to check it frequently to ensure that the link is valid. There may be many websites linked, and the website may have links with other useful websites. But if there is a link on the web page. But don't link to websites unrelated to your content.
Test website
Useful testing is required. Use the latest software when designing the website, before the official release of the website. But don't forget that people don't use the latest browser, so take care of previous browsers. Also test all links and navigation toolbars when uploading a website. Use images, text and unnecessary animated GIFs to flood the web page. Even if there is enough space, the design should also prevent the use.
1、 Use VBScript scripting language
The date and time functions provided by the full-text retrieval technology promoted by its internal website are usually used to display the current date of the system in VBScript script language.:
Date returns the system date
Weekdaix return date x day of week
Yearx return date x year
Monthx Return Date x Month
Daix return date x date
2、 Adopt javascript scripting language
Usually, the date object provided inside it is used to display the current date of the system in javascript script language. This object can be used to handle operations related to date and time. Use the following methods in the Date object to display the date:
GetDat gets the current date
GetDai gets the current week
GetMonth gets the current month
GetYear gets the current year
Insert the following code at the position where the date needs to be displayed to enter the HTML editing mode.:
Each has its own characteristics. Both methods can display the current date of the system. each one has his good points. Obviously, VBScript and javascript scripting languages have obvious differences in format, which is easy for beginners to confuse, resulting in serious errors in the format of the order.
Four key points in website production
The space of the whole website should be properly sequenced. 1 Key information should be placed in a prominent position.
The title is like a signboard. The title is very important for a website. People wander around on the website, depending on whether they can immediately notice the title when they give their first impression. The title should be clear and descriptive, and put the most attractive place in a prominent position, and then slowly expand. Or, wrap your unique content into a suspense to attract people's attention. When reading an article, the first three paragraphs are the most focused. If the first three paragraphs of "land is worth money" are not used well, people will say goodbye to you!
It is used to meet the publicity needs of temporary or short-term marketing activities. For example, leave an adjustable position. The exhibition of "Fujian First Information Network Exhibition" held by Fuzhou Telecom Bureau on December 11 needs to be placed in the most prominent position on the website. This needs to adjust the original structure, so that the new content can be highlighted, but also not to submerge other key points.
It also gives people a sense of harmony. Don't let the website construction 1 graphic submerge the text, and the layout of text and graphics in each screen should take into account the prominence of key points. It can not be too few graphics to make people feel monotonous. Visual attraction and allure cannot be underestimated
Control the information amount of each module. 2 The webpage should be easy to understand.
I'm afraid the webpage should be easy to read. The most important tips for website design.
It is necessary to take some care to plan the matching scheme of text and background color. Be careful not to make the background color dilute the visual effect of the text, which means that. Don't use fancy color combinations to make people look at your website. Generally speaking, dark text on a light background is preferred.
It is better not to set the size of the text too small or too large. This principle also means that the text is too small. People feel uncomfortable reading; The text is too large, or the visual effect of the text changes frequently, like shouting at people, which seems uncomfortable.
It is better to align the text to the left. Not in the middle. According to the reading habits of contemporary Chinese, the ranking of keywords in websites with most texts on the left is optimized. Of course, the title should generally be centered, because it conforms to the reading habits of readers.
Let others write as carefully as possible in the shortest time. Understand what you want to present to others. Give someone a clear picture, and don't get straight to the point. As we all know, netizens are especially impatient. The information that can be provided may be of benefit to him, but few people have the patience to find it if they have to turn it over endlessly.
Put all parts into different levels of pages according to a certain framework. Note that the most important content should be put on the home page first, and the content of three-dimensional planning. Others are ready in turn.
In terms of outlining the page blueprint, compiling html, and representing the text content. Remember to try not to have one line of text across the entire screen. A lot of paragraphs, it seems very laborious, and other people's browsers may be very different from your basic principles of corporate website design. It is best not to exceed half the width of the screen.
It's better not to exceed 50k. Try to simplify 3 pages. The smaller the page, the better.
If the main body of a website page does not appear within 15 seconds, some research shows that. Visitors will soon lose interest in the station. Of course, there are exceptions. For example, the content is so wonderful that people can't go without it. No matter how visual arts sites are, "fast" cannot be the only design criterion. However, even such sites should add a guide page to give readers a hint and don't ignore others' feelings. But most websites are still content oriented, and most people are interested in the amount of information and the speed of pursuit.
We have to consider saving from all angles. The largest end is the image, and the size of the page should be limited. There are some good things that I have to give up and think about. Which is the most important among the goals of creative expression, brand image and making money?
Easy to find, 4 website navigation should be clear.
All navigation settings and hyperlinks should be clearly identified to readers. Like image buttons, they should be clearly marked so that people can see them clearly. Don't patronize the lively visual effects so that people don't know everything.
The linked text should be highlighted in what way, and the color of the linked text should be conventionally unsuccessed blue; The purple or chestnut color that has been clicked. If you must be ingenious. Like bold? Plus size? Add vertical marks on both sides? Or both. In short, text links must be distinguished from other words on the page to give readers a clear direction.
It cannot be exceeded three times. If you can't find someone more than three times, you won't have the patience to accompany you to play clear navigation. It also requires: the number of clicks of readers entering the target page.
An effective method of making design website directory
Most webmasters are unplanned, and the website directory refers to the directory created when the website is created. For example, when Frontpag is used to create a website, the root directory and Image subdirectory are created by default. The structure of the directory is a problem that is easy to ignore. Create subdirectories at will. The quality of the directory structure does not give much impression to the visitors, but it has an important impact on the maintenance of the site itself, the expansion and migration of the content in the future. Therefore, careful arrangement should be made when establishing the directory structure. For example, do not store all files in the root directory. A website producer places all files in the root directory to optimize the ranking of keywords in the website. This can easily lead to: the design and production skills of the website map file management confusion, confusion about which files need to be edited and updated, which useless files can be deleted, which are associated files, affecting work efficiency; The upload speed is slower, and the server usually creates a file index for the root directory. If all files are placed in the root directory, the server needs to retrieve all files again and create new index files even if only one file is uploaded and updated for the overall website design and web page design. Obviously, the larger the number of files, the longer the waiting time will be.
First, create it according to the main column. There are many content of friendship connection, and sub directories are established according to the content of the column. Create subdirectories. If you need to regularly select keywords for website construction, you can establish independent subdirectories. Some columns that are highly relevant and do not need to be updated frequently, such as website introduction and webmaster information, can be merged into a unified directory. All sequences are generally stored in a specific directory. For example, CGI is placed in the cgi bin directory in order. All downloaded content should also be placed in a directory to facilitate maintenance and management.
There is a default Image directory in the root directory of a site. It is inconvenient to store all pictures in this directory. Each main directory has an independent Image directory. Generally speaking. For example, when deleting columns, the management of pictures is quite troublesome. The main method of search engine optimization is to establish an independent Image directory for each main column, which is convenient for management. The reason is very simple, which is convenient for maintenance and management.
Do not exceed 3 layers; Do not use the Chinese directory. Other things to note: the level of the directory should not be too deep. Using the Chinese directory may cause difficulties for the correct display of the website; Don't use too long directory names; Try to use a meaningful directory to facilitate memory and management.
An effective method of making design website directory
Several must know skills for making website welcome words
Do not use the most important area on the home page to greet users.
The best way to welcome users is to let them know what they can do on the website. An exception to this principle is that it is good for websites to use welcome words after confirming the identity of registered users
And it keeps users away from the content of the primary site. Generally speaking, it is better to display the site content immediately. The guidance page is almost unnecessary.
Or click the link to the site on another page, when the user types the homepage URL. Take him to the real home page.
It may even offend some users, and they must cancel the pop-up windows. But if the website contains content that is not suitable for a few people. It is better to have a pop-up window to warn related content.
Try to prevent pop-up windows.
Now users have reached a consensus that pop ups are usually advertisements. Even if your pop-up window contains useful information, a large number of pop-up ads have long been detested by users. Sometimes users can't wait for it to open and then turn it off. At the same time, pop-up windows usually don't reappear after users close it, which makes it difficult or even impossible for users who want to find some information. Therefore, highlighting key content on the home page is usually the best way.
Do not use the boot page. Website construction 1 If the website has only one major language version.
To bring users directly to the home page of the main page, if the site has a dominant language and other languages. It also includes a link to other language versions on the home page. It is better not to use the pull-down menu, because it will be convenient for users to choose when the menu is too long. You can consider placing a link to the international version of the website.
You need to carefully carve out the headlines and news summaries in order to release news on the home page more effectively. This also applies to publishing the information of the company to which the website belongs and other news. The title and content should be directly cut into the body, rather than just lure users to click to see the real information. It is important to help the user not to click on the content he is not interested in, otherwise the user will eventually abandon your website after many meaningless clicks.
Narrative language should be used and the title should be concise. Use as few words as possible to express as much information as possible
Carefully edit the highlights of the news on the home page.
Because the first paragraph is often not suitable as a separate part. Give the user a real content - not just a description of the content behind the user. Try to be specific to attract users to click and read the full text. Don't just copy or rewrite the first paragraph of Changchun website design.
Unless it is really an explosive news and updated frequently. It is not necessary to list the date and time in the news feed.
The time on the home page is enough to show that the news content is now, but it is important to display the date in the prominent position of an article because it may be necessary to search for the content of the article in a long time, if the home page is frequently updated. If a full date including the year is not marked, old news may be regarded as current news.
website:
It is also very important to quickly guess the company's domain name and make the website of the home page as simple as possible. It is not only important for users to remember the websites they have visited. This is something that people must often do. Once a user locks a website, a simple URL can let him know whether it is on the right website, while a complex URL means that the user is not sure.
The homepage of a commercial website should have the domain name "www. company name. com" or "www. company name. com. cn".
Few users are willing to enter a long list of scary websites. Don't add complex code or even "index.htm" after the domain name.
Several must know skills for making website welcome words
And follow some design conventions - because when users visit websites, websites should be easy to use. It is difficult to remember any special interaction tips, so more time will be spent on easier to use websites. When you design your company's home page, it is particularly important to follow these principles. Because if you don't follow these principles, your bet is too big. The homepage is often the first (or possibly the last) opportunity to attract and retain customers, which is very similar to the front page of a newspaper. All home pages should be treated as the front page of a newspaper, and editors should decide to publish important content and ensure consistency and continuity of style.
Date, time and number:
The user needs to know that the information he sees is current, but he does not need to check the date and time of each entry. Optimize the ranking of keywords in the website>
1 Display date and time only for time sensitive information.
It is not necessary to display the day of the week. Do not display time and date for information that is not time sensitive.
Not computer generated time. 2 Displays the time of the last update.
3 Writing of date
For example, "01/02/03 may be February 1, so don't just use numbers to indicate the date. It may also be January 2, because some countries have different customs.
To align decimal points. Overall website design and webpage design p>4 When a column of numbers is displayed.;
Can reduce the level of chaos on the home page. Minor optimization work on the home page.
It can bring value to users. If the personalized homepage does not require users to make many settings or do not require users to make any settings at all. The effect is quite good. If the homepage can make intelligent judgments or make relevant suggestions based on users' past behaviors on the website, or can provide special content based on their geographical location, users will benefit greatly.
For example, color mode. Focus on introducing a better design interface that will be easy for most users to read in the future, but do not let users customize various features of the basic appearance of the home page. Better way to carry out website construction business. It is better to respect the user's browser settings. For example, the font size should be relative rather than absolute
Honors of the site:
Or tell users how great your website is. Users visit the website to see the content and avoid filling the homepage with useless praise information about the website.
Don't waste precious space to praise the website's search engine, design company, favorite browsing company or technology in front of the interface.
Users don't care about such items. Every time you add one, it will increase the overall complexity of the page and reduce the level of attention of users to the real content. If these entries link to other websites, users will also lose their way in these websites.
2 Control the content that displays the praise the website has received.
The praise, certification and evaluation of excellent websites published by independent authoritative organizations are also a way to improve the credibility of websites. To build trust, the vast majority of users do not care about the content such as your website has been selected as today's popular site by some people. But at the same time. Awards for product quality or service are often more helpful than awards for the website itself. Under no circumstances should the content of these awards be overemphasized so as to disgust users. Moreover, overemphasizing the awards won last year will also reduce the credibility, because it shows that the website has not done anything commendable recently.
This article was published by Beijing Website Construction Company Shangpin China //ihucc.com
