Поурочные планы по теме ‘Сайтостроение. Создание Web-страниц’ (13 часов)

0
110

Список тем:

  1. Создание веб-документов.
  2. Теги управления стилем текста.
  3. Теги управления параметрами шрифта.
  4. Теги форматирования текста.
  5. Списки.
  6. Таблицы.
  1. Фреймы.
  2. Ссылки в документах HTML.
  3. Графика в документах HTML.
  4. Видео и звук в веб-документов.
  5. Творческая работа.
  6. Творческая работа.
  7. Защита творческих работ.

Примеры уроков:

Урок 3. “Теги управления цветом и размером шрифта”

Тема: “Теги управления цветом и размером шрифта”

Цели:

  1. Обучать работе с текстом в документах HTML.
  2. Развивать навыки создания веб-документов.
  3. Воспитывать интерес к предмету.

Ход урока.

Размер, цвет и стиль шрифта по умолчанию задается с помощью тэга <BASEFONT> и не применяется к заголовкам.

Если базовый шрифт не задан по умолчанию используется шрифт с размером 3.

Атрибуты элемента <BASEFONT>:

  • color=(цвет).Цвет шрифта.
  • size=(целое число от 1 до 7). Размер шрифта
  • face=(список разделенных запятыми названий шрифтов).

Пример:

<BASEFONT SIZE=”2″>Устанавливаем размер базового шрифта равным двум.

Увеличение размера шрифта:

Выполняется с помощью тэга:

<small>текст</small>

Управление размером шрифта с помощью тэга <FONT>:
Размер шрифта меняется с помощью атрибута SIZE тэга <FONT>
Пример: <font size=”1″>Текст</font>

В атрибуте SIZE можно указывать размер шрифта относительно текущего размера SIZE
Пример: <font size=”+1″>Текст</font>

Цвет шрифта меняется с помощью атрибута COLOR тэга <FONT>
Пример:
<FONT COLOR=”#FF0000″>Текст</FONT>
<FONT COLOR=”red”>Текст</FONT>

Теги

Имя шрифта задается с помощью атрибута FACE тэга <FONT>:
<font face=”имя шрифта”></font>
Можно задавать несколько шрифтов через запятую, в этом случае используется первый найденный шрифт.

Пример:
<font face=”Impact”, “Arial Cyr”, “Arial”, “MS Sans Serif”> Текст</font>

Можно задавать несколько шрифтов через запятую, в этом случае используется первый найденный шрифт.

Вопросы и задания:

  1. Какие теги используются для управления цветом и размером шрифта.
  2. Как увеличить размер шрифта?
  3. Как задать цвет символов?
  4. Как уменьшить размер шрифта?
  5. Каким тегом задается базовый шрифт?
  6. Создайте веб-документ с фрагментами текста разного размера, цвета, написания.
  7. Создайте веб-документ, предложенный учителем.

Домашнее задание: конспект.

ОСТАВЬТЕ ОТВЕТ

Пожалуйста, введите свой комментарий!
Пожалуйста, введите ваше имя здесь