Цветы

align="center">Цветы

Замечание. Изменяя цифру от 1 до 6, можно получить заголовки шести уровней. Попробуйте, не забывая при этом замечание п. 7.

14. Изменение фона страницы и цвета текста: для этого добавить в тэг

<
bgcolor –цвет фона; text – цвет текста
body bgcolor="#f0e68c" text="#191970">

Замечание. Код цвета фона и текста можно подобрать другие. Запись цвета - в формате RGB

Цвет	#RRGGBB (код)	Цвет	#RRGGBB (код)
Black— черный	#000000	Рurple — фиолетовый	#FF00FF
White — белый	#FFFFFF	Yellow — желтый	#FFFF00
Red— красный	#FF0000	Вrown — коричневый	#996633
Сreen — зеленый	#00FF00	Оrangе — оранжевый	#FF8000
Аzure — бирюзовый	#00FFFF	Violet— лиловый	#8000FF
Вlue — синий	#0000FF	Gray — серый	#А0А0А0

Более полный перечень цветов – см. файл Приложение 2.

Просматривайте Web-страницу после внесения изменений (не забывайте о замечании п.7)

15. Расположение текста на экране: редактируемая страница при просмотре в браузере имеет недостаток - слишком широкий текст, который неудобно читать. Чтобы «сузить» текст можно использовать для разметки страницу таблицу с невидимыми границами (атрибут bolder).

После тэга вставить тэги таблицы, состоящей из одной строки и трех ячеек

<
Числа 10%, 80%, 10% можно изменить, но их сумма должна быть равна 100%
td width="80%">

….

Заголовок

Текст

…

в этой строке: <table bolder=0> <tr>

16. Изменение начертания шрифта (т.е. выделение фрагментов текста): выделить слова «Цветок» (1-й абзац) – полужирным, 3-й абзац – курсивом. Для этого в тексте поставить тэги

Цветок и …
Замечание. Способы выделения текста: - полужирный, -курсив, - подчеркивание (парные тэги! Не забывайте ставить закрывающий тэг)
17. Изменение размера шрифта: текст
Замечание. Цифру можно изменять от 1 до 7: 7 – самый крупный шрифт, 1 – самый мелкий

Сделайте для 1-го абзаца шрифт 5, для 4-го абзаца – шрифт 4

Вставка рисунка: после тэга

ЦВЕТЫ вставить тэг

(рисунок вставляем по центру сразу после заголовка)
Внимание ! Рисунок cvetok.jpg должен находиться в той же рабочей папке, куда сохранили свою Web-страницу. Формат рисунка должен быть jpeg.

Для этого скопируйте рисунок cvetok.jpg из папки Цветы в свою рабочую папку.
18. Сохраните изменения в Блокноте и просмотрите Web-страницу в браузере Internet Explorer.
19. Вставка «бегущей строки»: после заголовка

Цветы

вставить тэги

height=30 width=100%

hspase=5 vspase=5 align=middle

bgcolor=yellow

direction=left loop=infinite behavior=scroll

scrollamount=5 scrolldelay=100>

Запишите Вашу фамилию, имя


height= высота (в пикселях) и width= ширина (в пикселях или процентах) поля «бегущей строки»;

hspase= и vspase= интервалы (в пикселях) по горизонтали и вертикали между текстом и краями её поля;

align= расположение текста в поле «бегущей строки»: top – вверху, bottom – внизу, middle – посредине;

bgcolor= позволяет установить цвет фона;

direction= определяет направление движения «бегущей строки»: left – справа налево, right – слева направо

loop=infinite – «бегущая строка» присутствует все время, пока идёт просмотр страницы;

scrollamount= длина в пикселях, на которую текст перемещается за один такт;

scrolldelay= величина паузы между отдельными тактами перемещения текста (в долях се

кунды; 1000 – пауза в 1сек)

Запишите Вашу фамилию, имя - размер шрифта текста

- закрывающий тэг
20. Вставка разделительных полос: тэг

---

перед вторым абзацем вставить тэг

---

- толщина и длина полосы; noshade – чтобы полоса была темной

Убрать тэги

- две пустые строки перед вторым абзацем

21. Т.к. после вставки разделительной полосы нарушается выравнивание (все абзацы, кроме первого, будут выровнены по левому краю), то необходимо добавить после тэга

---

тэг

22. Вставка фонового звука: после тэга вставить тэг

- музыка будет звучать до тех пор, пока файл изображается на экране. Звуковой файл mtv-1.mp3 должен находиться в Вашей рабочей папке (скопируйте его из папки Цветы)
Не забудьте сохранить задание.


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

Записи в тетради.

V. Итог урока.

Подведение итога занятия. Просмотреть выполненные задания. Ответить на вопросы обучающихся.