Product description templates can be realized by copying the code form, you can also use the method of making pictures to achieve.
Copy the code: directly copy the code to the baby edit box, only need to replace the picture and the relevant text description can be. It is important to note that you need to switch to code mode, otherwise it will display a garbled code.
Using the method of charting, directly to other people's product description module into a picture, the content is changed to their own, and then uploaded one by one in accordance with the order can be.
How to make Taobao merchandise picture template1. software tools: to make their own baby templates, first of all, to choose the web page editing tools, the industry's most popular is dreamweaver, with the old micro-frontpage can also be. Do you want to do the best choice of friends of the former, frontpage I used to use, and then rarely used, mainly or think dreamweaver is more convenient to use, more powerful, after all, is specialized in this home. need dreamweaver software friends can download from the network, download method: in the google search bar enter "dreamweaver software download" you can find a lot of download sites!!!! Other tools and software you can search for, download on it. However, remember to download the first anti-virus must be Oh, for us these stores, safety is very important.
2. Web page production, the first to consider the basic layout of their templates. Do not rush with dreamweaver to start editing, formal editing before I suggest that friends look at some other people's work, summarize the general layout of the baby description template, the need for the various options! The best way is the first paper, on paper with a pen to describe the layout of the template first sketched out, indicating the need to do some of the work and so on. However, the main module of the baby template I summarize is the following is a few pieces
A. goods of the big picture B. goods description C buyer matters D delivery method E store classification F store connection
Can be roughly sketched on paper the general layout, and then start the following work.
3. Prepare materials. You can't do a web page without material, material means some eye-catching pictures, text, backgrounds and other resources. And the most important, but also the most likely to be used is your store logo, baby pictures, text and store goods related to everything. These materials are all grouped into a directory below (the real formal editing method is in accordance with the folder to organize their own material), easy to find later. In addition, in order to make a better effect, may also want to use photoshop this tool, especially on the picture processing are inseparable from it. Download the method as described above can be.
4. Now the basic things are ready. Then start to do it.
Taoqiao.com
A. First of all, open Dreamweaver, create a new html page. This time on the workbench you see a white area, is the editing area.
B. Add a table for layout. This is very important, because the table can be more convenient for us to layout the distribution, as well as a variety of materials later positioning. With the form, we have in mind on the layout of the basic numbers. Inside the form can add our material, text, change the background and so on. These texts are generally general text, fixed, will not change with the different baby, such as buyers, delivery methods and other titles and descriptive text. At this time we also want to leave a place to place baby pictures, and baby description of the location, these are changes, because each baby pictures, and description are different. So be sure to leave this position. Gong Shuhua's Tao Qiao network
Tips: This step before the first need to use the pictures uploaded to the network, I recommend to you this site. The first upload has an advantage, later in the use of images, you can directly find the picture, and then copy the picture of the connection added to the image placeholder above the source can be, without having to upload an image while editing the web page.
C. In the position of the need to add images, add an image placeholder, remember, baby description template all images must be an image placeholder, not direct image. After adding we see a broken square, proving that the object is an image placeholder. Taoqiao
Focus on understanding why not directly insert images? Inserting an image directly will not show up in Taobao. You need to use image placeholders where you want to place images, including background images. With the image placeholder, it is the first place to occupy this position, and then add the appropriate image link address in this position, so that when viewing the web page in the browser, the browser itself in accordance with the image link address to download the image, you can display the picture you want. This is very important.
D. Add some image placeholders in other locations, such as store logos, store categories, etc. These locations can be convenient for you to operate later.
E. Fill in the image placeholders with the Internet address of the image, specifically for each product image, we fill in the Taobao baby editor. In Taobao's baby description editor, we find the product's image link address, fill in the image placeholder on the image source can be. In this way, only need to change the product image placeholder image source address, you can display the picture we want.
6. If not surprisingly, according to their own design, basically can be considered complete. Specific beauty is not beautiful to adjust slowly. Now the most important thing is to switch to the code editor window in Dreamweaver, CTRL + a select all the code, choose to copy, and then select a baby, in Taobao inside the baby editor, in the baby editor, choose to edit the source file, this time to switch to the code editor window. Paste the previously copied code into the window, and then select the editing mode, switch to the graphical editing mode. At this time you will find that the image placeholders you set before are now displayed as pictures. If it can not be displayed, it proves that there is no image link address. Dare to select the image placeholder, and then click the Insert/Edit Image button, enter the corresponding image link address can be. Special note: the main purpose of modifying the baby description is to be able to directly display the baby's big picture. This time must change the baby picture placeholder, the placeholder image source into the current baby picture link address can be. Content from the Taoqiao network
Click the preview, you can see the effect of editing, what is not satisfied, can only be slowly modified later.
Switch baby editor to the code mode, select all the code copy and copy to a TXT text file to retain the future of each baby can be used. When you create a new baby, copy the code directly under the code editing mode, and then switch back to the image editing mode to change the corresponding baby pictures.
How about, everything is very simple.
The following chart is dreamweaver graphics editing mode in the layout of the baby template, red font description of the part is commonly used to Oh, be sure to pay more attention.
The specific effect you can go to my store inside a random click on a baby to see it. There are still a lot of places to improve, please teach us more. There are any problems can be discussed together Oh. Can only be regarded as a brick to attract jade. I hope the experts will share your design experience with you.
Additionally, you can use the hotspot connection function in the baby editor to create a direct connection function on the image. For example, my template above the store introduction, store, credit evaluation of the text above the use of the connection function. This connection function how to realize it? Methods are as follows:
Select the picture you need to do the connection, image placeholders are also supported. Then this time you find dreamweaver left foot there are some small green icons. These are used to draw some square, round or other shapes on the picture area, in the browser, the mouse passes through these areas will become the shape of a small hand, these areas is the hot zone. When you click on this hotspot, you will be connected to the corresponding web page.
Quickly draw a region on the map, and then in the lower left corner of dreamweaver to connect to the address in the address you want to connect to the web page.
Put the code into the baby editor, and then preview, when the mouse on these areas, it will turn into the shape of a small hand. Click on it and you will be connected to the corresponding web page.
How to do the introduction of the product PPtOur product program is generally divided into three parts: company culture, product introduction, marketing strategy~
Company chapter is divided into the company profile corporate advantages company framework branding company concepts, etc.
Product chapter is divided into the use of the product traditional product features (shortcomings) of the product role principle of the product relevant departments of the approval of the proof of the product qualification authoritative certifications Product features product introduction
Marketing chapter is divided into national policy industry analysis market forecast marketing strategy
Lastly add a few pictures and so on can be about 50-60 ppt