Friday, October 23, 2009

With Dreamweaver depict image

    Image of Tracing Image(depict) it is the function that increases in Dreamweaver 2.0, but when introducing Dreamweaver 4.0, we still should mention it. Want to understand a certain strange thing well, a good method mixes it namely similar but it is the thing that already was familiar with by people place however make a development and compare all-aroundly, so, let us see the background picture that it and we say normally have what similarities and differences:

Bit more identical: Tracing Image is the image in setting of page of a consist in like background picture together, I think this is the same point of their only.

Differentia:

1, Tracing Image won't by Dreamweaver tile (to picture of a background, if image dimension is less than the dimension of the page,meet by tile. If image dimension is less than the dimension of the page,meet by tile..

2, the diaphaneity that can appoint Tracing Image. < BR>
3, Tracing Image is seen in Dreamweaver only, in the browser it is met by oversight.

4, when Tracing Image is visible in Dreamweaver, background picture and setting color will turn into sightless. But a switch can let you choose to want to show Tracing Image is returned is background picture.

It is one shows the Tracing Image(in documentation window sees graph 1) below.

The practice is as follows:

1, above all, we should make picture of a model. Editors of any a kind of image that you can like with you apply a program to make this model picture, want you to save its finally only it is OK to be GIF, JPG, JPEG or PNG format. After, we will serve as the guide that builds page position with this model image. Meaning that is to say, be designed first and had made already the page position that image changes, put its into the page as Tracing Image again, the layout copy that turns according to this image next went, this complex to integral pr ogram page overall arrangement has profit very much.


Graph 1

2, next, the image model that I should have made this is put into the page of need. Choose " Load of → of Tracing Image of View → " , will appear a dialog box, the image model that finds you chooses it, click next [Select] .

3, Page Properties dialog box appears back-to-back move, the diaphaneity that moves slide block to specify picture through procrastinating (Transparent) , click next [OK] . You can carry an option in any moment " Modify → Page Properties " , will choose another Tracing Image or the diaphaneity that change current Tracing Image.

4, graph 2 it is the appearance after I put my Tracing Image the page (I installed diaphaneity to be 70 % ) .


Graph 2

5, after loading Tracing Image, observed, in the center of always feel this Tracing Image appears to not was in documentation, accordingly, I decide to want to adjust the position. Choose " Adjust Position of → of View → Tracing Image " . The coordinate that inputs X and Y axis in shooting the dialog box that give is worth (acquiescent position is 8, 11) , click next [OK] .

Besides adjusting the position, you still can use following option:

Show(shows) -- use conceal and show Tracing Image, when Tracing Image is concealed, background picture and setting color can be shown came (it is the) below the premise that installed them in you of course.

Align With Selection(is opposite with option neat) -- the top left corner that can invite your top left corner Tracing Image and the boy or girl friend of a certain your pitch on is right neat (need is nodded first choose a preparation to be opposite neat o bject) .

Reset Position(restoration) -- can remand your Tracing Image (X: 0, y: The position of 0) .

6, since we had had the Tracing Image that has placed, can come according to it scale layout. In clicking object palette [Layer] , pull the green area in putting two layers to enclothe Tracing Image respectively.

7, so far, you can see, tracing Image assisted me successfully to complete this simple overall arrangement, of course, tracing Image can be competent completely far more complex than this much page position job. But my job has not been finished, my design is the picture that should set camera of a number in the big layer of right, and to the left the specification to this camera is placed in small layer. After parting to insert picture and input written language in big layer and small layer, the page is it seems that such (3) seeing a picture.


Graph 3

8, good, all jobs had finished. Let us be previewed in the browser (4) seeing a picture.


Graph 4

Need not worry about a browser completely will how look upon Tracing Image, it can be shown in the both neither in the browser, also won't be downloaded, it can show only in Dreamweaver.

No comments:

Post a Comment