
- •Тема 10
- •Гипертекстовые ссылки. Создание обычной гиперссылки.
- •Структура гиперссылок.
- •Графический файл в роли ссылки.
- •Ссылки и цвет.
- •Фильтры. Фильтры, применяемые к тексту.
- •Filter: название фильтра (параметры)
- •Цветовая гамма html-документа.
- •Изображения в html-документе.
- •Фильтры применяемые к изображению.
- •1. Создание гиперссылок.
- •2. Создание горизонтальных линии.
- •3. Создание фильтров применяемых к тексту и изображениям.
- •Тема 11: Использование html-списков. Маркированный список. Нумерованный список. Списки определений.
- •1. Использование html-списков.
- •Маркированные списки.
- •Списки определений:
- •1. Создайте Web-страницу используя Маркированные списки.
3. Создание фильтров применяемых к тексту и изображениям.
Подсказка:
1. Используя фильтр DropShadow, создайте фильтры отображения текстов: «Инфоматика, Электронное правительство».
2. С помощью фильтра FlipH создайте фильтры применяемые к вышеуказанным текстам.
Например:
3. Выберите одно изображение, примените фильтр WAVE для его отображения.
4. Сделайте так, чтобы на окне документа отображались 3 вида рисунка после применения определенной фильтрации.
5. На один рисунок примените 3 вида фильтрации: WAVE, ALPHA, DROPSHADOW.
Например:
4. Создайте Web-страницу с изображением.
Подсказка:
1. Для создания рисунка выберите рисунок с расширением jpg. bmp. gif и т.д.
2. Введите тег <IMG SRC= “pic1.jpg”> или укажите путь к рисунку <IMG SRC= “размещение файла\название рисунка. расширение ”>.
3. Задайте ширину рисунка, рамку равной 3 пикселям, и разместите его по правому краю Web-страницы, используя теги: <HSPACE= “n” VSPACE= “n”>
5. Создайте Web-страницу с двумя изображениями и текстом.
Демонстрационный пример:
Поместите два рисунка рядом и снизу, напишите текст.
Тема 11: Использование html-списков. Маркированный список. Нумерованный список. Списки определений.
2.Цель занятия: Научить создавать маркированные, нумерованные списки и списки определений.
3.Задачи обучения: Научить:
1.создавать нумерованные списки.
2.создавать маркированные списки.
3.создавать списки определений.
4.Основные вопросы темы:
1. Использование html-списков.
2.Нумерованные списки.
3.Маркированные списки.
4.Списки определений.
5.Методы обучения и преподавания: работа с программой Internet Explorer.
1.Разбор теории со всей группой.
2.Практическая работа:
-создание веб-страницы с нумерованным списком.
-создание веб-страницы с маркированным списком.
-создание веб-страницы со списком определений.
6.Литература:
1.Информатика. Базовый курс. Учебник для Вузов. Под ред. С.В. Симоновича.- Санкт-Петербург-Москва-Харьков –Минск: Питер 2001.-640.
2. Степанов А.Н. Информатика. Базовый курс. -6-е изд. СПб: М.; Нижний Новгород: Питер, 2010.
7.Контроль (вопросы, тесты, задачи и пр.)
Вопросы:
1.Что такое нумерованные списки?
2.Что такое маркированные списки?
3.Что такое списки определений?
4.Тег <DL>(Definition List) служит для создания?
5.Из каких частей состоят списки?
6.Укажите тег являющимся определением списка определений?
7.Укажите тег являющимся описанием списка определений?
8.Укажите тег, который служит для создания ненумерованного списка?
9.Как определить список с маркерами в виде квадрата?
10.Чего не имеют непарные теги?
Использование HTML-списков.
Информация в виде списка позволяет разбить большие массивы данных на отдельные, четкие фрагменты информации, которые человеку гораздо удобнее воспринимать, нежели весь поток информации целиком. Списки позволяют создавать понятную и логичную внутреннюю структуру информационных данных, ориентироваться в которой- дело простое и удобное.
Нумерованные списки.
Нумерованный список часто называется упорядоченным списком и представляет собой определенную последовательность элементов. То есть, каждый последующий пункт такого списка будет на единицу больше предыдущего.
Для создания нумерованного списка используется тэг <OL> ... </OL>, внутри которого располагаются пункты перечня информационных данных, за указание которых отвечает специальный тэг <LI>(List Item-пункт списка или элемент списка)
<OL> <LI>Иван; <LI>Данила; <LI>Игорь </OL> |
получится вот такой список:
|