Сергеева Диана Лазаревна учитель информатики средней школы №10 г. Ярцево 2007 г. Содержание: пояснительная записка
| Вид материала | Пояснительная записка |
- Пояснительная записка 4 Содержание программы 7 Требования к уровню подготовки выпускников, 97.02kb.
- Богданова Виктория Алексеевна bogdanov@belnet ru учитель информатики муниципальной, 62.51kb.
- Мусихин Александр Александрович, учитель физики высшей категории Воркута 2007 пояснительная, 249.87kb.
- Пояснительная записка Рабочая программа составлена на основе: авторского планирования, 143.68kb.
- Гусельникова Лидия Ивановна, учитель 1 категории Петуховской средней общеобразовательной, 909.18kb.
- Чеботарева Фаина Мэлсовна учитель математики высшей категории средней общеобразовательной, 155.8kb.
- Кустова Ольга Анатольевна, учитель истории и обществознания Уренгой, 2007 пояснительная, 173.36kb.
- Пояснительная записка Программа данного элективного курса рассчитана на 16 часов. Элективный, 74.11kb.
- Киселева Мария Геннадьевна учитель информатики моу сош №2 им. И. А. Сухана г. Кстово, 328.22kb.
- Киселева Мария Геннадьевна учитель информатики моу сош №2 им. И. А. Сухана г. Кстово, 428.62kb.
Заголовок
Б.
Заголовок
В.
Заголовок
6. Тег
предназначен для:
А. вывода горизонтальной линии в окне браузера
Б. переноса текста на новую строку
В. вставки пустой строки
III. Изучение нового материала.
В ходе самостоятельного изучения теоретического материал учащиеся должны заполнить таблицу «Основные теги форматирования шрифта».
Основные теги форматирования шрифта.
Элемент | Тег | Атрибуты |
По умолчанию текстовое содержимое документа отображается основным шрифтом, заданным в начальных установках браузера.
Для правильного отображения HTML-документа имеет значение выбор шрифтов. Шрифты различаются своей гарнитурой, то есть особенностями своего оформления. В одной и той же гарнитуре обычно существует несколько начертаний шрифта: обычный, полужирный, курсив и полужирный курсив. Еще одним важным параметром шрифта является его размер.
Элемент Font и его атрибуты.
Свойства шрифта можно определить с помощью тега Font и его атрибутов:
1. Size – размер шрифта
Значение атрибута size для самого мелкого шрифта равно 1, для самого крупного – 7. Основному шрифту, используемому по умолчанию, присваивается размер 3.
Пример, Шрифт размером 6
2. Face – гарнитура шрифта или список допустимых шрифтов.
Существует множество допустимых гарнитур шрифтов, однако отображаться будут лишь те шрифты, которых установлены на компьютере пользователя. Если же разработчик сомневается в наличии какого-либо шрифта у пользователей, он указывает в атрибуте face несколько шрифтов.
Например, Текст, отображаемый шрифтом Helvetica. Если этот шрифт отсутствует, получим вывод шрифтом Arial
3. Color – цвет шрифта
Значения атрибута color можно записать в символьном или числовом формате.
Задание значения атрибута color в символьном формате.
В HTML цвет можно задать, применяя символьный код, согласно которому каждому цвету присваивается имя: red – красный, blue – голубой, black – черный, white – белый green –зеленый, yellow-желтый, и т.п.
Например, Красный шрифт
Задание значения атрибута color в цифровом формате цветовой модели RGB.
Значение атрибута color можно задать в числовом формате цветовой модели RGB. Цвет в модели RGB представляется как сумма трех базовых цветов: Red (красный), Green (зеленый), Blue (синий).
В этой модели базовый цвет может иметь различную степень яркости, Поэтому, можно смешивать цвета в различных пропорциях, варьируя яркость каждой составляющей.
В RGB-модели цвет можно кодировать с помощью трех пар шестнадцатеричных чисел. Каждая пара определяет «количество» основного цвета в интервале от 00 до FF. Первое число определяет «долю» красного цвета, второе число – зеленого цвета, а последнее задает синюю компоненту. Например, шрифт темно-зеленого цвета можно задать следующим способом . Значение цвета начинается символом #, а запись шестнадцатеричных чисел не зависит от регистра символов.
Таблица цветов.
| Цвет | Имя цвета | Шестнадцатеричный код |
| Черный | black | 000000 |
| Темно-синий | Navy | 000080 |
| Светло-серый | Silver | С0с0с0 |
| Синий | Blue | 0000ff |
| Малиновый | Maroon | 800000 |
| Сиреневый | Purple | 800080 |
| Красный | Red | Ff0000 |
| Розовый | Fuchsia | Ff00ff |
| Темно-зеленый | Green | 008000 |
| Голубой | Teal | 008080 |
| Зеленый | Lime | 00ff00 |
| Бирюзовый | Aqua | 00ffff |
| Оливковый | Olive | 808000 |
| Темно-серый | Gray | 808080 |
| Желтый | Yellow | Ffff00 |
| Белый | White | Ffffff |
Все перечисленные выше атрибуты могут быть перечислены совместно внутри тега Font. Например, Это шрифт arial размером 4, цвет синий.
Задание начертания шрифта (элементы B,I).
Для задания различных начертаний шрифта используются следующие теги:
… полужирный текст
… курсивный текст
… подчеркнутый текст
По окончании изучения нового материала в тетрадях учащихся должна быть записана таблица.
Основные теги форматирования шрифта.
| Элемент | Тег | Атрибуты |
| Определение типа, размера и цвета шрифта. | | size=3> - абсолютный размер шрифта (возможные значения от 1 до 7 в порядке возрастания). - определение определенного шрифта. color="blue"> - цвет шрифта - все атрибуты могут быть использованы совместно внутри данного тега. |
| Выделение текста полужирным шрифтом | | |
| Выделение текста курсивом | | |
| Выделение текста подчеркнутым шрифтом. | | |
III. Закрепление материала.
Ребята, сейчас вы будете выполнять лабораторную работу, в ходе которой нужно отформатировать шрифт на Web-странице. На прошлом занятии вы создали Web-страницу, рассказывающую о современном Ярцеве. Web-страница включает в себя несколько абзацев. Сегодня нужно будет отформатировать текст каждого абзаца определенным образом по вашему усмотрению. Для форматирования текста нужно будет применять тег и его атрибуты. Значения атрибутов тега для разных абзацев должны быть различны.
| Лабораторная работа «Работа со шрифтами на Web-странице». Цель работы:
| |
| 1 | Открыть HTML-документ index.php, созданный на прошлом занятии. |
| 2 | Выполнить команду меню Вид-Просмотр HTML-кода для перехода в Блокнот. |
| 3 | Внести в HTML-код документа необходимые изменения для форматирования шрифта (применить тег и его различные атрибуты по вашему усмотрению). |
| 4 | Сохранить новый вариант страницы, выполнив команду Файл-Сохранить. |
| 5 | Закрыть окно программы Блокнот командой меню Файл-Выход. |
| 6 | В браузере нажать кнопку Обновить и просмотреть заново содержимое страницы. |
| Результат | В окне браузера высветилось содержимое обновленной страницы. |
- Итог занятия.
- Какой элемент HTML используют для форматирования шрифта?
- Какими атрибутами может обладать элемент ?
- Каким способом можно задать цвет шрифта на Web-странице?
- Каким способом можно задать цвет шрифта на Web-странице?
Занятие 4. Гипертекстовые ссылки на Web-странице.
Цели занятия:
- научить создавать гиперссылки на Web-странице
- научить разрабатывать сценарий гипертекстового документа, состоящего из нескольких файлов
План занятия
| Этапы занятия | Деятельность учителя | Деятельность учащихся |
| Орг.момент | Приветствует учащихся, проверяет их готовность к занятию. | Ученики подготавливаются к занятию, приветствуют учителя. |
| Изучение нового материала. | Учитель предлагает учащимся вопросы, на которые они должны будут записать ответы в тетради в ходе прослушивания лекции. Проводит лекцию для знакомства учащихся с новым материалом. | Ученики слушают объяснения учителя, записывают в тетради ответы на вопросы. |
| Закрепление материала. | Учитель знакомит с целью и планом проведения лабораторной работы. Наблюдает за ходом лабораторной работы. Консультирует учащихся. | Ученики выполняют лабораторную работу за компьютером. При необходимости обращаются за консультацией к учителю. |
| Итог занятия | Учитель задает вопросы для повторения основных знаний, полученных на занятии. | Ученики отвечают на вопросы учителя. |
| Домашнее задание. | | |