Практическая работа. Информационные ресурсы общества. Образовательные информационные ресурсы. Работа с программным обеспечением
 Скачать 5.79 Mb.
|
представлены в таблице.
Использование графики в HTML-документах Рисунки и анимация могут сделать HTML-документ более привлекательным и интересным. Они не только украшают страницу, но и помогают лучше передать содержание документа. Для правильного использования графики в HTML-документе необходимо учитывать следующие факторы: многие браузеры поддерживают только графические форматы GIF и JPEG; файлы, содержащие графику, передаются медленно; некоторые пользователи не имеют графических браузеров или намерено отключают загрузку изображений; цветная графика, которая хорошо смотрится на вашем компьютере, может плохо выглядеть на другом. Тег <IMG> вставляет изображение в документ, как если бы оно было просто одним большим символом. Синтаксис тега: Атрибуты тега <IMG> и их значения приведены в таблице. Назначение Задает URL-адрес изображения (можно указывать как абсолютный, так и относительный URL-адрес; если файл с изображением находится в той же директории, что и HTML-документ, то достаточно просто указать имя файла); этот атрибут является обязательным Устанавливает толщину обрамления вокруг изображения в пикселах Устанавливает высоту изображения в пикселах или в процентах от высоты окна браузера Устанавливает ширину изображения в пикселах или в процентах Задает свободное пространство слева и справа от изображения (в пикселах) Задается свободное пространство над и под изображением (в пикселах) Обратите внимание, что ширина и высота изображения могут быть заданы не только в пикселах, но и в процентах от размеров окна браузера. Многие компоненты, включаемые в состав Web-страниц (изображения, таблицы, аплеты и т. д.), позволяют задавать размер в относительных единицах (т. е. в процентах). Это позволяет уменьшить зависимость Атрибут SRC-’файл" BORDER=n HEIGHT=n(%) WIDTH=n(%) HSPACE=n VSPACE=n внешнего вида документа от текущих установок конкретного браузера и особенностей операционной системы. Рекомендуется задавать только один из атрибутов пары "ширина-высота" изображения, иначе рисунок может быть непропорционально деформирован и изменит свой вид. Пример Если размер изображения, хранящегося в файле exm2.gif составляет 150 пикселов по ширине и 90 по высоте, то следующая команда приведет к включению в документ деформированного изображения: <IMG SRC-'exm2.gif' WIDTH=50 HEIGHT=200> . Ход работы: Изучить теоретическое обоснование. Выполнить практические задания. Оформить отчет. Практические задания. Подготовительные задания 1 . Создайте рисунок 40 .jpg с заданными атрибутами - ширина 55 и высота 35, в графическом редакторе Paint. 2. Создаем рисунок с заданными атрибутами - ширина 505 и высота 325, в графическом редакторе Paint, сохраняем как 4. jpg в папку где сохранён файл index.html Задание №1 Создайте HTML - документ, содержащий текстовую область, бегущую строку, таблицу. (Рис. 1). Откройте блокнот и создайте документ под именем index.html Вставьте текст: Здоровое питание Создайте бегущую строку имеющей текст и рисунок для этого делаем запись: Создайте текстовую область для этого делаем запись: Вставка графического файлапосле этого делаем запись <img src=”4.jpg”> - вставка рисунка Вставка таблицы. Создаём таблицудля этого делаем запись: - завершение страницы - завершение HTML - документа Текст для текстовой области Мозг можно назвать центральным компьютером нашего организма, который контролирует работу всех органов нашего тела. Для выполнения этой задачи требуется своевременное и правильное питание, чтобы не происходило быстрого изнашивания клеток мозга. Для поддержания мозга в рабочем состояния необходима пища богатая белком. Наилучшим источником белка следует признать пищу животного происхождения: мясо, яйца и молочные продукты. Из продуктов растительного происхождения наилучшим источником белка являются бобовые, зеленые листовые овощи, цельное зерно, а также орехи и семена. Мозг можно назвать центральным компьютером нашего организма, который контролирует работу всех органов нашего тела. Для вылолннеия этой задачи требуется своевременноое и правильноое питание, чтобы не происходило быстрого изнашивания клеток мозга. Для поддержания мозга е рабочем состояния необходима пиша богатая белком. Наилучшим источником белка следует признать пишу животного происхождения: мясо, яйца и молочные продукты. Из продуктов растительного происхождения наилучшим источником белка являются бобовые, зеленые ;ерко, а также орехи и повое пит Здоровое питани Жир, масло, соль, сахар, сладости Мясо, рыба. молоко, яйца .-.-.Г.- Овощи, листовые овощи цельнее фрукты Хлеб, каши Питание для зрения Готовь на пару Антидепрессанты: Тщательно пережёвывай - Морковь - Шоколад - Болгарский перец Не переедай - Миндаль Исключи полуфабрикаты - Лосось и сардины - Морепродукты Ешь овощи и фрукты - Черника - Овсянка Больше двигайся Шпинат - Бананы, черника, клуонпка Рис. 1. Web - страница Здоровое питание.  |
