SEO Tips,SEO Services,Web Design Blog

What is the pseudo-static?

Pseudo-Static is that static page use URL rewrite methods to achieve removing the parameters of static pages. But the actual web page directory, there is no need to achieve the pages existing rewrite.

Pseudo-static generated in 2 ways:

1 Frame-type pseudo-static

This is very simple and is very easy to recognize. Its principle is relatively simple that make a static main frame page, then link static content to deputy framework, which is one from its URL will be able to see the prospect of a solution. If the entire sites URL are the same, then it must be the framework of pseudo-static.

2 Use the components to make asp postfix shown as htm.

The principle of this method is a little difficult. It mainly uses a component to make the asp file postfix by the strong hand as htm. For customers, it is difficult to distinguish, because the showing links end in. htm.

What is the use of pseudo-static?

We do pseudo-static for the purpose:

The main thing is to meet the search engine that is search engine spider snatch at the relevant web page content!

We know that in search engine optimization, new_1234.html is more easily included than new.asp? Id = 1234.

Generally, for friends having independent servers, you can use ISAPI_Rewrite method to write pseudo-static rules. But for friends having only virtual space, maybe you can generate HTML by using some ASP system to help you. Today, I will focus on using ISAPI_Rewrite to build pseudo-static.

First:

We first need to download an ISAPI_Rewrite. There are Starter Edition and full version. The general global Starter Edition can be configured on the server, while the full version can do pseudo-static configuration to each site on the server. For individual owners, the Starter Edition will suffice.

Second:

Download is complete. Find. Msi file of equipment bag. Then set it.

Third:

Open the Internet news service. Right-click the web site properties. Click the ISAPI filters tab. Add the filter, where the name can be free to fill out their own, Attach to Path as ISAPI_Rewrite.dll, then OK.

Now we do first a test page new.asp, in accordance with the following code to write. Then, enter “http://127.0.0.1/new.asp?id=1234″ in the browser. Then you can see a line of text on the page: “1234″. Seeing these figures shows you a success test.

Now we start to configure ISAPI_Rewrite:

Open ISAPI_Rewrite directory. Remove httpd.ini read-only attribute. Open the Edit. We now need to revise new.asp? Id = 1234 to a similar new_1234.html path. Thus, we need to add in httpd.ini: RewriteRule /new_([0-9,a-z]*).html /new.asp?id={GetProperty(Content)} .

After the preservation, we could test this website: http://127.0.0.1/new_1234.html.
To see the page “1234″, pseudo-static is configured successfully.

Certainly, the above is only simple, according to actual situation. It also has the directory type, turns page type and so on.

web design seo tips seo services

1 Artificially joining two Chinese double-byte blank space, only then can demonstrate the position shrinks effect.

2 point map or graph insertion

Point map is the picture of only one or a few pixels, which cannot be seen with the naked eye. When we insert the paragraph at the beginning of a point map, with HSPACE and VSPACE properties to adjust the point map space around and up and down to meet the paragraph shrinks.

We can also insert graphics, but the graphics color needs to use page background color. this method use IMG WIDTH and HEIGHT properties to adjust the graphic size to achieve indentation.

The insertion graph’s method needs us to grasp HSPACE and VSPACE size criterion to causes it just to keep two Chinese characters the position, which can be quite artistic.

3 The insertion of form without frame and content

This way is similar with the above inserting graphic mode. This form does not have the frame and content, which is the spatial form. Use WIDTH and HEIGHT property to adjust table size for indentation needs. It is more reliable in general to use the form to locate. I often use this approach to locate for the more complex pages. However, this method has a problem that may make the page’s source file larger. However, this method has a problem that may make the page’s source file larger. And therefore it is not the necessarily first choice to control the format.

4 Insert a special space character “&nbsp”.

“&nbsp” represents the non-demonstration space character. Insert a number “&nbsp” character in the middle with a semicolon (;) or separated by a space, you can achieve in Chinese paragraph indentation. However, you can only use the lowercase letter in Netscape 3.01, but in IE both uppercase and lowercase letters. These four methods are mainly concerned for the web design using HTML language. In some web authoring tools, such as the Netscape browser has a toolbar to specifically add a space, you can complete the paragraph indentation.

5 pre-format (PRE)

When showing the source documents with pre-form compilation, they will show according to the source documents’ typesetting inscription that the white line and the blank space can distinguish very clearly.

If the source document is:

<pre>

– pre-form demonstration ……

</pre>

Page will display according to your pre-set way to show that in front of “pre-format show” will empty out two characters location.

By the above method, we can solve the Chinese web design problems of paragraphs shrinks

web  design seo  tips seo  services

Web layout is very important in web design. When using CSS and HTML for web page layout, we often make some common errors.

1. Check whether the HTML element is misspelled and whether forgetting the closing tag.

Even the veteran is also often mistaken of div nested relations. Use the Dreamweaver validation function to check for errors.

2. Check whether the CSS is written accurately.

Check whether there is inspects spelling mistake, whether to forget the ending} and so on. Use CleanCSS to check the CSS spelling errors. CleanCSS originally is the tool which CSS loses weight, but can also inspect the spelling mistake.

3. Use removing method to determine the location of the occurred error.

If the error affected the overall layout, you can remove the div-by-block. Until remove a div block, the show returns to normal. Then you can determine the location of the error occurred.

4. Use border attribute characteristics to determine the layout feature of an error element.

There will be error never even noticed when using the float attribute layout. Then add a border attribute for the element to determine the boundary elements, error reason is get to the bottom.

5. The parent element of float element can not specify clear property.

When using the clear properties to the parent element of float elements under MacIE, the layout of float element around will be chaos. This is MacIE famous bug.

6. Float element attributes must be specified width attribute.

When many browsers display the float element which is not specified width, there will be bug. So no matter what the contents of float elements, we must assign a width attribute. Also try to use em instead of px as the unit when specifying element.

7. The float element cannot be assigned margin or padding attributes.

When IE show the float element which has assigned margin and padding, it has bug. Therefore do not assign margin and padding attribute to the float element (We can nested a div within float element to set margin and padding).

8. Float element width sum is less than 100%.

If the width sum of float elements is exactly 100%, some of the older browser will not display properly. Therefore please guarantee that sum of the width is smaller than 99%.

9. Whether to have reset the default style?

For some properties such as margin, padding and so on, different browsers have different interpretation. So the best is first of all to set the margin and padding to 0 and set the list style to none before the development.

10. Whether to have forgotten writes DTD?

If the different browsers display results are still not the same no matter how to adjust, you can check the page beginning whether is forgotten to write DTD statement.

Wanting to become a CSS expert, merely expertly using CSS selectors is not enough. It also rests with the overall planning of work, work process mastery and improving the maintainability and efficiency of the style sheet. CSS can be used to create what we want absolutely fabulous site. So how do we create a more attractive style sheet? Which features should your style sheet have in web design?

1 Do not let CSS have excessively marks.

I’ve seen a lot of web development all have clean, well-organized css document. But slowly, as it may not achieve quick update in the short term, or too lazy to manage, which makes the previously created exquisite style sheet turn into garbage. If we work for the web site which needs to publish hundreds of content, because time is limited, you need to nest or to arrange css to quickly modify or update. With the lapse of time, this custom is maintaining. Until one day you are informed that this website should be overthrew to redesign moreover. In general, the updated style sheet or is a very simple way. Unless you make changes to scattered areas for a long time, you will not have an overall grasp of the site style sheet structure.

Link or import your style sheet is not a casual thing. Create a clean style sheet and maintained. The work would be happier. Note: If you try to create a new style sheet when updating or adding new content each time, you definitely ask for trouble. Too many links and import style sheet the will make eliminating bug extremely difficult and make style sheet difficult to maintain. Larger sites establishing style sheet respectively is understandable. Be careful not to go to extremes. Adding a lot of style sheets will add more http requests and also may affect the back work.

2 Semantic definitions are clear and comprehensible.

In addition to selecting the most appropriate and most meaningful elements to express, but also you need to decide the selection of class and id attribute values. Well-defined may let the maintenance becomes simple. For example, .L10k (color: # 369;), .Left-blue (color: # 369;), if it is made by me, I might know the means, but other people maybe not always understand. Best not to join color or length and width size in the class attribute. More appropriate naming convention is .Work-description (color: # 369;).

3 Know when to add the conditional comments and the use techniques.

Many articles write about problem-solving skills. Conditional comments are good way to control the IE release. A lot of evidence indicates that this is not the best solution. Want to set an element’s minimum height. But the IE6 browser does not execute it. Re-build a style sheet, and then add conditional comments to your logo. Is all you need to follow the rules? Maintain a minimum height and high degree rules together. Choose a small skill in the same css documents. Will this be better? In this case, I feel it is very difficult work.

4 When using CSS in web page, use the exterior cascading style sheet as far as possible.

We all know the benefits of doing so. Of course, one thing is undeniable, you can farthest achieve code reuse and the most optimal allocation of site files.

web design seo tips seo services

web design cannot leave the massive imagery processing operation. Web page image processing has a very different with the image processing for printing and video. Web designer should target-oriented master the imagery processing methods and skills. Typically, the following factors should be considered.

1. Form

For simple Form image which produces by the computer (for example marking and icon), first choice is PNG form. But the rich color pictures certainly are JPEG. If the colors are not many with not gradient, GIF format should be used.

GIF is the most used web image formats. GIF accommodate up to 256 colors, almost applicable to all other than photo images. It also has the ability to produce simple animation and transparent image.

PNG format is relatively new and is the format recommended by W3C. PNG-8 can contain up to 256 colors, comparable to GIF. PNG-24 supports RGB mode, which can be expressed in any color with high quality. PNG-32 increases alpha channel on the basis of PNG-24, which can be set transparency.

JPEG can save about 16.7 million kinds of colors, often used to save photos. But beyond that, almost no place uses JPEG. If the image is less than 256 colors, or with large areas of solid color, the JPEG effect is not good –in order to obtain the high grade image, the document size possibly doubled and re-doubled increases.

Selecting the image format we should synthetically consider its use range, as the below details for color, transparency, cartoon and so on. We can compare every parameter by Photoshop or Fireworks Export Wizard. The choice standard is that under the premise of guaranteeing acceptable picture quality, the document should be small as far as possible.

2 color

RGB mode should be used to create images, not the CMYK mode for printing. Do not take into account browser security color, because almost all people no longer use 8-bit display. The color choice must refer to the unified standard, like the vision distinguishes the (VI) system. Color quantity and the effect are important factor to decide the image format such as color gradients tend to produce a large number of colors. If the preservation is GIF, it will have the distortion and the document size will largely increase. By now we should consider using PNG-24, PNG-32 or JPEG the form.

3 dimension

The images created by vector creative tools adapt to be saved as PNG format. Its size should be determined in the vector drawing tools. After becoming the bitmap, it is no longer easily to carry on operation of zooming out and in (especially should not carry on the zooming in operation). It is worth noting that the PNG file created in Fireworks contains layers as editable information, in which straight lines, shapes, texts are all vectors. Using the image in the website we should at first carry on export operations to compress the file size. But the exporting PNG image will turn into bitmap because of discarding editable information. Therefore, the image size adjustments should be completed before the output operation. Not carrying on zooming in and out to the bitmap is to guarantee that the image outline and the gradation are clear enough.

For the existing bitmap and photos, use Photoshop such software to adjust the page size well and then inserted into the web pages, rather than using the HTML language width and height attributes to change the image size. Using HTML language directly to control the image size may cause serious image distortion.

Usually, the pictures into web pages should be controlled to a smaller size. If you mixed up with the text, the width of the best is around 300 px. Even if there alone, the best width is less than the 600 px .The height of not more than one screen is appropriate.

4 transparent

GIF and PNG both support transparency, but not the same way. GIF is simply to set one or several color completely transparent, and it does not take into account the transparency of neighboring gradient. This means that if a significant change in background color (or originally contained several contrasting colors), and the areas border on the transparent parts will not be a smooth transition, apperaing a clear dividing line. If wanting to create transparent GIF, it is necessary to set the canvas background color same with the goal effect background color with (or close to). PNG does not exist the problem, but also can set the translucency. However, by default, IE6 cannot correctly display transparent PNG, needing to take appropriate measures.

5 animations

Animations on pages usually include Flash and animated GIF. The Flash function is formidable with rich effect, quality picture, and the formidable creation software, which is in the most situations the first choice homepage animation form. The animation GIF insufficiency is can only use less than 256 kinds of colors, and it is different to make complex animation. but its superiority is the document is small, and does not need the plug-in unit support to be played back in any old style or the modern browser.

web design seo tips seo services

CSS layout is very important part in web design. Here is several effective ways to check and debug CSS layouts.

1 Check whether the HTML element has spelling mistake, whether you forget the closing tag.

Even the web design expert will also frequently to make a mistake of the div nest relation. We can use Dreamweaver functional verification to check for errors.

2 Check whether the CSS is written right.

Check whether there are spelling mistakes and whether the “}” in the end is forgotten and so on. We can use CleanCSS to inspect CSS spelling mistake. CleanCSS originally is the tool for CSS to lose weight, but can also inspect the spelling mistake.

3 Use the remove method to determine the location of the occurred error.

If the error affected the overall layout, you can remove the div-by-block. Until removing a div block, the show returns to normal. So, you can determine the location of the error occurred.

4 Use border attribute characteristics to determine the layout character of error elements.

Using the float attribute would make mistakes never even noticed. Then add border attribute to determine the element border. Error reason will appear naturally.

5 the float element’s father element cannot assign the clear attribute.

If using the clear property for the float elements’ father elements under MacIE, the layout of float element around will be confusing. This is the famous MacIE bug. if you do not know, you will make a detour.

6 Be sure to specify the width attribute for float element.

When many browsers display the float element with unspecified width, there will be bug. So no matter what the contents of float elements, we must assign a width attribute. Moreover, use EM as far as possible not the PX as the unit when appointing elements.

7 Float element cannot be specifies attributes such as margin and padding.

When IE show the float element assigned margin and padding, there will be bug. So do not specify the margin and padding properties to the float elements (you can snest a div to set the margin and padding in float element inside). You can also use the hack method to specify the particular values for IE.

8 The float element’s sum of width must be smaller than 100%.

If the width sum of float elements is exactly 100%, some older browsers will not display properly. Therefore, please ensure that the width sum is less than 99%.

9 Whether to reset the default style?

For some properties such as margin, padding and so on, different browsers have different interpretations. So the best is that before the development first of all set the margin and padding as 0 and set the list style as none.

10 Whether to forget to write DTD?

If no matter how to adjust different browsers, the display results are not the same. You can check the page at the beginning whether forget to write the following line DTD: http://www.w3.org /TR/html4/loose.dtd”>.

web  design seo  tips seo  services

User behavior research work is to study the behavior of users. Through user behavior research we can better understand users and understand their demands.

In internet products, users access our site, we do web design for our website. A key question is how we can understand our customers. Who are they, with what kind of habits and preferences?

Fortunately, users visiting our site will leave some traces. That is their visit record. We can dig those records to analyze their behavior on our website to understand the custom and the attribute of users. Since then we can improve our website, optimize our page design, also optimize our products and do targeted promotion to the user some information. So the core of user behavior research is the analysis of user behavior.

What is the user behavior analysis and values standard? User behavior analysis is in the case of getting basic data of web visitor statistical analysis to some dates to discover the rule of visitors visiting the web site. And we should combine these rules with network marketing strategies to find what the existent problem in the current internet marketing campaign. And we need to make further amendments or re-provide the basis for the development of network marketing.

User behavior analysis should contain the following keystone analysis data: the time users stay in the site, bounce rate, returning visitors, new visitors, returning number and time interval of returning visits.

Analyze browsing habits between the two of registered users and non-registered users.

Analyze search engines, keywords, related keywords and keyword stations users are using.

Analyze what kind of entry form (ad or website link to entry) users choose is more effective.

Use the process that users visit the website to analyze whether the page structure design is reasonable.

Analyze web page hot spots map data and web page cover map data of users on the web site.

Analyze visits amount of users at different times and so on.

This is a quantitative analysis, mainly through quantitative analysis methods using data and model to interpret the users and reduce the real thing opposite to the screen.

This approach has already been widely used in many fields. A more successful case is the Personalized Learning System.

This is a platform for students learning and submitting work.

The system will judge the students knowledge mastery degree and study custom according to the students’ ate of progress of glancing over courses, the submitting schoolwork frequency and accuracy. Then it adjusts the course curriculum based on this to achieve the purpose of teaching according to ability. Analysis method is mainly Markov modeling for students browsing history.

In short, user behavior research is essential in web design. Doing user behavior research work well is a part of good web design.

web design seo tips seo services

There are all kinds of web sites. Web page layout typesetting also varies. But why the layouts are different? What is the purpose of the different layout? Is there any basis to follow? Today we focus on layout and typesetting problem on web design.

First, web page layout and typesetting should not be that designers patch up to arrange for beautifying page, as the same that we often hear some designers saying “this place looks empty. I have to find something to put on it…” I think web page layout and typesetting based on page beautify and rich interface contact are both not desirable. Because the layout and typesetting is the embodiment of the importance degree of each module in web page and the possible concern focus of the customers. Reasonable layout typesetting should and must bear the responsibility to provide “the information we want to convey “quickly and efficiently to users.

So, what is the deciding factor of page layout and typesetting?

1 Web page layout and typesetting content derived from requirements. Page display the “News”, “sell” or to show the “bidding”, “user votes”. This should be based on project needs and the most primitive starting point. The page meet with what user demand asks it to possess which function module.

2 The form of web page layout and typesetting is determined by the level of importance of a module. How many modules a page exist? How is their show form? We have to consider the importance of each module, important information and important function module “upper left” show. This is because these places are more attractive from a position of location to achieve “outstanding emphases”.

3 Web page layout and typesetting must first respect user habits. The above saying of “The form of web page layout and typesetting is determined by the level of importance of a module”, however, does the important module have to show as “upper left”?

Not necessarily. Because the “upper left” a relative concept, that is to try to make important information in the customer easily found location. But different users have different habits, and this requires us to respect the basis of the user used to make up the page layout. Take Chinese Web site pages and English Web site page for example, the functional module a page needs to show is same (the importance of the module is also same). However, this time in addition to compliance with “The form of web page layout and typesetting is determined by the level of importance of a module”, we do web design through a consideration of the Chinese and English user browsing habits differences.

In a word: page layout and typesetting cannot be so free!

Recommendation: In the product development process, standardize product development processes as much as possible. Page layout and typesetting should be handed over to the interaction designers to do, instead of Visual designers. If visual designers are interaction designers, it also needs more consideration of thereunder for this page layout and typesetting.

web design seo tips seo services

Many e-commerce websites landing pages are placed a large amount of information. The logic is simple: the more information, more users. Unfortunately, people of online shopping are always very picky.

Jacob Nielson reported that network users in selecting and purchasing process, becomes more and more impatient. They will not take the time to find information online according to the category or product description. Most people prefer to use convenient search engines. If the user cannot find what he wants, the deal falls through.

This allows simple web design to become the key. Especially when you need sales, it can let the user find information more quickly. If a page filled with a lot of useless text, widget, or unrelated products, then this page can be said to have set aside the.

However, some e-commerce web sites are on the contrary. They like the “multipoint flowering” to give potential customers as much choices. They add on a web page with many useless information, advertising and related products, instead of clearly one page with one product.

Fewer products means that more attention

Many Internet companies might have forgotten that one of the basic rules of e-commerce: the simpler of online shopping, the better is. You can buy DVD by click a few mice on Amazonno. Who will want to run a few kilometers away to buy? If the shopping process is simple and quick, the customer will not even mind spending more money or some time.

Here is a set of time-tested methods, any designer or web developer can learn, lest the bad page layout driving customers away.

Only what you need

One of the most important aspects of simple web design is that the site only shows the products you want to sell. But this is not to say you cannot show a lot of information to users.

Reduce the number of clicks

The less of the numbers customers click to reach the desired page, possible for you is the higher return.

“Grandma” rules

If your grandmother (or any elderly person) can learn how to purchase the products by your web site, the product was purchased by the great chance. Useless information can quickly put your grandma’s confused.

Reduce columns

Every time you add a sub-column, the space of the displayed contents is cut down. What customers do not want on the page takes up so much area, which cannot stress the main products.

Minimize operator menu

Showing related products should avoid irrespective interference and drive customers’ acquisitions process.

Keep tidy

A clean design can let visitors have good mood. Spend more time to make sure that your page layout appearance is beautiful, so there will be a returning customer.

Designers should survey web design from a customer perspective. Will you shop on the web site you design?

Each site will require different types of layout, drawings, and articles in order to sell products. But as a designer, he has some multiplier approach:

Weigh every word

Delete useless elements

Use the elegant color and boldly stay white

Control the amount of information every time visits see

Remember that people online shopping is always very picky.

Remember that people of online shopping are always very picky. They do not dawdle in the selection of goods, but will use search engines search for key words to find what they want. Website can only use a not large interface to attract these potential customers. A tasteful and clean design can make the concern concentrate on the product (rather than anything others), and help customers to more quickly find what they want. So, we need know all about these to make our web design successful and our web site attractive.

web design seo tips seo services

Relative to Google such Internet gangster, Facebook Web2.0 gangster operating philosophy still glows with mystery and fresh. Let us learn the Facebook user experience which is completely different with the internet companies with the 1.0. It is very interesting.Its philosophy is helpful for web design.

1 “The opposite of love is not hate. It is indifference”.

Recently, YouTube is revising. It cancels the original five-star rating system, just choosing “like “or “unlike”. In other words, love and hate are the feedback and interaction of user experience, but Indifference is a greater degree of hate. The most common reaction is ignoring you. Therefore, the user experience excavating now becomes so important.

Facebook founder Zuckerberg is the fierce opposition of the user remains unmoved in the revision. His lung power lies in a deep understanding of user experience.

2 The best design is to reduce design.

Do subtraction, by retreating, matching with all platforms.

3 Would rather be chicken head, than phoenix tail.

Facebook has a distinct first philosophy. Get one by one. For an example: before Facebook opened up to other schools, it won 3000 users of the Harvard Square. 3000 users to the vast majority of web sites is not worth mentioning figures ,but for Harvard of 5000 undergraduate schools, is equal to firmly occupy the Harvard Market. After dominating absolute advantage in a market, Facebook opens up to Boston University around and slowly extended to other Universities as Ivy League University. Until then it would be prudent to join a high school, than is the company. Until a later, all users are allowed to register.

4 Powerful data excavating

Facebook every day creates 250T data. These data enters Hive cluster composition of thousands of computer and calculates than, fast produces answers to all questions. Most critical is that Facebook excavates date not the same with search engines such as Google. Google’s data flow displays the current, and Facebook’s date stream displays the future.

web design seo tips seo services