You got acquainted with all singularities of preparation of images for web pages, their optimization, creation of dynamic elements of page. It is necessary to export only the optimized images to a dial-up of graphic files and to receive a ready HTML-code. The present section also is devoted this question.

Export options of images are collected in dialog box Output Settings (export Adjustment), caused by any command of the list with the same name enclosed in menu File (File). Each command opens one of sections of this dialog box. (Background) you are already familiar with section Background. Now came to consider time and remaining.

Section HTML (fig. 11.51) dialog box Output Settings (export Adjustment) is responsible for adjustments of generation of the HTML-code controlling demonstration of images. The window in this section is divided into four areas. In the field of Formatting (Formatting) there are adjustments of formatting of the HTML-code. They do not influence by sight web pages and are included for convenience of the users, not shunning code editing manually, in the normal text editor. In the field of Coding (Code) is flag Include GoLive Code (Compatibility with Go Live). Install it if build a site by means of Adobe GoLive. ImageReady places in a HTML-file the special code, allowing to edit states ролловеров in this program. Areas Slice Output (Export of fragments) and Image Maps (Reference maps) contain setting of export of fragments of the cut images and reference maps.

From lists Tags Case (the Register of tags) and Attribs Case (the Register of attributes) areas Formatting (Formatting) select the register of a spelling of tags and attributes. In list Indent (Indent) install the customary size of indents from the left edge. List Line Endings (the Ends of lines) allows to set a platform on which you will edit the text. Distinction of the generated code will be only in line end characters: on different platforms (PC, Macintosh, UNIX) different combinations of backspace characters of the carriage and a new line are used. Flag Always Quote Attributes (Attributes always so-called) forces ImageReady to quote attributes of tags always. At the removed flag of a quote are put only there where it is really necessary. At installed flag Include Comments (to Include comments) ImageReady includes in the HTML-text the comments dividing units of the code. If you edit the code immediately comments allow to be guided easier in it. Otherwise (if you use, the visual editor of type Frontpage, GoLive and etc.) switch-off of comments reduces the size of a HTML-file.

Once again we underline that the enumerated setting concern only appearance of the generated code and do not affect a type of pages in browsers. When you use visual HTML editors, adjustments areas Formatting (Formatting) to you are absolutely useless. If you edit the code in the text editor adjust a type of the generated code according to your habits.

Setting of area Slice Output (Export of fragments) are more basic. Compatibility of the generated code with old versions of browsers depends on them. Switch Generate CSS (to Use CSS)/Generate Table (to Use tables) defines a choice of the main means of formatting of page. The cascade style sheets (CSS, Cascading Style Sheets) provide the full freedom and split-hair accuracy of layout on page of any elements. Unfortunately, for today not in all browsers their support is implemented. Nevertheless if you are guided by "the mass visitor" safely use CSS on the site. Three most widespread browsers — Netscape Communicator, Microsoft Internet Explorer and Opera — well interpret code CSS, since versions 4.0.

If you preferred formatting CSS can select as positioning of fragments of the image will be carried out: on a unique identifier (ID), it is local (Inline) or on the class identifier (Class). The first variant By default is offered. If you do not have on that weighty reasons, do not change this method in list Referenced (Addressing).

To save compatibility with old versions of browsers, translate the switch in the field of Slice Output (Export of fragments) in position Generate Table (to Use tables). Then tables HTML which support all vendors of browsers already had time to implement become the main means of layout of fragments.

For tables you can select following variants of formatting:

• TD W&H. Image fragments are arranged on the web page by means of tables HTML. Variant Always leads to mandatory instructions of the sizes of each cell of the table. Variant Never is necessary on determination of the sizes of cells by the browser. Variant Auto trusting ImageReady the decision of this problem by default is offered. We advise to use it as the sizes are put down only for "critical" cells. Thus the code is not overloaded with the superfluous data and very good level of compatibility is reached.
• Spacer Cells (Cells-dividers). Switching-on in the table of blank cells makes sense, only if image fragments expressly are not joined with each other. Some browsers can distort the table form if the image occupies its cell not completely. Switching-on in the table of blank cells allows to avoid this problem. Variant Auto offered by default, as a rule, provides the best result.
• Empty Cells (Blank cells). This adjustment makes sense only for the fragments which are not containing the images (type Image (There is no image) in palette Slice (the Fragment)). She allows to install a filler for blank cells that the browser did not change their sizes at review. A standard variant is cell filling with the transparent image in the size in 1 пиксел, and for it the demanded height and width are explicitly specified. "The deceived" browser scales till these sizes "invisible" пиксел and considers a cell filled. Such method, GIF, IMG W&H, is used by default. The second method, GIF, TD W&H, consists in the rigid job of the sizes of a cell, instead of "transparent пиксела". The third method, No Wrap, TD W&H, does not demand the image with "transparent пикселом" and uses insufficiently standardized means HTML for filling of blank cells. Though the last variant also is most natural, it is badly compatible to old versions of browsers.

If you set client handling of a reference map, can select a place from a HTML-file where the description of zones will be allocated: in the beginning of a body of page, in the end, or directly ahead of the link to the image. If you do not intend to edit the code manually the choice in list Placement (reference map Layout) has no value.

Section Slices (Fragments) of dialog box Output Settings (export Adjustment) contains setting of generation of names of fragments (fig. 11.52). We underline that it is a question of names of fragments, instead of files in which they will be stored.

The algorithm of generation of names of fragments is set by the lists which are in area Default Slice Naming (Names of fragments by default). By default from them three are involved only. The variant is selected from the first list doc.name (a document name). It means that the first the fragment name turnes on a document title. The separator is selected from the following list underscore (underline character). It separates a name of the document from fragment number slice no. (Fragment number) which is set in the third list. Thus, the fragment name is under construction of a name of the document and number of the fragment, divided by underline character. Such именование it is represented quite reasonable as by name a fragment you can always define, it concerns what image. Switching-on in a name of number of a fragment is necessary for support of uniqueness of their names. Sharing of a name of the document and fragment number gives to a name the big visualization, especially if the document name itself contains number, for example, bannerl or divider64.

At will you can include in a name of a fragment and other additional information. Select it from three remained lists. It can be, for example,

Especially to overload names of fragments with the additional information. Names of fragments are used for creation of names of their files. Unduly long names explain business not so much, how many tangle, and not all operating systems support names of files in length of 255 characters.

As contents of all six lists absolutely identically, you can rearrange "information fields" in names of files. If, for example, to select a variant slice no. (Fragment number) in the first list, a doc.name (a document name) in the third in a fragment name on the first place there will be its number. It, on the one hand, refines compatibility of names with standard DOS (8.3), but, on the other hand, complicates review of set of files in a folder because of inconvenient sorting.

Names of files in which fragments and states ролловеров are saved, are generated on the basis of names of fragments and according to the rules defined in section Saving Files (Saving in files) dialog box Output Settings (export Adjustment) (fig. 11.53).

This section is arranged similarly to section Slices (Fragments). Area File Naming (Names of files) is occupied with nine lists, setting "fields" from which names of files are added. Them normally form on the basis of names of fragments. Therefore the first component of a name of a file by default installs a name of a saved fragment. The last component of a name of a file (the last list) is the extension for which you can select the register of characters. As a rule, and for names of files, and for extensions use characters in the lower register.

Except a fragment name (the first list in the field of File Naming (Names of files)) and extensions (the last list) are involved in formation of a name of a file two more fields. They designate a state ролловеров.

After a fragment name, according to setting by default, the separator (shooting gallery), and then — a rollovera-switch name follows. This field makes sense only for secondary ролловера also he allows to define easily, with what ролловером ассоциирован. After a switch name the separator (underlining) and a state ролловера which, thus, also is reflected in names of files again follows.

To facilitate to itself orientation among set of the files making a site, web designers allocate images separately from files of documents (HTML), in the special directory. Flag Put Images in Folder (to Place images in a folder) forces ImageReady to follow this good rule. The line allocated more to the right should contain folder name for images. Normal for this purpose the name images by default is offered. We advise it to leave and, certainly, to install flag Pat Images in Folder (to Place images in a folder).

Flag Copy Background Image when Saving (to Copy a background texture at saving) says ImageReady that together with all graphic files it is necessary to copy in the selected directory and the current background texture installed in section Background (Background).

Image export according to the parameters considered above, is launched by command Save Optimized (to Save optimized) or Save Optimized As (to Save optimized as) menu File (File). These commands differ from each other the same as also commands Save to (Save) and Save As (to Save as). The first serves for repeated saving of the optimized image, and the second — for saving under other name. Attempt of the first saving by command Save Optimized (to Save optimized) all the same opens window Save Optimized As (to Save optimized as) as only it allows to assign names to saved files.

Dialog box Save Optimized As (to Save optimized as) is represented on fig. 11.55.

1. Select command Save Optimized As (to Save optimized as) from menu File (File).

2. In list Save in (Folder) specify a folder in which will write down a web page HTML-file. Image files are saved in the same folder, or in enclosed, depending on your choice in section Saving Files (Saving in files) dialog box Output Settings (export Adjustment).

3. In the field File name (a file Name) enter a HTML-file name. By default for it the document name is offered. As the document name enters and in names of the graphic files, a new name of the HTML-document replaces a name of the document and in them.

4. Push button Output Settings (export Adjustment). It opens the dialog box with the same name. Thus, you can directly change its adjustments in the course of export. The made changes will operate only in a current session of export. Close a dialog box button Cancel to (Cancel), as all adjustments are already made.

5. In dialog box Save Optimized As (to Save optimized as) select from list Save as type (Type of files) variant HTML and Images (HTML and images). Variants HTML Only (Only HTML) and Images Only (Only images) allow to save either a web page file, or images. They are useful at repeated saving — in the event that as a result of editing something changed one.

6. From the list in the lower part of a window select variant All Slices (All fragments) that all fragments of the image were exported. Otherwise those fragments which have been selected in the document at the moment of the export beginning will be saved only. It happens conveniently if it is required to update, say, only one ролловер or animation.

7. Push button Save to (Save). The HTML-file will be saved in the selected folder, and in a nested folder images there will be all files of fragments in different states ролловеров.

The image is exported. Now it can be tested in the browser, out of ImageReady. Open a file Europe_sliced.html in the browser and admire result of operation. If you want to test links make a series of trial HTML-documents with titles which entered at creation of fragments. They can have the elementary appearance presented more low. The number of such documents should be equal to number of the countries. Certainly, instead of France the title of the appropriate country should figure in title and a file body.

<html>

<title> France </title>

<body>

<hl> France </hl>

</body>

</html>

No means always cut image is unique object on page. Therefore in many cases the code of the whole page (which it turns out as a result of export), but only its fragment describing in-house assembly of the image is required to the web designer not. ImageReady gives such possibility command Copy HTML Code (to Copy a HTML-code) from menu Edit (Editing). This command opens the list from which it is necessary to select, what part of the code you want to receive: all fragments (All Slices) or only selected (Selected Slices). The HTML-code of the assembly of the image is copied in a system clipboard and can be interposed into the text of the web page loaded in any editor.

The illustrations allocated in books or logs, are protected by the copyright. Without the permission of the owner of these rights (the journalist, the photographer, the publisher, the designer and etc.) they cannot be used other persons or the organizations. It is easy to give proofs of illegal loan to court as it is the printed book or log. And what to do in case of their electronic propagation? How to prove, what the image is created really by you and at you is stolen? For this purpose in the image it is necessary to leave the autograph somehow. Certainly, the ordinary autograph (as on patterns) here is not necessary, as it is easy for deleting.

Some years ago the decision of the given problem was offered by company Digimarc. Technology ImageMarc developed by them allows to implement in the image (in the image, instead of in a file) a numeral label which can be считана. The label absolutely precisely identifies the author of the image and serves as the certificate of its rights. It is interesting that a label, being an image part, it is absolutely imperceptible. For obtaining of the personal authoring identifier it is necessary to register for a small board on company Digimarc server (http://www.digimarc.com). Without registration label usage is not meaningful, as it will not be possible to prove that the label belongs to you. However, software Digimarc does not allow to implement a personal label while registration is not produced. If the image contains a label of the registered author, that, считав it, you can address on server Digimarc for detail information obtaining about the author.

Software Digimarc is delivered in set Photoshop in the form of filters Digisign. Sbf and Digiread. Sbf. The first is intended for label implementation, and the second — for its reading. Filters are caused by commands Embed Watermark (to Implement a label) and Read Watermark (to Read a label), being in group of filters Digimarc. You can experiment with a numeral label on an example of any image. By means of filter Embed Watermark (to Implement a label) implement in the image a demonstration label (it well and without registration). Edit the image until the label does not cease to be read by filter Read Watermark (to Read a label). You are convinced that the label is rather steady: to delete it it is possible only such means which make the image unrecognizable. As company Digimarc promises, the label will be read out even after scanning of a typographical print of the marked image.,

At discovery of any file Photoshop automatically tries to find a numeral label. If the label is defined, in document window title the copyright character © is displayed. You can accelerate loading of images in Photoshop if sacrifice this function. To disconnect mandatory search of a label at file discovery, it is necessary to delete filter Digiopen. Sbe from a folder \Plug-Ins\Digimarc.

• By preparation of images for web pages the second component of packet Photoshop 6.0 — Image Ready, giving to possibility of cutting of images, creations ролловеров, reference maps and GIF-animation is used. ImageReady it is very similar on Photoshop on appearance and the organization of functions.
• As images on the web page are intended only for screen review, they should have resolution of the screen of the monitor (normally from 72 to 96 pikselov/inch). At creation of web pages instead of pair the size/permission is more convenient to use one unit of measure — пиксел.
• All browsers allow to view web pages with images in formats GIF and JPEG. The given formats use the effective algorithms of compression considerably reducing the sizes of graphic files. Thus format GIF supports only indexed, and JPEG and полноцветные images. To reduce the size of a GIF-file it is possible reducing an amount of colors in the image. Format JPEG allows to control compression, but its magnification leads to image quality lowering.
• Preparation of images for Web has the specificity connected at low transit velocity of the data on switched lines. She demands minimization of the sizes of files and the images, named optimization. Optimization of images at their export to formats GIF, JPEG and PNG is carried out by means of palettes Optimize (Optimization) in ImageReady or Save for Web unit (to Save for Web) in Photoshop.