kopilkaurokov.ru - сайт для учителей

Создайте Ваш сайт учителя Курсы ПК и ППК Видеоуроки Олимпиады Вебинары для учителей

Методическая разработка урока "Форматирование текста средствами HTML"

Нажмите, чтобы узнать подробности

Методическая разработка урока "Форматирование текста средствами HTML" Язык гипертекстовой разметки HTML применяется для форматирования текста на Web – страницах. Методическая разработка содержит теоретический материал с практическими примерами по форматированию текста средствами языка гипертекстовой разметки HTML (оформление гарнитуры шрифта, установка размера шрифта, установка цвета шрифта). Кроме этого содержит упражнения для самостоятельной работы различных уровней сложности.
Вы уже знаете о суперспособностях современного учителя?
Тратить минимум сил на подготовку и проведение уроков.
Быстро и объективно проверять знания учащихся.
Сделать изучение нового материала максимально понятным.
Избавить себя от подбора заданий и их проверки после уроков.
Наладить дисциплину на своих уроках.
Получить возможность работать творчески.

Просмотр содержимого документа
«Методическая разработка урока "Форматирование текста средствами HTML" »

Практическая работа №2

Форматирование текста в HTML. Установка цвета текста и фона Web-страницы


Цель: изучить дескрипторы для установки цвета текста и фона Web-страницы


Задание

Выполнить разобранные задания, записать в тетрадь дескрипторы и их назначение, таблицу цветов и выполнить задания для самостоятельной работы.

Ход работы

  1. Запишите в тетрадь

Установка шрифта

Дескриптор FONTFONT позволяет устанавливать параметры текста, такие, как гарнитура, размер и цвет шрифта.

Выбор шрифта

Гарнитура шрифта устанавливается с помощью параметра FACE. В значении параметра следует указать имя шрифта.

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

  • обозреватели позволяют установить использование альтернатив­ных шрифтов, причем установки обозревателей имеют больший приоритет, чем установки шрифта в коде Web-страницы.

Пример:

текст

Число шрифтов в списке не ограничено. Обозреватель будет пытаться применять шрифты в том порядке, в каком они расположены в списке. Всегда добавляйте в список распространенные шрифты, такие как Arial или Times New Roman.

В идеале на странице должно быть 2-4 шрифта - этого вполне достаточно для выделения основного текста, заголовков и специального текста.

Изменение размера шрифта

Размер шрифта устанавливается с помощью параметра SIZE. В значении параметра указывается номер от 1 (самый маленький шрифт) до 7 (самый большой). Соответствие номера размеру шрифта показано в табл. 1.

Таблица 1. Соответствие между номером шрифта и его размером

Номер шрифта

Размер шрифта в кеглях

1

8

2

10

3

12

4

14

5

18

6

24

7

36

Пример: = ‘1’ FACE = 'Arial'Шрифт 1-го размера или Текст высотой 9 пикселей


  1. В текстовом редакторе БЛОКНОТ наберите листинг и сохраните файл с именем lic1.html

Листинг 1. Установка размера шрифта

P

= ‘1’ FACE = 'Arial'Шрифт 1-го размера

= ‘2’ FACE = 'Arial' Шрифт 2-го размера

= ‘3’ FACE = 'Arial' Шрифт 3-го размера

= ‘4’ FACE = 'Arial' Шрифт 4-го размера

= ‘5’ FACE = 'Arial' Шрифт 5-го размера

= ‘6’ FACE = 'Arial' Шрифт 6-го размера

= ‘7’ FACE = 'Arial' Шрифт 7-го размера

PFONT FACE = 'Arial'Размер по умолчанию /FONT/P

  1. Запишите в тетрадь

По умолчанию тексту присваивается 3-й размер. Чтобы изменить размер шрифта для всей Web-страницы, используется дескриптор BASEFONT с параметром SIZE. Это непарный дескриптор, который помещается сразу после дескриптора основного раздела BODY.

Пример

Текст документа шрифтом 3 размера


Получите в подарок сайт учителя

Предмет: Информатика

Категория: Уроки

Целевая аудитория: Прочее.
Урок соответствует ФГОС

Скачать
Методическая разработка урока "Форматирование текста средствами HTML"

Автор: Ананьева Екатерина Юрьевна

Дата: 07.09.2015

Номер свидетельства: 229140

Похожие файлы

object(ArrayObject)#852 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(87) "Организация работы кабинета английского языка "
    ["seo_title"] => string(52) "orghanizatsiia-raboty-kabinieta-anghliiskogho-iazyka"
    ["file_id"] => string(6) "148306"
    ["category_seo"] => string(13) "vsemUchitelam"
    ["subcategory_seo"] => string(11) "presentacii"
    ["date"] => string(10) "1419656327"
  }
}




ПОЛУЧИТЕ СВИДЕТЕЛЬСТВО МГНОВЕННО

Добавить свою работу

* Свидетельство о публикации выдается БЕСПЛАТНО, СРАЗУ же после добавления Вами Вашей работы на сайт

Удобный поиск материалов для учителей

Ваш личный кабинет
Проверка свидетельства