Wu Xianmao: The production process and experience of the Expo website

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

The school's big training is coming to an end, I would like in this short few days training, I really learned a lot, although used to write code div and JavaScript to do the site, some of the DW interface functions are not very familiar with, after Liu Teacher's guidance finally understand the DW interface behavior control.

A few days ago, the teacher decorate a website of the World Expo let us as a recent training of a work, then I started an idea, it is time to make a good study of things made a relatively large site.

First of all, let me talk about a preliminary plan for the Expo website, first to do a portal to take into account the size of the page, I used the div to reduce the load speed of the page, a page is almost 10来 KB, if the table layout, I would like to estimate more than 80 KB, Although the load page is nearly 1 seconds fast, but you think about a portal site thousands of articles from the database call out, if you open a page fast 1 seconds, then the speed can be imagined, and then talk about the impact of SEO, search engine spiders are not like to crawl nested in the table three layer of content, So in this regard is also the optimization of SEO to pave the way. Attract spiders to crawl, thus quickly increase your site snapshots and authority.

Next, I repeat my Site map, a home page, six subpages and a content page, each subpage through a number of text-side composition of a content-rich page, the overall use of the blue tone to represent harmony, head heads with a one-axis four pavilions and the emblem of simple to bring in, Because the content of the page is too much, I pick a few to talk about.

This function is called tab selection Card, is made using Javacript code. Call inside the code and CSS ID made a switch page, the two contents are different, the main advantage is that the home page save space but can reach the maximum customer information effect!

Here is a slide of the code, the latest headlines and pictures to show everyone, to attract users ' eyeballs, so that users want to click in to see. This directly uses Flash+javascript code to call the picture in HTML.

These three are also made using the tab selection card, but there is a more dynamic paging switch, this is also the most popular jquery script is mainly the combination of new technology Ajax.

This can be clicked around the picture can be scrolling around, the advantage is to allow more pictures to give users to watch, but also played a space-saving effect, mainly using the CSS style sheet inside the Overflow:hidden property to hide more pictures, using JavaScript to control the scrolling code!

This is also called Ajax drag-and-drop layer, is that those boxes can let you drag, click Off can also be turned off, although this technology in the DW behavior can be made, but we have not found that the production of those code is very cumbersome, if we use JS file to do out after the page call, The code is a lot clearer, and where is the display: "None" with CSS style code? There are many bright spots will no longer be one by one examples.

Next look at my content page is how to do SEO optimization.

See here first title best use H1 to reference, content page to have some source information, tag, we will ask what is called tag.

In fact, tag is a label keyword meaning, mainly to the user search keywords, and finally remind everyone in addition to the picture after the best to join Title,title is what? is the meaning of the annotation, because the search engine does not include pictures, and then his search on the picture can only rely on title, So it's important to do this, and then you have to be aware of adding this code to the head to fill in your keywords and keyword content.

The end of the content of the use of some popular recommendations to increase the number of clicks on the site, so that more content to the site to visitors, but also played an internal page interconnection optimization.

Said here basically ended my entire website the process, in fact I am also a beginner, if everybody has any to feel that the bad place welcome everybody to communicate with me.

Finally, we suggest that you should be interested in doing a stand to do one's own web site, in the process of doing absolutely will have no intention of the harvest, and sometimes do a website yourself than you read a book more knowledge, such as I this time to create this portal to learn a lot of CSS in the IE6 bug, For example, there are gaps in the picture, margin double distance problem, a lot of things are details, so the details determine success or failure!

Gdesign Learning Network Http://www.gzse7en.com Welcome everyone to communicate with me!