- •Министерство образования и науки российской федерации
- •Введение
- •1. Лабораторная работа № 1 «Доступ, работа и информационный поиск вInternet»
- •1.1. Цель работы
- •1.2. Теоретическая часть
- •1.2.1. Общие сведения о работе в Internet
- •1.2.2. Сервисы Internet
- •1.2.3. Информационный поиск в Internet
- •1.3. Порядок выполнения работы
- •1.4. Содержание отчета
- •1.5. Контрольные вопросы и задания
- •2. Лабораторная работа № 2 «html– язык разметки гипертекстовых и гипермедиа-документов»
- •2.1. Цель работы:
- •2.2. Теоретическая часть
- •2.2.1. Общие сведения о языке html
- •2.2.2. Синтаксис html 3.2
- •2.2.3. Основные структуры html-документа (с примерами)
- •2.2.4. Разметка текста, выделение шрифта, цитирование, код
- •2.3. Порядок выполнения работы
- •2.4. Содержание отчета
- •2.5. Контрольные вопросы и задания
- •3. Лабораторная работа № 3 «Средства и программы поддержки звука в среде осmsWindowsXp»
- •3.1. Цель работы:
- •3.2. Теоретическая часть
- •3.2.1. Средства поддержки звука и их настройка
- •3.2.2. Встроенная программа «Звукозапись»
- •3.2.3. Встроенный Проигрыватель Windows Media
- •3.2.4. Программа cDex 1.51
- •3.2.5. Программа Ahead Nero
- •3.3. Порядок выполнения работы
- •3.4. Содержание отчета
- •3.5. Контрольные вопросы и задания
- •4. Лабораторная работа № 4 «Средства и программы поддержки видео в среде осmsWindowsXp»
- •4.1. Цель работы:
- •4.2. Теоретическая часть
- •4.2.1. Средства поддержки видео и их настройка
- •4.2.2. Встроенная программа «Windows Movie Maker»
- •4.2.3. Встроенный Проигрыватель Windows Media
- •4.3. Порядок выполнения работы
- •4.4. Содержание отчета
- •4.5. Контрольные вопросы и задания
- •5. Лабораторная работа № 5 «Программы поддержки анимации»
- •5.1. Цель работы:
- •5.2. Теоретическая часть
- •5.2.1. Программа PhotoMorph 2.00
- •5.2.2. Программа hsc Digital Morph 1.1a
- •5.3. Порядок выполнения работы
- •5.4. Содержание отчета
- •5.5. Индивидуальные задания
- •6. Лабораторная работа № 6 «Инструментальные системыWeb-дизайна.Dreamweaver»
- •6.1. Цель работы:
- •6.2. Теоретическая часть
- •6.2.1. Основные возможности программы Dreamweaver 3.0
- •6.2.2. Стилевое дополнение к стандартным возможностям
- •6.2.3. Задание текущей директории и редактирование свойств сайта в целом
- •6.2.4. Форматирование текста
- •6.2.5. Вставка изображения и редактирование его свойств
- •6.2.6. Настройка свойств изображения
- •6.2.7. Работа с таблицами
- •6.2.8. Работа с отдельными ячейками
- •6.2.9. Добавление новых ячеек в таблицу
- •6.3. Порядок выполнения работы
- •6.4. Содержание отчета
- •6.5. Контрольные вопросы и задания
- •7. Лабораторная работа № 7 «Авторские системы разработки мм продуктов. Macromedia Flash mx 2004»
- •7.1. Цель работы:
- •7.2. Теоретическая часть
- •7.2.1. Общие сведения о Macromedia Flash mx 2004
- •7.2.2. Средства помощи и обучения
- •7.3. Порядок выполнения работы
- •7.4. Содержание отчета
- •7.5. Контрольные вопросы и задания
- •8. Лабораторная работа № 8 «Авторские системы разработки мм продуктов. MacromediaDirectorMx 2004»
- •8.1. Цель работы:
- •8.2. Теоретическая часть
- •8.2.1. Общие сведения о MacromediaDirectorMx 2004
- •8.3. Порядок выполнения работы
- •8.4. Содержание отчета
- •8.5. Контрольные вопросы и задания
- •Приложение 1. Оформление отчета по лабораторной работе
- •Библиографический список
- •Содержание
6.2.6. Настройка свойств изображения
После вставки изображение автоматически оказывается выделенным, при этом меняется панель свойств объекта (не вылезает дополнительная, а просто меняется существующая!). Чтобы в дальнейшем изменить какие-то свойства, достаточно выделить нужное изображение и обратиться к этой панели (рис.6.13).
В верхнем углу панели отображается миниатюрная копия изображения, чтобы вы были уверены, что работаете именно с тем изображением, с которым собирались. Справа от этой копии окошечко, в которое можно вписать значение параметра «name» (название рисунка, используется поисковыми системами и браузером при кэшировании страниц). Ещё правее – ширина и высота рисунка (изменять не рекомендуется, т.к. браузеры не всегда удачно масштабируют графику.
Рис.6.13. Редактирование свойств изображения
Лучше масштабировать картинку в каком-нибудь графическом редакторе, и на сайт её выкладывать с текущими размерами). Удалять эти параметры тоже нежелательно – это уменьшит, конечно, размер кода, но в то же время увеличит время загрузки страницы, т.к. браузер не сможет корректно отформатировать текст, пока не загрузит графику.
Далее идут параметры src (путь к рисунку) и link (следует заполнять, если рисунок является гиперссылкой). К счастью, Dreamweaver не вставляет автоматически рамку вокруг рисунка, являющегося ссылкой. Но если вы хотите, чтобы рисунок был обведён рамкой определенной толщины, независимо от того, является он ссылкой или нет, следует установить соответствующее значение параметра border (поле border в правой нижней части панели).
В правом верхнем углу панели доступны параметры align (выравнивание рисунка относительно текста) и alt (альтернативный текст).
В левой нижней части панели можно сделать из своего рисунка image map – мультиссылку, для чего следует выбрать соответствующую фигуру и нарисовать части image map на картинке. Название map целесообразно задавать не только для рисунков, фактически являющихся картами изображений, но и для любых картинок, часто повторяющихся на разных страницах вашего сайта, например, лого. Если на всех страницах задать для одной и той же картинки одно и то же название map, то браузер вообще не будет убирать её с экрана при переходе между этими страницами, что ускоряет загрузку страниц.
Далее идут параметры hspace и vspace – вертикальный и горизонтальный отступ от текста. Далее target – задание окна, в котором будет открываться гиперссылка (для рисунка, не являющегося гиперссылкой, недоступно), далее параметр Low Src (копия рисунка с низким разрешением), поле border и кнопки настройки выравнивания абзаца (если рисунок находится не в теге-контейнере <p> </p>, а непосредственно в теле страницы, нажатие этих кнопок создает для рисунка тег-контейнер <div> </div> с соответствующим выравниванием).
Правый нижний угол занимают кнопки «Refresh» (применить измененные параметры) и «Edit» (вызывает Fireworks — графический редактор, иногда поставляющийся вместе с программой Dreamweaver, но если рисунок не в формате .png, то в Fireworks окажется довольно сложно его редактировать).
Примечание. CSS и DHTML, весьма корректно реализованные в версии Dreamweaver 3.0, позволяют применять к рисунку дополнительные эффекты (анимированное появление на странице, полное скрытие и появление по нажатию кнопки «Показать» и т.д.) и фильтры, реализуемые браузером (размытие, прожектора и др.), которые также могут накладываться в виде анимации. Кстати, во FrontPage 2000 так же реализованы эффекты DHTML, но на поверку оказывается, что вместо классического DHTML для достижения этих эффектов FrontPage использует огромные конструкции языка Java Script.