Мастер вставки картинки

Опубликовал: Воскресенье, Май 27, 2012 в категории HTML, Новичкам | Пока нет комментариев

Для добавления на веб-страницу графических изображений полезно использовать специальный механизм, вызываемый с помощью команды главного меню Инструменты ? . При активизации данной команды на экране отображается окно, которое показано на рис. 3.12.

Рис. 3.12. Мастер вставки графических изображений

Слева вверху данного окна находится переключатель Виды вставок, с помощью которого следует указать, каким образом должно быть вставлено выбранное изображение – как отдельный объект или в качестве фонового изображения (значения соответственно Вставить как объект и Вставить как фон).

После этого нужно указать путь к файлу изображения. Вначале из раскрывающегося списка выбирается диск, на котором находится этот файл, а затем правее указывается конкретный каталог. Содержимое каталога отображается слева (под полем, в котором указан диск), и для выбора требуемого файла нужно выделить его щелчком мыши.

Справа вверху окна демонстрируется изображение, на котором в списке установлен курсор. Таким образом, щелкая мышью на всех файлах выбранного каталога, вы можете просмотреть каждое изображение и выбрать наиболее подходящее из них.

Если переключатель Виды вставок установлен в положение Вставить как объект, то становятся доступными для редактирования параметры, находящиеся в области Дополнительные настройки (Необязательные). Здесь вы можете указать толщину рамки изображения, ввести краткое описание изображения, а также указать его ширину и высоту.

В нижней части окна с помощью переключателя Указывать путь нужно определить, какой путь должен быть указан – Относительный или Абсолютный. О том, что такое относительный и абсолютный путь, мы говорили ранее – в разделе «Форматирование текста, создание таблиц и вставка изображений».

Чтобы вставить изображение в документ в соответствии с установленными настройками, нажмите в окне Мастера кнопку Вставить. Кнопка Отмена предназначена для выхода из данного режима без вставки графического объекта в документ.

Мастер свойств веб-страницы

В программе реализована возможность определения основных свойств веб-страницы с помощью соответствующего Мастера, вызываемого с помощью команды главного меню Инструменты ? Мастер свойств странички. При активизации данной команды на экране открывается окно, которое показано на рис. 3.13.

Рис. 3.13. Мастер свойств веб-страницы

Смысл данного Мастера состоит в том, чтобы максимально быстро задать основные свойства страницы: фоновый рисунок, цвет шрифта и фонового оформления, заголовок страницы, цвета ссылок (причем отдельно можно указать цвет активной и помещенной ссылки), и т. д.

Например, чтобы озаглавить веб-страницу, вам не нужно вручную набирать теги <title>

</title> и писать между ними название страницы. Достаточно в окне Мастера установить соответствующий флажок, и в расположенном справа поле с клавиатуры ввести текст заголовка.

Чтобы использовать какое-то изображение в качестве фонового оформления, установите флажок Фон странички и нажмите распложенную справа кнопку Выбрать. В результате на экране откроется окно, в котором нужно будет по обычным правилам Windows-приложений указать путь к требуемому файлу. Учтите, что программа поддерживает работу с графическими объектами, сохраненными только в файлах форматов bmp, gif и jpg.

Что касается выбора цветов для элементов веб-страницы (ссылок, шрифта и др.), то для этого нужно установить соответствующий флажок, затем нажать расположенную справа кнопку Выбрать и в открывшейся палитре цветов выбрать подходящий цвет.

После нажатия в данном окне кнопки Вставить в программный код веб-страницы будут автоматически внесены соответствующие изменения. С помощью кнопки Отмена осуществляется выход из данного режима без сохранения и применения выполненных изменений.

Источник: А. А. Гладкий. «Веб-Самоделкин. Как самому создать сайт быстро и профессионально»

Add to Social Bookmarks
  • del.ici.ous
  • Digg
  • Furl
  • Google
  • Simpy
  • Spurl
  • Y! MyWeb
  • BobrDobr
  • Mr. Wong
  • Yandex.Bookmarks
  • Text 2.0
  • News2
  • AddScoop
  • RuSpace
  • RUmarkz
  • Memori
  • Google Bookmarks
  • Pisali
  • SMI 2
  • Moe Mesto
  • 100 Zakladok
  • Vaau!
  • Technorati
  • RuCity
  • LinkStore
  • NewsLand
  • Lopas
  • Закладки - I.UA
  • Connotea
  • Bibsonomy
  • Trucking Bookmarks
  • Communizm
  • UCA

Похожие посты:

Комментировать

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>