- •Министерство образования и науки российской федерации
- •Введение
- •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.2. Стилевое дополнение к стандартным возможностям
Если вы хотите, чтобы при наведении курсора мышки на ссылку она меняла цвет, то в любом месте раздела <head> (где-нибудь между тегами <head> и </head>) нужно прописать следующий фрагмент:
<style> A:hover {color: #33FF00} </style>
Значение color, естественно, можно задать любое.
Чтобы открыть «первоисточник» HTML, нужно нажать на кнопку < > в нижней встроенной панели (рис.6.5).
Рис.6.5. Открытие исходного текста HTML страницы
6.2.3. Задание текущей директории и редактирование свойств сайта в целом
Чтобы иметь возможность создавать короткие гиперссылки и работать с вложенными папками сайта, нужно задать директорию, в которой располагается сайт в целом, и определить остальные свойства сайта. В программе Dreamweaver также имеется собственный встроенный FTP-клиент, который в версии 3.0 ни в чем не уступает Cute FTP, а в чем-то даже его превосходит. Например, можно попросить загрузить на сервер страницу вместе со всеми связанными изображениями, а Dreamweaver сам определит, какие картинки использованы на странице, и подгрузит их в нужные директории автоматически. Причём это именно FTP–клиент, который не позволяет себе ни в чём превышать полномочия, а не FrontPage Publishing, который в данном случае постарается опубликовать все пароли пользователя.
Чтобы пользоваться встроенным FTP-клиентом, также необходимо задать параметры сайта. Параметры сайта и определение рабочей директории («Local Root Folder») необходимы еще и для того, чтобы Dreamweaver корректно прописывал пути к вставляемым изображениям. Так что без этой настройки никак не обойтись.
Итак, в меню «Site» (рис.6.6) выбираем пункт «New site».В результате получаем следующее диалоговое окно (рис.6.7).
Рис. 6.6. Вход в окно задания основных параметров сайта
Рис.6.7. Задание основных параметров сайта
Заполняем все требуемые пункты в разделе «Local Info» (в «Link Management Options» можно ничего не прописывать, если вы предпочитаете использовать короткие ссылки вида: <a href="../folder/file.htm">). Главное – указать «Local Root Folder», остальные параметры особого значения не имеют.
Заполнение раздела «Web server info» требуется в том случае, если вы собираетесь пользоваться встроенным FTP-клиентом.
Раздел «Site Map Layout» является настройкой карты сайта. В него надо вникать, если вы собираетесь использовать автоматическую навигацию. Если нет – оставьте всё, как есть.
Все остальные настройки тоже лучше оставить по умолчанию.
Когда вы все заполните и нажмете кнопку «ОК», вас спросят, создать ли кэш для ускорения работы. Для основных сайтов кэш лучше создать. Если же вы делаете что-либо одноразовое, типа обоев в виде страницы, то от создания кэша можно отказаться.
Для перемещения между сайтами (сайтами, а не страницами одного сайта!) в процессе работы используется пункт «Define sites» меню «Site».
Примечание. Вы можете вообще не определять сайт, если всё используемые изображения у вас заранее собраны в одну директорию и при этом вы не собираетесь пользоваться встроенным FTP-клиентом, а созданные HTML-файлы сохраняете в этой же директории. В данном случае важно сохранить файл до вставки первого изображения (иначе путь к изображению будет прописан некорректно).