Организация бегущей строки и гиперссылок в HTML

1. Применение графики в HTML-документе (повторение)

10 класс. Раздел 4: Web-проектирование
Применение графики в
HTML-документе
(повторение)
Диктант
уроки 9-10
1

2. 23-24 февраля СОР-4

2
23-24 февраля СОР-4
СОЧ-3
Личная страничка (часть 1)

3. Организация бегущей строки в HTML

10 класс. Раздел 4: Web-проектирование
Организация
бегущей строки в HTML
3

4. Для создания бегущей строки существуют теги

<marquee>
и
</marquee>
(marquee component - бегущая строка)

5. Атрибуты тега <marquee>

Атрибуты тега <marquee>
Атрибут
Назначение
Значения
атрибута
По
умолчанию

6. Атрибуты тега <marquee>

Атрибуты тега <marquee>
Атрибут direction=…
используется для задания
направления движения строки.
Значения атрибута: left и right
При отсутствии атрибута
direction строка движется …
справа налево

7. Атрибуты тега <marquee>

Атрибуты тега <marquee>
Атрибут behavior=…
используется для задания типа движения
бегущей строки.
Значения атрибута:
scroll - прокрутить, slide - слайды,
alternate - поочередная смена движения.
При отсутствии атрибута behavior =…
строка прокручивается

8. Атрибуты тега <marquee>

Атрибуты тега <marquee>
Атрибуты width=… и height=…
используются для задания ширины и
высоты бегущей строки в пикселях или
в % от ширины и высоты окна.
При отсутствии атрибутов width=…
или height=…
ширина строки равна ширине окна, а
высота строки равна высоте букв

9. Атрибуты тега <marquee>

Атрибуты тега <marquee>
Атрибут loop= …
используются для задания числа
воспроизведений текста бегущей строки
При отсутствии атрибута loop= …
строка повторяется до бесконечности

10. Атрибуты тега <marquee>

Атрибуты тега <marquee>
Атрибут bgcolor= …
используются для задания цвета фона
бегущей строки
При отсутствии атрибута bgcolor= …
цвет фона бегущей строки прозрачный
(совпадает с цветом фона страницы)

11. Атрибуты тега <marquee>

Атрибуты тега <marquee>
Атрибут scrolldelay=…
используется для задания скорости перемещения
бегущей строки.
Значение атрибута – время, измеряемое в
миллисекундах. Метод задания скорости
состоит в указании времени, спустя которое
текст будет перерисован на экране заново.
По умолчанию
scrolldelay = 85

12. Организация гиперссылок в HTML

10 класс. Раздел 4: Web-проектирование
Организация
гиперссылок в HTML
10.4.2.1 использовать HTML-теги
при разработке web-страниц
12

13.

Работая с web-страницами, каждый
путешественник
по
Интернету
стремится
к
интерактивному
взаимодействию с web-страницей,
создание
которых
требует
некоторых дополнительных усилий.
Однако, используя ссылки, можно
отправиться во все стороны мира
Web.

14. Ссылка гипертекста – это

• Специальное слово, фраза или рисунок
на web-странице, которые при щелчке
переносят пользователя в другой webдокумент
(или
в
другую
часть
страницы).

15. Создание ссылок

• <A> и </A> - теги, которые управляют
ссылками
• <A HREF=“URL”>
• HREF – Hypertext Reference (ссылка
гипертекста)
• URL – Uniform Resource Locator
(унифицированный
указатель
информационного ресурса)

16. Внутренние ссылки (создание разделов)

• Добавление тегов-указателей к каждому
из заголовков
• <A
NAME="Имя"></A>
вставляется
непосредственно перед разделом, к
которому должна вести ссылка
<A NAME="SECTION 1"></A>
• <A HREF="#SECTION 1">ССЫЛКА НА
ЗАГОЛОВОК 1</A> ссылка на раздел

17. Домашнее задание

17
Домашнее задание
1. Параграф 7. Знать написание тегов и их
атрибутов, которые позволяют добавлять
гиперссылки на страницу. Выписать из
параграфа дополнительную информацию
о
гиперссылках,
которая
не
была
рассмотрена на уроке.
2. Создать страницу БегСтрока_фамилия
(задание прилагается)
3. Начать работу над личной страничкой
(сдать до 08.03)

18. Практическая работа на уроке

• Создать
страницу
«Ссылки»,
содержащую внутренние ссылки.
• Для работы использовать текстовый
документ «Электронные таблицы» и
HTML-документ «Внутренние ссылки»
(в папке «Общая»)
• Сохранить полученный файл под
именем «Ссылки_Фамилия» в свою
папку. В конце урока переместить в
папку «Общая».