| Содержание |
|
||||||||
|
Вставка изображенийОдной из приятных возможностей, предоставлямых редактором FCKeditor является внедрение изображений в содержимое страниц. Причем, это могут быть и картинки с других сайтов, и собственные изображения, размещенные на вашем сервере. Для этой операции используется кнопка на панели инструментов.Но прежде чем вставлять картинку нужно выполнить ряд предварительных действий. 1. Крайне желательно подготовить изображение для размещения на сайте. Если у вас фотография имеет огромные размеры ее нужно уменьшить. Дело в том, посетителям вашего сайта за все картинки, получаемые от вас прийдется платить. Чем больше размер - тем больше трафик. Конечно, средствами FCKeditor можно уменшить размер представления изображения на странице. Но (!) это не уменьшит размер файла. Воспользуйтесь любой подходящей программой, например, Photoshop или более легкой и бесплатной FastStone Photo Resizer (можно скачать здесь - www.FastStone.org) 2. Опять-таки желательно переименовать файл с изображением. Используйте только английские строчные буквы и цифры. Пробелы можно заменять дефисом или подчерком. И постарайтесь давать осмысленные названия. Если у вас будет пару десятков файлов с названиями, подобными этому: img-00140.jpg, то вы обязательно запутаетесь. 3. Подумайте, куда на странице вы будете вставлять картинку. Запомните основное свойство изображений в разметке страниц - они практически ничем не отличаются от букв. Вот наглядный пример - . Картинка вставилась как большая буква и, естественно, раздвинула строки, что, наверняка не то что, вы хотели получить. Есть несколько возможных вариантов исправить положение:- выделить для изображения отдельный абзац. Этого можно добиться соответствущими манипуляциями с клавишей Enter; - поместить картинку внутрь абзаца и заставить текст обтекать ее (о том, как это сделать написано ниже); - использовать невидимую таблицу; - ну, и если картинка маленькая и это соответствует вашим замыслам - ее можно вставить как букву. Когда все эти пожелания учтены и соответствующие действия предприняты - можно, наконец, заняться вставкой изображения. Поставьте курсор в то место, где должна быть картинка и нажмите кнопку . Откроется вот такое диалоговое окно:![]() В поле URL вы можете вставить адрес картинки в Интернете. В этом случае изображение не будет храниться у вас на сервере. Оно просто будет подключаться на вашу страничку с другого сайта. Естественно, вы должны помнить об авторских правах и учитывать то, что если хозяин того сайта удалит это изображение, то оно исчезнет и с вашей страницы. Если же картинка лежит у вас на жестком диске, то нажмите на кнопку "Посмотреть на сервере". Окроется менеджер файлов, работа с которым подробно описана в соответствующем разделе нашего описания. После того, как изображение будет выбрано, оно появится в окошке "Предварительный просмотр". Поля "Ширина" и "Высота" автоматически заполнятся. В случае, если вы захотите заставить текст обтекать картинку нужно сделать следующее: - в ниспадающем меню "Выравнивание" выбрать "По левому краю" или "По правому краю". Картинка сместится в соответствующую сторону; - нужно установить "Горизонтальный отступ". Этот параметр служит для того, чтобы между изображением и текстом получилось поле, иначе текст вплотную приблизится к картинке, что не всегда красиво. Просто впишите число пикселей. Для начала попробуйте 10. Потом можно изменить; - параметр "Вертикальный отступ" служит для того же самого, только он отвечает за промежутки сверху и снизу изображения. Теперь можно нажать кнопку "Ok". Картинка вставится в место нахождения курсора. Если что-то вас не устроит - кликните мышкой по изображению и опять нажмите кнопку . В открывшемся окне можно изменить параметры или выбрать другой файл. |
||||||||
Copyright © 2005-2009 Opti-Mail |
|
||||||||