Практическое занятие №4
Наименование: Вставка объектов на веб- страницу
Цель: Научится вставлять рисунки, аудио и видеофайлы на веб - страницы
1. Подготовка к занятию: по предложенной литературе повторить тему «Вставка объектов на веб – страницу» и ответить на следующие вопросы:
2.1 Какие форматы графических изображений применяются в HTML – документах?
2.2 Перечислите основные атрибуты элемента img?
2.3 Какие объекты кроме изображений можно внедрить в HTML – документ?
2. Литература:
3.1 Шомас Е.А. Конспект лекций по дисциплине «Веб - дизайн»
3.2 Шомас Е.А., Программное обеспечение компьютерных сетей, учебно – методическое пособие, гриф УМЦ 2010
3.3 Клименко Р.А. Веб-мастеринг на 100%. – СПб.: Питер, 2013. – 512 с.
3. Перечень оборудования и программного обеспечения:
4.1 ПЭВМ, подключенные к сети Интернет
4.2 Браузеры
4.3 Текстовый редактор
4. Задание:
5.1 В строке заголовка должен отражаться номер практической работы
5.2 В теле документа создайте заголовок первого уровня, где укажите наименование работы. Заголовком второго уровня – цель работы. Сделайте цель работы в виде бегущей строки.
5.3 Поместите в свою папку рисунки с расширениями, *.gif, *.jpeg, или *.png. В код программы необходимо поместить рисунки и прокомментировать их пояснительным текстом. Все рисунки разместить попеременно. Сделать все рисунки одинакового размера. Каждое изображение отчертить горизонтальной линией.
5.4 Вставить видеоизображение и звук.
5.5 Оформление страницы продумать самостоятельно.
5. Порядок выполнения работы:
6.1 По предложенной литературе изучить необходимый материал и ответить на вопросы для допуска к практическому занятию;
6.2 Выполнить задание практического занятия;
6.3 Дать ответы на контрольные вопросы;
6. Содержание отчета:
7.1 Наименование и цель работы
7.2 Код программы
7.3 Ответы на контрольные вопросы
7.4 Вывод о проделанной работе
7. Контрольные вопросы:
8.1 С помощью какого тега производится вставка изображений на веб – страницу? Какие форматы могут иметь файлы с изображением?
8.2 Как задать изображение в виде фона веб – страницы?
ПРИЛОЖЕНИЕ:
При создании сайта невозможно обойтись без использования активных объектов вроде flash – анимации, видео или картинок.
Для встраивания изображений в HTML – документ применяется тег IMG. Он имеет обязательный атрибут SRC, значением которого должен быть адрес встраиваемого изображения. Простейший вариант для включения картинки: <IMG SRC=”1.JPG”>. при такой записи размер картинки на экране будет соответствовать ее реальному размеру. Чтобы редактировать размер картинки, используют атрибуты WIDTH и HEIGHT. Их значения можно указывать в пикселях или процентах от размера окна. Картинку можно поставить в рамку, с помощью атрибута border, значение которого указывает ширину рамки в пикселях.
Не нашли, что искали? Воспользуйтесь поиском:
|