СЕМЕНО-АЛЕКСАНДРОВСКАЯ СОШ

Предпрофильная подготовка
"Web-сайт своими руками"

.
«Назад»

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>.
Основной материал. Расстановка пробелов используя &nbsp. Предварительное форматирование текста. Текст (моноширинный шрифт) с пробелами, переводом строки и т.д. Тег-контейнер предварительно отформатированного текста.
Практическая работа. Работа над созданием сайта. Просмотр кодов сайта скаченного из Internet.

Урок 7/12 Практическая работа. Создать страницу. Поместить текст между тегами <LISTING> </LISTING>, <PRE> </PRE>. Просмотреть в браузерах.
Цель урока. Закрепление пройденного материала.

Урок 8/13 – 9/14. Списки. Виды списков.
Основной материал. Рассмотреть способы создания разнообразных списков. Нумерованные списки. Маркированные списки. Вложенные списки. Атрибуты тега <OL>. Атрибут тега <UL>
Практическая работа. Создать Web-страницу со следующими списками: нумерованными, маркированными, вложенными.

«Назад» «Дальше» «Вверх»
.

Hosted by uCoz