Оглавление:
Видео: урок Dreamweaver видеоурок пятый 001 на русском языке 2024
Вы можете использовать пункты меню, копировать и вставлять и даже перетаскивать изображения на странице Dreamweaver Adobe Creative Suite 5 (Adobe CS5). В результате размещение изображений на веб-странице Dreamweaver проще, чем когда-либо, в основном из-за его интеграции с другими продуктами Adobe.
Вставка изображения
Если вы заранее готовите изображения, сохраните или переместите оптимизированные изображения в папку своего сайта.
-
Нажмите на страницу, чтобы расположить курсор, куда вы хотите поместить изображение.
-
Найдите общую категорию из раскрывающегося списка в верхней части панели «Вставить» и нажмите кнопку «Вставить изображение» или выберите «Вставить» → «Изображение».
Если изображение не используется по умолчанию для кнопки «Вставить изображение», щелкните и удерживайте стрелку справа от кнопки и выберите «Изображение» в раскрывающемся списке.
Появится диалоговое окно Выбор источника изображения.
-
Перейдите к месту, где находится ваше изображение, и нажмите OK (Windows) или выберите (Mac), чтобы поместить выбранное изображение.
Если ваши изображения находятся в папке вашего сайта, вы можете щелкнуть по кнопке «Корень сайта» в диалоговом окне «Выбрать источник изображения», чтобы быстро перемещаться по ней. Если изображение отсутствует в папке вашего сайта, в окне предупреждения появится запрос, хотите ли вы сейчас скопировать файл.
-
Если вам будет предложено скопировать изображение в корневую папку вашего сайта, нажмите «Да». Когда откроется диалоговое окно «Копировать файл как», проверьте правильность имени и нажмите «Сохранить».
В диалоговом окне «Атрибуты доступности метки изображения» вы указываете, что вы вводите текст alt.
-
Введите слово или три, которые наилучшим образом описывают ваше изображение (например, «Наша семейная фотография») в текстовом поле «Alt» и нажмите «ОК».
Изображение вставлено.
Перетаскивание изображения
В дополнение к вставке изображений из меню «Вставка» или «Приложение» вы можете перетаскивать и помещать изображения непосредственно с панели «Файлы» на страницу. Если вы перетаскиваете изображение, курсор следует за ним, когда вы перемещаете его по документу; отпустите кнопку мыши, когда курсор отметит правильное место, где вы хотите сбросить изображение.
Если вы используете рабочий процесс Adobe Bridge, вы можете оставить Bridge running и перетащить изображения, как вам нужно, прямо из окна Bridge на страницу Dreamweaver. Вы можете получить доступ к Bridge, выбрав File → Browse в Bridge.
Если изображение является исходным файлом Photoshop (PSD) или Fireworks (PNG), появляется диалоговое окно «Предварительный просмотр изображения», что дает вам возможность оптимизировать изображение перед его размещением.
Вы также можете перетащить оптимизированное изображение с рабочего стола или других папок на страницу Dreamweaver.Если изображение не находится в папке вашего сайта, у вас есть возможность скопировать это изображение в папку вашего сайта, когда оно будет размещено.