Задания для самостоятельной работы.
Задание 1. Создайте web-страницу следующего вида.
Маркированный список.
Устройства ввода информации
Клавиатура
Сканер
Манипулятор «Мышь»
Устройства вывода информации
Принтер
Монитор
Колонки
Носители информации
Жесткий диск
Флеш-накопитель
Стриммер
Нумерованный список
Виды информации по форме представления
Текстовая
Числовая
Звуковая
Графическая
Видеоинформация
Задание 2. Создайте вложенный список.
Вложенный список
Команды HTML
Форматирование текста
Жирность
Наклон
Подчеркивание
Индексы
Цвет
Работа с абзацами.
Дизайн страницы
Размещение сайта на сервере
Задание 3. Графика. Задание фонового рисунка. Вставка иллюстраций из папки pic.
Вставка рисунка. Создайте папку в своей личной с именем pic. Поместим в нее все рисунки, которые будем вставлять на web-страницу, также выберите фоновый рисунок и скопируйте этот файл в папку pic в свою личную папку.
Задайте фоновый рисунок своей web- странице с вложенным списком, следующей командой:
<body background="pic/fon3.jpg" bgcolor="A6CAF0" leftmargin=100 topmargin=60>
Примечание: фоновый рисунок и другие иллюстрации можете найти в ИНТЕРНЕТ.
Для задания фона страницы введите в теге <BODY> параметр background.
<HTML>
<HEAD>
<TITLE>Вставка иллюстраций</TITLE>
</HEAD>
<body background="pic/fon3.jpg" bgcolor="A6CAF0" leftmargin=100 topmargin=60>
</BODY>
</HTML>
Обновите страницу в браузере.
Перейдите в блокнот. Папка pic содержит рисунки, которые Вы можете вставить на web-страницу. Для этого после тега <BODY> запишем следующие команды вставки рисунков из папки pic.
<IMG src=./pic/nadp.jpg align=right alt="Надпись о компьютере">
<IMG src=./pic/comp.jpg align=left alt="За компьютером" width=600 height=460>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>vv
<IMG src=./pic/vneust.jpg align=right alt="Внешние устройства">
Обновите страницу в браузере.
Все файлы сохраните. Покажите работу преподавателю.
Контрольные вопросы:
Какие типы списков можно создавать, используя язык HTML и какие теги используются для создания списков?
Что такое вложенный список. Какие правила создания вложенного списка?
Какой тег используется для вставки изображения? Какие атрибуты имеет этот тег?
Какой параметр используется для выравнивания изображения на web-странице?
Какой тег и его параметр используется для задания фоновая картинка web-страницы?
Литература:
Н.В. Макарова «Информатика и ИКТ. Учебник 10 класс (Базовый уровень)», ООО «Питер Пресс», ОАО «Московские учебники», 2008 г.
Н.В. Макарова «Информатика и ИКТ» Учебник 11 класс (Базовый уровень)», ООО «Питер Пресс», ОАО «Московские учебники», 2008 г
Угринович Н.Д. «Информатика и ИКТ» Учебник для 10 класса (Профильный уровень), 4-е издание, М., БИНОМ, Лаборатория знаний, ОАО «Московские учебники», 2008 г.
И.Г. Семакин, Е.К. Хеннер, Т.Ю. Шеина «Информатика и ИКТ» Практикум для 10-11 классов Базовый уровень, М., БИНОМ, Лаборатория знаний, ОАО «Московские учебники», 2008 г.
И.Г. Семакин, Е.К. Хеннер, «Информатика и ИКТ» Учебник для 10-11 классов Базовый уровень, М., БИНОМ, Лаборатория знаний, ОАО «Московские учебники», 2008 г.