Данный урок будет рассказывать о вставке на страницы сайта различных интерактивных элементов. Такими элементами, например, можно назвать различные интерактивные картинки, на которые наводится курсор, и изображение автоматически меняется. Чтобы вставить такое изображение нужно использовать раскрывающую кнопку на соответствующей панели. Далее будет небольшой список – Rollover Image. После нажатия на это меню будет видно диалоговое окно, в котором нужно указать название будущего изображения. Далее идет поле Browse (обзор), которое нужно для выбора изображения.

Вернуться к оглавлению видео курса. Или перейти к следующему уроку.

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

Вернуться к оглавлению видео курса. Или перейти к следующему уроку.

Специальная панель Properties (Свойства) дает возможность дополнительно настраивать графические изображения, но, для этого нужно вызывать большой редактор. Например, веб-мастер устанавливает на свой сайт картинку, разрешение которой 800 на 600. Но, такое большое разрешение не нужно и он сразу, же изменяет его на 320 на 240. Картинка в свою очередь меняется, но ведь её объем не поменялся. Ну а с помощью кнопки Resample можно уменьшить размер изображения, вследствие чего доступ к странице будет быстрее.

Вернуться к оглавлению видео курса. Или перейти к следующему уроку.

Для того чтобы картинки быстро загружались пользователями, их нужно обязательно оптимизировать. Данный урок будет посвящен настройки и оптимизации изображений. Для начала нужно выделить картинку и обратиться к панели атрибутов. На панели будет видна кнопка Edit (редактирование). Она открывает специальную программу для редактирования изображений. Данная программа называется Creative Suite Adobe Photoshop CS4. После этого нужно нажать на кнопку Edit Image Settings (Редактировать настройки изображения). Во вкладке Options (Опции) можно изменить формат изображения.

Вернуться к оглавлению видео курса. Или перейти к следующему уроку.

Кроме огромного количества текста любой качественный сайт должен содержать какую-нибудь графику. Но, при этом нужно всё сделать так, чтобы пользователь с легкостью мог загружать графику. Adobe Dreamweaver CS4 имеет в себе множество различных возможностей для работы с графикой. Данный урок будет рассказывать о возможностях добавления изображений на сайты. Чтобы вставить рисунок нужно использовать соответствующую кнопку на панели меню Вставки. После нажатия на неё откроется дополнительное меню.

Вернуться к оглавлению видео курса. Или перейти к следующему уроку.

Чтобы на сайте всё гармонично смотрелось, дизайнер обязан также создать нужный цвет для ссылок. Лучшим способ для форматирования ссылок является таблица стилей. Но, если сайт не будет порталом или коммерческим проектом, можно использовать способ описанный ниже. Сначала нужно открыть диалог Page Properties (Свойства страницы). Потом перейти в раздел Links (Ссылки). После этого справа будут видны все нужные настройки для ссылки. С помощью поля Link font (Шрифт ссылки) устанавливается гарнитура и очертания выделенного текста. Поле Size (Размер) обозначает размер шрифта.

Вернуться к оглавлению видео курса. Или перейти к следующему уроку.

Если веб-мастер решил создать свой сайт полностью на фреймах, нужно знать некоторые особенности создания меню на таком сайте. Данный урок будет повествовать о том, как создавать гиперссылки на полностью фреймовом сайте. Любой фрейм – это уникальный документ с уникальным именем. Это имя можно указывать в панели Target (цель) гиперссылки, после чего можно выбирать какой фрейм будет загружаться после нажатия ссылки. Таким образом, пользователь с легкостью может перемещаться с одного фрейма на другой.

Вернуться к оглавлению видео курса. Или перейти к следующему уроку.