Познавательное чтиво

Откройте вашу Web-страницу и поставьте курсор в том месте, куда вы хотите вставить изображение. После этого используйте команду меню Insert | Image или комбинацию клавиш <Ctrl>+<Alt>+<I>. Вы можете также нажать кнопку Image на панели Insert. В любом случае, после выбранного вами действия откроется диалоговое окно Select Image Source для выбора графического файла (рис. 7.3). Ряд кнопок и параметров в этом окне являются стандартными, как при обычном выборе файла в операционной системе Windows. Кстати, надписи на этих кнопках могут отличаться в зависимости от версии и локализации Windows. Рекомендую обратить особое внимание на следующие параметры.

□ Select File Name From — предназначен для выбора источника файла или имени файла. Если установлен переключатель File system, то выбор файла происходит как обычно, из файлов, расположенных на компьютере. Переключатель Data Sources предназначен для выбора имени файла из источника данных, расположенных на сервере, к примеру, из базы данных. Нас пока интересует только первый вариант, то есть File system.

□ File Туре (Тип файлов в локализованной Windows) — список доступных форматов. По умолчанию позволяет выбирать файлы трех Web-форматов (GIF, JPEG, PNG). При этом только эти файлы и будут показываться в окне выбора. А вот если установить All files (*.*), то тогда в окне выбора становятся видны все файлы, независимо от формата. Вы можете выбрать файл с любым расширением, хотя он, скорее всего, не будет отображаться ни в Dreamweaver, ни в браузерах.

□ URL — относительный путь к файлу. Если страница, на которую мы вставляем картинку, была только что создана и не сохранена, путь будет абсолютным. После нажатия кнопки OK, Dreamweaver выдаст предупреждение, что файл будет записан с абсолютным путем, начинающимся с префикса file://. Но при первом же сохранении страницы внутри папки любого из определенных в Dreamweaver сайтов абсолютный путь к файлу будет автоматически переписан на относительный.

□ Relative То — задает, относительно чего определяется путь — относительно документа или корня сайта? О разнице между абсолютным и относительным путем, а также о двух типах относительного пути вы можете прочитать в главе 6 (странно, если вы этого еще не сделали!).

□ Preview Image — показывать уменьшенное содержание файла в правом верхнем углу окна. Если данная опция отмечена, вы можете просматривать картинки прямо в этом же диалоговом окне.

При нажатии кнопки ОК (или же при двойном щелчке на имени файла), диалоговое окно Select Image Source закрывается, и вы оказываетесь лицом к лицу с новым изображением на странице. В случае, если изображение вставляется в новую и еще не сохраненную страницу, появляется предупреждение о том, что изображение будет вставлено с ссылкой по абсолютному пути (рис. 7.4).

Если для файла изображения был задан абсолютный путь и файл находится за пределами корневой папки сайта, Dreamweaver обязательно спросит, не надо ли скопировать его в корневую папку сайта (рис. 7.5)? Рекомендуется ответить утвердительно.

Если же путь к файлу изображения был задан как относительный, Dreamweaver автоматически скопирует его внутрь корневой папки сайта. А точнее — внутрь той папки, которую вы определили в самом начале как исходную для графических изображений.