Россия, пос.Бугульдейка
СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ
Благодаря готовым учебным материалам для работы в классе и дистанционно
Скидки до 50 % на комплекты
только до
Готовые ключевые этапы урока всегда будут у вас под рукой
Организационный момент
Проверка знаний
Объяснение материала
Закрепление изученного
Итоги урока
Была в сети 18.03.2024 16:35
Копылова Марина Леонидовна
учитель информатики и математики
58 лет
20 121
1 149 
Местоположение
Специализация
WEB-дизайн Лабораторная работа № 4
Категория:
Информатика
03.11.2017 14:02
Учебник:
Информатика. Учебник для 8 класса. Босова Л.Л., Босова А.Ю. 2-е изд., испр. - М.: 2014. - 160 с.
Просмотр содержимого документа
«WEB-дизайн Лабораторная работа № 4»
2
WEB-дизайн
Лабораторная работа № 4
Задание:
Привести примеры упорядоченных и неупорядоченных списков. Каждая группа форматированного текста должна содержать не менее 10 элементов и 3-х уровней вложенности. На каждом уровне необходимо применить свой маркер или тип индексации.
Разработать таблицу данных с использованием тэга предварительного форматирования PRE. Таблица должна содержать заголовок, названия столбцов и 5 строк данных.
Включить в документ HTML примеры форматирования текста на основе тега выделения цитат BLOCKQUPTE
Включить в программу примеры воспроизведения цифрового видео. (атрибут DYNSRC= тэга IMG.)
Разработать бегущую строку текста.
Методические рекомендации:
СпискиСуществуют два основных вида списков: упорядоченные (по алфавиту или по цифрам) и неупорядоченные (с вводным маркером). Браузер выделяет список из текста отступом от края страницы. Списки могут быть вложенными.
Упорядоченные списки задаются парным тегом OL, а неупорядоченные тегом UL.
Для элементов списка используются непарные теги LI
Для неупорядоченных списков можно выбрать один из трех видов вводных маркеров. Это делается с помощью атрибута TYPE= внутри тега UL. Возможные аргументы DISK (круг), CIRCLE (окружность), SQUARE (квадрат).
Для упорядоченных списков можно выбрать способ индексации: арабскими цифрами, прописными буквами, строчными буквами или римскими цифрами. Это делается с помощью атрибута TYPE= с соответствующим аргументом (соответственно 1, A, a, i). Начальный номер, с которого начинается нумерация элементов списка, задается атрибутом START= внутри тега OL.
Пример:
Упорядоченный список
- Элемент списка 1
- Элемент списка 1
- Элемент списка
- Элемент списка 4
- Элемент списка 5
- Элемент списка 6
- Элемент списка 7
- Элемент списка 8
- Элемент списка 7
- Элемент списка 5
- Элемент списка
Неупорядоченный список
- Элемент списка 1
- Элемент списка 2
- Элемент списка 3
- Элемент списка 4
- Элемент списка 5
- Элемент списка 6
- Элемент списка 5
- Элемент списка 3
PRE - парный тег предварительного форматирования. При выводе информации на экран тег сохраняет все дополнительные пробелы, символы табуляции и символы концов строк. При этом текст на экране выглядит точно так, как вы его создали в редакторе HTML.
Пример
bКоличество продаж
___________________________________________________
Апрель Май Июнь Июль Август b
Карандаши 300 1000 300 200 100
Блокноты 400 2000 400 300 200
Ластики 500 3000 500 400 300
Стрелки 600 4000 600 500 400
С помощью тега часто форматируют информацию табличного характера. Здесь это делается несколько проще и нагляднее. Однако существенно ограничены возможности организации рамок, общего оформления и размещения графики.
Тэг позволяет напечатать текст с отступом от левого края. Повторяя этот тэг, можно увеличить величину отступа. Внутри тэга можно использовать теги параграфа P и разрыва строки BR.
Пример:
Пример использования в документе тега BLOCKQUOTE
BLOCKQUOTE
Это замечательное средство выделения цитат, определений и других структурных элементов документа. Он широко применяется наряду с другими инструментами форматирования. Тэг является парным. Внутри тэга можно использовать теги параграфа и разрыва строки.
Вот и все. До свидания.
/BLOCKQUOTE
Тэг LEFTMARGIN= задает смещение (отступы ) текста и графики для всего HTML-документа по горизонтали.
Тэг TOPMARGIN= = задает смещение (отступы ) текста и графики для всего HTML-документа по высоте.
Воспроизведение видео в Internet Explorer
Файлы видео встраивают в Web- страницы при помощи атрибута DYNSRC= тэга IMG. Тэг загружает некоторое, встроенное в операционную систему программное обеспечение, предназначенное для воспроизведения видеоклипов. Обычно это OuickTime.
Атрибут START= определяет каким образом задается начало воспроизведения. Значение OPENFILE обеспечивает запуск видео автоматически при загрузке файла. Значение MOUSEOVER инициирует воспроизведение видео при наведении курсора на изображении-ссылке.
Атрибут LOOP= задает количество повторов видеоклипов. Если нужно задать количество повторений бесконечным, надо ввести ключевое слово INFINITE.
Примеры:
1.
2.
align=left hspace=10 vspace=5 start=mouseover Рис.1.1 (анимационный)
. Здесь анимационный файл используется в качестве графической ссылки для демонстрации файла pr1_21.htm, содержащего ту же анимационную сцену, на полном экране.
Бегущая строка
loop=infinite scrolldelay=100
Ниже приводится краткая инструкця для начинающих пользователей персонального
компьютера. Прочтите ее "на всякий случай" !
Атрибуты:
Height, Width – высота и ширина окна
Hspace, Vspace – ширина и высота пустых полей вокруг окна
Bgcolor – цвет фона окна
Direction – направление движения бегущей строки
Loop – количество циклов повторения. Значение infinite – непрерывный цикл
Scrolldelay – скорость прокручивания.
Организация возвратов (обратных переходов) по связанным документам HTML.
Для этих целей удобно использовать встроенную функцию JavaScript history.back
[назад]
2
Вебинар для учителей
Свидетельство об участии БЕСПЛАТНО!
Полезное для учителя
Реализация образовательных программ осуществляется с применением исключительно электронного обучения и ДОТ
