.
|
«Назад»
HTML-разметка. Тематический план. Работа с текстом.
9 часов
Урок 1/6 - Урок 2/7 Уровни заголовков. Перевод строки. Горизонтальная разметка.
Основной материал. Теги <H1> </H1> … <H6> </H6>. Заголовок с выравниванием. Атрибуты
тега <H?> </H?> ALIGN = LEFT, ALIGN = RIGHT, ALIGN = CENTER, ALIGN=JUSTIFI: <H? Align=”?”>
текст </H?>. Одиночный тег: <BR> - перевод строки. <HR> - горизонтальная разметка (линия).
Атрибуты тега <HR>. Синтаксис: <HR SIZE=number, WIDTH=number|percent, ALIGN=left|right|center,
NOSHADE>.
SIZE – толщина линии в пикселях;
WIDTH – ширина линии в пикселях или процентах от ширины окна браузера;
ALIGN – положение на экране (слева, справа, по центру).
NOSHADE – линия представляется простой однотонной темной полосой.
Урок 3/8. Задание начертания.
Основной материал Выделение информации в документах. Жирное и полужирное начертание.
Моноширинный, большой, маленький шрифты. Наклонный, подчеркнутый увеличенный, перечеркнутый
текст. Подстрочный и надстрочный индексы.
Практическая работа. Работа над Web – страницей, используя задание начертания:
курсивный, наклонный, жирный, подчеркнутый, моноширинный, большой, маленький, увеличенный,
перечеркнутый, подстрочный, надстрочный текст.
Урок 4/9. Форматирование шрифта, текста. Абзац.
Управление размером и цветом символов при помощи тега <FONT> и соответствующих атрибутов.
Основной материал. Атрибуты тега <FONT>: SIZE, COLOR. Синтаксис: <FONT SIZE=4 COLOR=”#0000FF”>
текст </FONT;>. Форматирование текста используя контейнер <center> text </center>
(выравнивание по центру). Разрыв строки (перевод) с помощью тега <BR>. Создание пустой строки
с помощью тега <P>. Форматирование абзаца с помощью парного тега <P> текст </P>. Атрибуты тега
<P;> (выравнивание абзаца): <P ALIGN=”?”>text </P> (атрибуты тега <P>: LEFT, RIGHT, CENTER, JUSTIFY).
Урок 5/10. Практическая работа. Форматирование текста, применяя теги и атрибуты изученные на
предыдущих уроках.
Цель урока Закрепление пройденного материала. Усовершенствование созданной Web – страницы.
Экспериментальная работа над страницей.
Урок 6/11. Расстановка пробелов. Парные теги <LISTING>, <PRE>.
Основной материал. Расстановка пробелов используя  . Предварительное форматирование текста.
Текст (моноширинный шрифт) с пробелами, переводом строки и т.д. Тег-контейнер предварительно отформатированного
текста.
Практическая работа. Работа над созданием сайта. Просмотр кодов сайта скаченного из Internet.
Урок 7/12 Практическая работа. Создать страницу. Поместить текст между тегами
<LISTING> </LISTING>, <PRE> </PRE>. Просмотреть в браузерах.
Цель урока. Закрепление пройденного материала.
Урок 8/13 – 9/14. Списки. Виды списков.
Основной материал. Рассмотреть способы создания разнообразных списков. Нумерованные списки.
Маркированные списки. Вложенные списки. Атрибуты тега <OL>. Атрибут тега <UL>
Практическая работа. Создать Web-страницу со следующими списками: нумерованными, маркированными,
вложенными.
«Назад»
«Дальше»
«Вверх»
|
.
|