Тема 6: Графика в HTML-документах
Урок №1. Тип урока: комбинированный (повторение, изучение нового материала, закрепление полученных знаний)
Цели урока: Образовательная познакомить учащихся с методами интеграции изображений в HTML-документы. Привести примеры использования тега IMG и его параметров.
Воспитательная: Воспитание умения логически рассуждать.
Развивающая: Развитие аналитическо-синтезирующего мышления, умения проводить аналогии, делать выводы и обобщать.
Средства обучения: презентация, проектор, компьютерный класс.
Распределение времени урока
Ход урока
Время (мин.)
1. Организационный момент
(приветствие и проверка отсутствующих)
2
2. Цели и план работы на уроке
2
3. Изучение нового материала, закрепление.
34
5. Подведение итогов, выставление оценок и домашнее задание.
Приветствует учащихся, отмечает посещаемость, проверяет готовность к уроку.
Слушают учителя
3-4 минута
Рассказывает учащимся цель урока и план работы: Целью урока является знакомство с внедрением графики в HTML-документ, организация изображений-ссылок, изображений – маркеров списке. В конце урока необходимо закрепить полученные знания на практике.
Слушают учителя, задают вопросы по плану урока
Слайд № 1
5-38
Возможность использования графики трудно переоценить в приложении к любому виду публикации, в том числе и для Web-документов. Без иллюстраций документ однообразен, вял и скучен. Расчетливо подобранная и правильно размещенная в документе графика делает его визуально привлекательнее и, что самое важное, передает одну из основных идей документа.
Изображения могут сделать текст вашего документа более содержательным. Представьте некий сухой HTML-документ, содержащий, например, описание придуманного вами технического устройства. Если он состоит из одного текста, то многим покажется скучным и порой непонятным. А если его "разбавить" несколькими иллюстрациями, размещенными в нужных местах, документ станет более читабельным и визуально привлекательным.
Изображения помогают лучше передать суть и содержание документа. Однако во всем нужно чувство меры. Это правило лишний раз подтверждается при просмотре ряда Web-страниц. Довольно часто встречаются Web-документы, загроможденные фоновыми изображениями, ничего не выражающей графикой и раздражающей анимацией. Планируя разместить на своей странице то или иное изображение, убедитесь, что оно действительно необходимо. Если при просмотре печатных материалов вам не составит труда перевернуть страницу, то для Web-документов часто приходится дожидаться окончания его загрузки с тем, чтобы двинуться дальше.
Загроможденность графикой также плоха, как и полное ее отсутствие. Дело усугубляет наличие рекламы в Интернет, которая появляется на страницах многих сайтов в виде привлекательных графических плакатов (рекламных баннеров), которые обычно размещаются до основной содержательной части документов.
Принимая решение о целесообразности включения в документ тех или иных иллюстраций, нужно иметь в виду следующее. Графические файлы могут иметь значительные размеры, что требует времени для их загрузки. Насыщенность графикой может привести к недопустимо большим затратам времени, требуемым для получения документов, особенно, если используется соединение с помощью модема на небольших скоростях. С другой стороны, одновременная работа нескольких пользователей с большими документами, размещенными на вашем сервере, может также привести к его перегрузке. Многие пользователи работают в режиме отключения приема графических изображений для увеличения скорости передачи данных. Некоторые пользователи до сих пор используют чисто текстовые программы просмотра. В обоих случаях от полученных документов останется только текстовая часть, которая должна давать информацию о содержательной стороне документа. Поисковые системы не могут индексировать графику. Поэтому если на ваших страницах расположены только иллюстрации без текстовых пояснений, то читатели, использующие современные методы поиска, такие страницы не обнаружат.
Следует помнить, что пользователи могут работать с различным разрешением экрана монитора и различной глубиной цвета. Страницы, хорошо смотрящиеся при одном разрешении, могут выглядеть совершенно по-другому при ином разрешении. Нужно помнить также, что многие изображения защищены законом об авторских правах. Публикация изображений без санкции автора может при вести к неприятностям.
