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

Наименование: Вставка объектов на веб- страницу

1. Цель: Научится размещать рисунки, аудио и видеофайлы на веб – странице. Формировать компетенции ОК 1, ОК 2, ОК 4, ОК 6, ОК 7, ОК 8; овладеть знаниями и умениями для освоения ПК 1.2, ПК 1.3, ПК 1.4, ПК 1.5

 

2. Подготовка к занятию: по предложенной литературе повторить тему «Вставка объектов на веб – страницу» и ответить на следующие вопросы:

2.1 Перечислите основные атрибуты элемента img?

2.2 Какие объекты кроме изображений можно внедрить в HTML – документ?

 

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

3.1 Шомас Е.А. Веб – дизайн, учебное пособие. Самара, КС ПГУТИ, 2014

3.2 https://html5book.ru/osnovy-html/ - Основы HTML

 

4. Перечень оборудования и программного обеспечения:

4.1 ПЭВМ, подключенные к сети Интернет

4.2 Браузеры

4.3 Текстовый редактор

 

5. Задание:

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

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

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

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

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

 

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

6.1 По предложенной литературе изучить необходимый материал и ответить на вопросы для допуска к практическому занятию;

6.2 Выполнить задание практического занятия;

6.3 Дать ответы на контрольные вопросы;

 

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

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

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

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

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

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

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

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

ПРИЛОЖЕНИЕ:

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

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