Как добавить графику
Для добавления графических изображений в визуальном режиме Dreamweaver есть свои приемы, гораздо более легкие, чем ручной набор соответствующих тегов с указанием необходимых атрибутов (впрочем, кому как). Находясь в визуальном режиме, поставьте курсор в том месте страницы, куда хотите добавить графику, и используйте один из следующих методов:
□ вызовите команду меню Insert | Image;
□ нажмите комбинацию клавиш <Ctrl>+<Alt>+<I>;
□ щелкните по кнопке вставки графики на панели Insert (Вставка).
В появившемся диалоговом окне (рис. 2.3) выберите файл, содержащий графическое изображение в формате JPG, GIF или PNG. Выбранное изображение будет вставлено в тело Web-страницы. При этом его размеры будут автоматически указаны самим Dreamweaver.
Если у вас пока нет готовой графики и вы хотите сначала разработать концепцию дизайна страницы, то используйте заместитель графики — специальный прямоугольный объект. Для этого выполните команду меню Insert | Image Placeholder или нажмите кнопку Image Placeholder на панели Insert (рис. 2.4). В появившемся диалоговом окне укажите в пикселах ширину с помощью параметра Width и высоту с помощью параметра Height. Впрочем, это необязательно. Появившийся заместитель графики выглядит как серый прямоугольный блок с надписью, характеризующей его текущие размеры.
Вы можете изменять размеры как изображения, так и заместителя графики, просто потянув за один из углов выделенного объекта. При этом надпись на заместителе графики будет изменяться, чтобы соответствовать новым размерам. Размеры как заместителя графики, так и изображения можно отслеживать с помощью панели свойств и параметров W и Н, расположенных на ней (рис. 2.5). Первый параметр — это ширина, а второй — высота, в пикселах. Обратите внимание, что если изменить размеры изображения в Dreamweaver, цифры параметров W и Н будут выделены полужирным. Это означает, что текущие заданные размеры не соответствуют действительным размерам изображения. Для того чтобы привести размеры изображения к действительным, просто нажмите кнопку Reset Size, которая находится в правой части панели Properties.
|
Рис. 2.3. Чтобы добавить графическое изображение к странице, нажмите кнопку Image на панели Insert (выделено стрелкой) |
|
Рис. 2.4. Диалоговое окно Image Placeholder |
Удалить изображение можно, щелкнув по нему один раз (чтобы выделить) и нажав клавишу <Delete>. Двойной щелчок приведет к запуску (или к попытке такого запуска) графического редактора Macromedia Fireworks, в котором вы сможете отредактировать изображение. Если двойной щелчок был сделан по заместителю графики, то откроется диалоговое окно, в котором вы сможете выбрать настоящий графический файл. Так что поосторожнее с щелчками!
Подробнее о работе с графикой рассказывается в главе 7. А сейчас переходим к следующей важной составляющей всех Web-страниц — к ссылкам.