Web-строительство с DreamweaverMX

Вставка графического изображения

Создайте новую пустую Web-страницу, сохраните ее под именем index_001. Выберите картинку и вставьте в страницу текст(подходящий для картинки) можно о себе, или о семье, или о друзьях, или о чем хотите.
Обычно в Web-страницах используют рисунки форматов GIF и JPEG.
На самом деле, растровых форматов множество, но подавляющее большинство из них — либо "фирменные", поддерживаемые одной программой, либо малораспространенные.
Проверьте, что бы ваша картинка имела расширение .gif или .jpeg.
Вставим рисунок. Поставьте курсор там, где хотите раместить картинку (в начале абзаца или в конце, или перед каким-то словом, или после). Откройте вкладку Common панели Insert — там находится кнопка Image (изображена ввиде картинки с деревом). Можно использовать меню Insert пункт Image.
Нажмем эту кнопку. На экране появится диалоговое окно Select Image Source.
Выберите файл с Вашим рисунком. Справа находится панель предварительного просмотра. Нажать кнопку ОК.
Посмотрите, что у вас получилось.
Теперь посмотрим, что мы можем сделать с этим рисунком. Выберите рисунок. Обратите внимание, что в правом нижнем углу, на правой и нижней границе рисунка имеются небольшие черные квадратики. Это маркеры изменения размера. Вы можете ухватиться мышью за любой из них и перетащить его, изменив тем самым горизонтальный или вертикальный размер изображения, а если ухватиться за маркер, находящийся в правом нижнем углу, оба размера изменятся пропорционально(при нажатой клавише <Shift>). Поэксперементируйте. Сохраните страницу.
Посмотрите на панель Properties (рисунок должен быть выбраным).
Поля W и Н позволяют ввести вручную ширину и высоту изображения. При вставке графического изображения Dreamweaver сам заполняет эти поля.
Поля ввода V Space и Н Space задают соответственно вертикальное и горизонтальное расстояние от края изображения до обтекающего его текста. По умолчанию равны нулю.
Поле ввода Src задает имя файла, где хранится рисунок. Справа от него две кнопки. Нажав на кнопку с изображением папки, вы откроете диалоговое окно Select Image Source.
Поле ввода Low Src задает имя файла, где сохранено так называемое "черновое" изображение. "Черновое" изображение имеет меньший размер, как правило, за счет большего сжатия и низкого качества. Когда пользователь соединяется с Интернетом по низкоскоростному каналу, Web-обозреватель первым делом загружает "черновик", т. к. он имеет значительно меньший размер, и выводит его на странице. А уже потом, пока пользователь просматривает готовую страницу, постепенно загружается полноценное изображение и подменяет собой "черновик".
Эта возможность подойдет, если вы делаете сайт с художественной графикой.
Задать имя файла "черновика" можно через пункт Low Source в контекстном меню.
Поле ввода Border задает толщину рамки вокруг изображения. По умолчанию она равна нулю.
Поле ввода Alt задает альтернативный текст.
Список Align. Позволяет задать местоположение изображения и обтекающего его текста.
Список Align содержит следующие пункты:

Baseline — низ изображения совпадает с базовой линией текста;

Тор — верх изображения совпадает с верхом текста;

Middle — середина изображения совпадает с базовой линией текста;

Bottom — низ изображения совпадает с низом текста;

TextTop — верх изображения совпадает с верхом самого высокого символа текста;

Absolute Middle — середина изображения совпадает точно с центральной линией текста;

Absolute Bottom — низ изображения совпадает с низом самого низко сидящего символа текста;

Left — изображение примыкает к левому краю страницы;

Right — изображение примыкает к правому краю страницы;

Default - расположение по умолчанию.

Задать выравнивание изображения можно в контекстном меню подменю Align.

Если вы сильно исказили размеры изображения и хотите начать все сначала, воспользуйтесь кнопкой Reset Size (можно контекстное меню пункт Reset Size) позволят сбросить размеры изображения в их значения по умолчанию.

Поэксперементируйте со свойствами на панели Properties
Кнопка Edit и пункт, контекстного меню, Edit With позволят вам открыть выделенное изображение в программе, установленной в системе как программа для открытия этих файлов по умолчанию. Это та программа, в которой графические файлы будут открыты при двойном щелчке на них в окне Проводника. Вполне возможно, что она не будет коректно работать. В этом случае воспользуйтесь подменю Edit With контекстного меню; выберите в нем пункт Browse, затем выберите в появившемся на экране диалоговом окне открытия файла исполняемый файл нужной программы и нажмите кнопку открыть. Изображение откроется в этой программе, и вы сможете его редактировать.

Внимание! У кого возникают вопросы, в ходе рассылки, присылайте их и будет создан раздел " Вопрос\ответ". Письма присылать по E-mail: istok@infotok.net.ru