Увк ош морской технический лицей г. Керчи Основы языка html форматирование текста. Конспект урока по информатике




Скачать 57.59 Kb.
НазваниеУвк ош морской технический лицей г. Керчи Основы языка html форматирование текста. Конспект урока по информатике
Дата публикации29.04.2014
Размер57.59 Kb.
ТипУрок
uchebilka.ru > Информатика > Урок
УВК ОШ - морской технический лицей г. Керчи

Основы языка HTML

Форматирование текста.

Конспект урока

по информатике

11 класс
учитель: Багинская С.П.

Тема: Основы языка HTML. Форматирование текста

Цель урока: познакомить учащихся с правилами оформления заголовков в гипертекстовом документе; научить изменять цвет фона и шрифта всей страницы.
План урока

  1. Проверка домашнего задания. Фронтальный опрос.

  2. Актуализация опорных знаний

  3. Изучение нового материала

  4. Закрепление нового материала.

  5. Выполнение самостоятельной работы

  6. Итог урока. Выставление оценок.


Ход урока

  1. Фронтальный опрос:

    1. Какую структуру имеет веб-документ?

    2. Какие теги, указывают на то, что далее идет HTML – документ?

    3. Какие теги, используются для отображения заголовка в строке заголовка окна браузера?

    4. В каких тегах, записывается информация, которая затем отображается в окне браузера?

    5. Какие теги, используются для форматирования символов?

    6. Вывести на экран формулу: SO2-+Ba2+=BaSO4

2. Актуализация опорных знаний

С понятием заголовка текста вы уже знакомились, при изучении текстового редактора.

Назначение этой части тела для HTML – документа заключается в том, что заголовки делят текст на отдельные логические части и поэтому выразительнее подчеркивают его восприятие.

^ 3. Изучение нового материала

Рассмотрим теги, которые используются для форматирования текста в HTML – документе.

  • текст заголовка , где n-уровень заголовка n=1-6

  • – расположение по центру любого объекта: текста, рисунка, списка и т.д.

  • (Paragraph) – параграф – отделяет абзацы друг от друга. Может использоваться как парный, и как непарный тег. В соответствии с Международным стандартом – абзацы разделяются пустыми строками, и начинается абзац с новой строки.


Как непарный тег –



Как парный тег –

….



С указанием выравнивания:

По левому полю:



По центру:


По правому полю:


ПРИМЕР:

Это первый абзац.

Это второй.

А это – третий.

Этот абзац выровнен по центру.





  • – текст следующий за этим тегом, начинается с новой строки (в отличие от тега

    , тег
    не выставляет пустые строки)


ПРИМЕР:

МТЛ
Класс информатики
кабинет № 9



  • (Horizontal Rule) – создание горизонтальной линии. Обычно используется для разделения текста на логические части. На месте тега рисуется горизонтальная линия. Данный тег завершает данный параграф и вызывает переход на новую строку. Он используется с несколькими параметрами, определяющими длину линии по горизонтали в пикселях или процентных долях ширины экрана (WIDTH), ее ширину в пикселях (SIZE), положение на экране (ALIGN) – слева, по центру, справа, а также вид ( атрибут NOSHADE – выводит линию черного цвета)




ПРИМЕР:

Первая логическая часть.
Вторая.

Третья.

Особенностью гипертекстового документа является его структура и внешний вид.

^ Познакомимся с правилами оформления текста:

  1. Записать заголовок для всего документа. Он может быть наибольшим по размерам – тег

    и выровнен в строке по центру.



  2. Если документ имеет разделы, их названия записывают меньшим размером (тег

    ). При необходимости разделы делятся на параграфы (

    ), параграфы на пункты (

    ). Все заголовки документа, кроме названия, выравниваются по левому краю.

  3. Текстовый фрагмент, который имеет заголовок, как правило, делят для удобства на абзацы (

    ). Абзацы должны быть небольшими и содержать законченную мысль.


  4. Для каждого абзаца целесообразно выбрать нормальный размер шрифта, полужирный шрифт – для выделения слов.

  5. Выбрать цвет фона и цвет основного текста.


Для изменений характеристик текста используется элемент:

– определение типа, размера, цвета шрифта. Размер шрифта задается атрибутом ^ SIZE, цвет – атрибутом COLOR, название шрифта – FACE.
Примечание: Параметры (атрибуты) записываются в середине начального тега элемента после его имени в виде отдельного ключевого слова или ключевого слова со знаком «=» и значениями этого параметра. Порядок следования параметров в теге, не имеет значения. Параметр действует от начального тега, в котором он задан, до конечного тега, соответствующего элемента HTML – документа.

Рассмотрим параметры тега :


Параметр

Назначение

Примеры

SIZE=номер

SIZE=+n

Изменение размеров литер

(от1 до 7)


ALIGN=LEFT

FACE=ARIAL>Пример форматирования текста



SIZE= -2 FACE= NimeET

ALIGN= CENTER>Другой пример форматирования



^ COLOR=цвет шрифта

Изменение цвета литер

ALIGN=тип выравнивания

Выравнивание текста:

LEFT – по левому краю

RIGHT – по правому краю

CENTER – по центру


^ FACE=имя шрифта

Изменение гарнитуры шрифта Arial, и др.


Далее рассмотрим, как можно изменить цвет фона и шрифта всей страницы. Цвет фона и шрифта всего документа можно задавать с помощью атрибутов BGCOLOR и TEXT в элементе . Атрибуты цветов, которые задаются в теге , действуют до конечного маркера тега , т.е. до конца документа.




Фоновые изображения задаются в элементе с помощью параметра:

BACKGROUND= “Имя файла”

ПРИМЕР:

< BACKGROUND= “bd.jpg”>

< BODY BACKGROUND= “IMAGES/bd.jpg”>

Следует, пояснить, что цвет фона может задаваться на Веб-странице один раз, а цвет шрифта можно изменять постоянно с помощью элемента и параметра COLOR, который используется в нем.

^ 4. Закрепление теоретического материала.

1) Какие элементы используются для изменения цвета фона документа?

а)

б) < /BODY>

в)

г)



д)


е)



2) Какие элементы используются для изменения цвета шрифта?

а)

б) < /BODY>

в)

г)



д)


е)



3) Какие параметры используются для увеличения размера шрифта?

а)

б) < /BODY>

в)

г)



д)


е)



4) Пояснить назначение каждого элемента такой Веб-страницы:

а)

б)

в) <br /><br />г) </HEAD><br /><br />д) <BODY BGCOLOR= “teal” TEXT=”aqua”><br /><br />е) Здесь размещен веб-документ<br /><br />ё) <CENTER><h2><br /><br />Всем привет! </FONT></H1></CENTER><br /><br />ж) < /BODY><br /><br />з) </HTML><br /><b>5. Самостоятельная работа.</b><br /><br />Создать веб-страницы, в которых перечисляются основные характеристики людей родившихся под разными знаками Зодиака. Оформить и сохранить каждую отдельную страницу под соответствующим именем в папке Мои документы/Класс/Ф.И./HTML.<br /><br />. <br /><br /><b>6. Подведение итогов. Домашнее задание: </b> Создать веб-страницу про значение своего имени, найдя соответствующий материал в литературе.</h2>


Добавить документ в свой блог или на сайт

Похожие:

Увк ош морской технический лицей г. Керчи Основы языка html форматирование текста. Конспект урока по информатике iconПрактическая работа №31. Тема : wysiwyg html-редактор
Тема: wysiwyg html-редакторы и программы для веб-дизайна Dreamweaver и Microsoft Office SharePoint Designer. Форматирование текста,...

Увк ош морской технический лицей г. Керчи Основы языка html форматирование текста. Конспект урока по информатике iconШестернина Наталия Витальевна, учитель английского языка, учитель...
Цель урока – свободное владение лексическими единицами и грамматическими структурами при обсуждении темы “Film Film Film ”

Увк ош морской технический лицей г. Керчи Основы языка html форматирование текста. Конспект урока по информатике iconПрактическая работа № Тема : Основы редактирования. Форматирование
Тема: Основы редактирования. Форматирование текста, абзаца. Работа с несколькими документами

Увк ош морской технический лицей г. Керчи Основы языка html форматирование текста. Конспект урока по информатике icon1 Основы html и создания web сайта Цель работы
Цель работы: изучить основы разработки web сайтов. Изучить основные возможности языка html и методики создания html страниц. Создать...

Увк ош морской технический лицей г. Керчи Основы языка html форматирование текста. Конспект урока по информатике iconПрактическая работа №24
Тема:   Форматирование текста, создание и форматирование таблиц в LibreOffice Writer. Вычисления в таблицах

Увк ош морской технический лицей г. Керчи Основы языка html форматирование текста. Конспект урока по информатике iconПрактическая работа №38. Тема : wysiwyg
Тема: wysiwyg html-редакторы и программы для веб-дизайна Dreamweaver и Microsoft Office SharePoint Designer. Форматирование текста,...

Увк ош морской технический лицей г. Керчи Основы языка html форматирование текста. Конспект урока по информатике iconУрок русского языка в 3 классе Подготовила Козуля И. Ю. Учитель начальных...
Тема: Собственные и нарицательные имена существительные. Большая буква в именах собственных

Увк ош морской технический лицей г. Керчи Основы языка html форматирование текста. Конспект урока по информатике iconПроверочная работа «Ввод и форматирование текста»
...

Увк ош морской технический лицей г. Керчи Основы языка html форматирование текста. Конспект урока по информатике iconБороденко Валентины Анатольевны учителя русского языка и литературы...
В. Черепкова, показать особенности его поэтического творчества, тематическое разнообразие поэзии

Увк ош морской технический лицей г. Керчи Основы языка html форматирование текста. Конспект урока по информатике iconСценарий проведения историко-литературного мероприятия. Автор разработки...
Автор разработки учитель истории увк новоазовская 1-2 ст №1 школа-лицей «Успех» Бороденко Сергей Николаевич

Вы можете разместить ссылку на наш сайт:
Школьные материалы


При копировании материала укажите ссылку © 2013
контакты
uchebilka.ru
Главная страница


<