Практическая работа № 4

Наименование: Добавление изображений и мультимедиа на web - страницах

1. Цель: Научится вставлять рисунки, звуки и анимации на web - страницы

2. Литература:

2.1 Квинт И. HTML и CSS на 100%. – СПб.: Питер, 2008с.

3. Задание:

3.1 В строке заголовка должен отражаться номер практической работы

3.2 В теле документа создайте заголовок первого уровня, где укажите наименование работы. Заголовком второго уровня – цель работы.

3.3 Поместите в свою папку рисунки с расширениями, *.gif, *.jpeg, или *.png. В код программы необходимо поместить рисунки и прокомментировать их пояснительным текстом. Все рисунки разместить попеременно. Сделать все рисунки одинакового размера.

3.4 Вставить видеоизображение и звук.

3.5 Оформление страницы продумать самостоятельно.

4. Содержание отчета:

4.1 Наименование и цель работы

4.2 Код программы

4.3 Ответы на контрольные вопросы

4.4 Вывод о проделанной работе

5. Порядок выполнения работы:

5.1 Создайте свою папку, куда в дальнейшем будете размещать свои документы.

5.2 Запустите Блокнот.

5.3 Наберите HTML – код своей программы.

5.4 Сохраните свой документ с расширением *.html, для чего в меню файл выберите команду Сохранить как... Из перечня Тип файла выберите Все файлы.

5.5 Откройте свой файл и просмотрите результат.

6. Контрольные вопросы:

6.1 С помощью какого тега производится вставка изображений на web – страницу? Какие форматы могут иметь файлы с изображением?

6.2 Как задать изображение в виде фона web – страницы?

ПРИЛОЖЕНИЕ:

При создании сайта невозможно обойтись без использования активных объектов вроде flash – анимации, видео или картинок.

Для встраивания изображений в HTML – документ применяется тег IMG. Он имеет обязательный атрибут SRC, значением которого должен быть адрес встраиваемого изображения. Простейший вариант для включения картинки: <IMG SRC=”1.JPG”>. при такой записи размер картинки на экране будет соответствовать ее реальному размеру. Чтобы редактировать размер картинки, используют атрибуты WIDTH и HEIGHT. Их значения можно указывать в пикселях или процентах от размера окна. Картинку можно поставить в рамку, с помощью атрибута border, значение которого указывает ширину рамки в пикселях.

<BGSOUND SRC =имя файла> вставка звукового файла

Например: <BGSOUND SRC=“BLIP.WAV”>

<IMG DYNSRC =имя файла> вставка видео файла

Атрибут тэгов <BGSOUND SRC> и <IMG DYNSRC>

n

LOOP = INFINITE

Количество повторений видео или звукового клипа и непрерывное повторение соответственно.

Практическая работа № 5

Наименование: Использование ссылок на web - страницах

1. Цель: Научится вставлять различные виды ссылок на web - страницы

2. Литература:

2.1 Квинт И. HTML и CSS на 100%. – СПб.: Питер, 2008с.

3. Задание:

3.1 В строке заголовка должен отражаться номер практической работы

3.2 В теле документа создайте заголовок первого уровня, где укажите наименование работы. Заголовком второго уровня – цель работы.

3.3 Далее создайте четыре ссылки на все свои практические работы.

3.4 В ссылке на практическую работу №4 должен осуществляться переход на документ содержащий много текста (текст скопировать любой). В этом тексте необходимо организовать внутреннюю ссылку, например из конца текста вернуться на начало.

3.5 Создать ссылку – рисунок (ссылка – рисунок имеет небольшой размер, при нажатии на него, рисунок становится большего размера).