extracted_text:
Практическая
работа № 1
«Создание Web – страницы»
Цель работы: Научиться
создавать Web-страницы.
Задачи работы:
1.      Познакомиться с языком HTML.
2.      Овладеть техникой  создания Web-страниц.
Обеспечивающие
средства: Сборник  описаний  практических работ; операционная
система  Windows XP, программа Internet
Explorer; программа «Блокнот», персональный компьютер.
Требования
к отчету:  Итоги  практической работы  представить в виде
файла lab1.html на диске.
Технология
работы:
1.Создайте папку «Сайт» в
папке «Мои документы». Откройте программу «Блокнот» в качестве простого
инструмента для создания веб-страниц. Блокнот — это несложный текстовый
редактор, используемый для создания простых документов. Наиболее часто
программа «Блокнот» используется для просмотра и редактирования текстовых (TXT)
файлов, для создания файлов веб-страниц (HTML). Программа «Блокнот»
поддерживает только основное форматирование, поэтому случайное сохранение
специального форматирования в документах, в которых должен остаться чистый
текст, исключено. Это особенно полезно при создании HTML-документов для
веб-страниц, так как особые знаки или другое форматирование могут не
отображаться на опубликованных веб-страницах. Все документы HTML имеют одну и
ту же структуру, определяемую фиксированным набором тегов структуры.
Документ HTML
всегда начинается с тега  и
заканчивается закрывающим тегом .
Внутри документа выделяются два основных раздела: раздел
заголовков и тело документа, идущие друг за другом.
Основное содержание размещается в теле документа, которое
ограничивается парным тегом .
Простейший правильный документ HTML,
содержащий все теги, определяющие структуру, имеет вид:

 <TITLE> Заголовок документа </TITLE >

Текст
документа

Задание:
2.Создайте Web-страницу,
в которой должны присутствовать цветной текст, список, рисунок, таблица,
используя стандартную программу Блокнот, используя примеры приведенной ниже
таблицы.
Запустите
Internet Explorer.
Откройте созданный файл.

Теги и примеры
  их оформления

Пояснения

<TITLE>Курсовая работа</TITLE>

Раздел
  заголовков содержит информацию, описывающую документ в целом, и
  ограничивается тегами
. Раздел
  заголовков должен содержать общий заголовок документа, ограниченный парным
  тегом <TITLE>

 Содержание

Обычный абзац начинается с тега

Тег  управляет
  параметрами шрифта, содержит атрибуты COLOR= цвет текста
  (например, “GREEN”,  “RED”,   и
  т.д.),  FACE= гарнитура шрифта или имя шрифта (например, ARIAL и т.д.), SIZE= размер шрифта.

 Введение

 1.
  Использование информационных технологий при решении экономических задач

 1.1 Классификация ИТ

Язык HTML поддерживает 6
  уровней заголовков от
 до

Текст до ссылки.

Ссылка.

Гипертекстовая ссылка определяется
  парным тегом . Обязательным является HREF= (знак
  равенства  показывает, что необходимо задать значение этого атрибута,
  т.е. адрес документа, на который указывается ссылка)

.

Вставка графического элемента
  (используется только два формата –GIF, JPEG). Для
  подготовки изображения можно использовать PAINT. Для вставки
  рисунка используется текстовый элемент, задаваемый непарным тегом  с
  обязательным атрибутом SRC=, задающим адрес файла с изображением.
  Атрибут ALINE= режим
  взаимодействия изображения с текстом (BOT-TOM – рисунок выше
  текста, MIDDLE – рисунок в
  середине текста,LEFT – левее, а RIGHT – правее
  текста).

  <TITLE> Заголовок документа
  </TITLE>

 Содержание

  Введение

Использование
  информационных технологий при решении экономических задач

Решение
  конкретной экономической задачи с использованием Excel

Списки
Упорядоченные (нумерованные) списки
  создаются при помощи парных тегов
,
  маркированные списки  при помощи
.
Эти списки могут содержать только
  элементы списка, определяемые парным тегом
.
  Закрывающий тег
 можно опускать. Например,
  Содержание документа можно оформлять списком и использовать гиперссылки.

 Заключение

Содержание
Введение
1.
  Использование информационных технологий при решении экономических задач
2.
  Решение конкретной экономической задачи с использованием Excel
Заключение

<TITLE>
  Заголовок документа
</TITLE>

Таблица №1

 Ф.И.О.
  Адрес

 Панова И.И.

Мира 6-21

 Мишина В.П.

Победы
  47-154

 Новикова
  Е.Н.
Московская 23-4

Таблица в языке HTML задается парным
  тегом
. Заголовок
  таблицы определяется парным тегом
, строки
  таблицы задаются при помощи тегов
. Ячейки в
  заголовках столбцов  -парным тегом . Обычные
  ячейки - . Закрывающиеся теги можно опускать.
Таблица №1

Ф.И.О.

Адрес

Панова И.И.

Мира 6,21

Мишина В.П.

Победы 47,154

Новикова Е.Н.

Московская 23-4

3.Сохранить файл как lab1.txt в блокноте и как lab1.html для просмотра в браузере.

Практическая
работа № 2
«Базовое
оформление текста»
Цель
работы:  Научиться создавать и форматировать документ.
Задачи
работы:
1.      Овладеть методикой  работы
 форматирования документа.
2.      Получить   навыки
работы с обязательными тегами.
Обеспечивающие средства:
Сборник  описаний  практических работ;  операционная
система  Windows XP,
программа Internet Explorer;
программа «Блокнот»; персональный компьютер.
Требования
к отчету:  Итоги  практической работы  представить в виде
файла lab2.html на диске
Технология
работы:
1.Создать
документ, в котором, в заголовке окна браузера должна быть надпись
«Практическая 2»
2.Фон
задать виде рисунка, имеющихся в директории.
3.Использовать
шрифты Arial и Courier New, размер шрифта 14 и 12  для заголовка и текста;

4.Заголовок
(по центру и соответствующим шрифтом);
5.Используя
вложенные списки создать документ согласно образцу:
Классификация
ПО для ПК
1.     Введение
·
Основные разновидности программ
2.
Разновидности программ для компьютеров
ü  Прикладные
программы
ü  Системные
программы
ü  Инструментальные
программы
2.1
Системные программы
·         Операционная
система
·         Драйверы
·         Программы
оболочки
2.2
Вспомогательные программы утилиты

i.      программы упаковщики

ii.      антивирусные программы
6.Сохранить
файл как lab2.txt в блокноте и как lab2.html для просмотра в браузере.

Практическая
работа № 3
«Создание
гиперссылок»
Цель
работы:  Научиться создавать гиперссылки на выбранные
документы.
Задачи работы:
1.      Овладеть методикой  работы
по созданию гиперссылок.
2.      Получить   навыки
работы с полосой навигации;
Обеспечивающие
средства: Сборник  описаний  практических работ;
 операционная система  Windows XP, программа Internet Explorer; программа «Блокнот»; персональный компьютер.
 Требования
к отчету:  Итоги  практической работы  представить в виде
файла lab3.html на диске.
Технология
работы:
1.      Создать документ, в котором, в
заголовке окна браузера должна быть надпись «Практическая 3»
2.      Задать цвет для непосещаемой,
посещаемой и активной гиперссылок.
3.      Задать фон и соответствующий
шрифт документу.
4.      Использовать шрифты Arial и
Courier New
5.      Практическая №1- гиперссылка на
соответствующий файл –должна быть справа на экране;
6.      Практическая №2- гиперссылка на
соответствующий файл –должна быть справа на экране
7.      Заголовок (по центру и
соответствующим шрифтом);
8.      « Предметы» оформить виде
вложенных списков по образцу предложенному  ниже;
9.      «Специальности» -заголовок (по
центру экрана и соответствующим шрифтом) написать сокращенное и
расшифрованное  название  специальностей  с использованием
списков определений.
10.  Используя вложенные списки создать документ согласно
образцу:
Изучаемые предметы
v
Предметы преподаваемые на первом курсе:
Ø Математика

Ø История

Ø Программирование

§
Теория
§
Практика
Ø Химия
Ø Физика

Ø География

v
Предметы преподаваемые на втором курсе
v
Предметы преподаваемые на третьем курсе:
Специальности :
·
ФИН – Финансы 0603
·
БХ - Экономика и бухгалтерский учет 0601
·
АС – Автоматизированные системы обработки информации и
управления 2202
·
ПВ – Правоведение 0201

11.
Сохранить файл как lab3.txt в блокноте и как lab3.html для просмотра в
браузере.

Практическая работа № 4
«Использование
шрифтов в  HTML»
Цель работы:
Научиться задавать командой FONT с
помощью атрибутов цвет, размер, вид шрифтов.
Задачи работы:
1.      Овладеть методикой  работы с
командой FONT.
2.
Устанавливать различные шрифты в HTML -
документе;
Обеспечивающие средства:
Сборник  описаний  практических работ;  операционная система
Windows XP,
программа Internet Explorer;
программа «Блокнот»; персональный компьютер.
 Требования к отчету:
Итоги  практической работы  представить в виде файла lab4.html на диске.
Технология
работы:
Теоретическая часть

Задание
стилей для всех семейств шрифтов, используемых на компьютере, определятся явным
заданием вида шрифта, которым будет выводится текст:

Шрифт

команда

Равноширинный шрифт (teletype)

<TT>

Полужирный текст (bold)

Курсив (italic)

зачеркнутый текст (strike)

<S> или

подчеркнутый текст (underline)

Задание:

1.      Создать документ, в котором, в
заголовке окна браузера должна быть надпись «Практическая 4»
2.      Задать цвет текста в документе, и
цвет фона.
3.
Задать шрифт текста Arial  и Courier New
4.      С помощью тэга

параграф выровняйте текст по левому краю; по правому краю
5.      Выделите текст при помощи
заголовков, используя шесть уровней заголовков
6.      Используя параметр
измените размер шрифта от + до -
для каждого абзаца;
7.      Оформите текст абзацев полужирным
, наклонным, подчеркнутым.
8.
Загрузите  практическую работу №2, где содержится «Классификация
ПО для ПК». Создайте гиперссылку для Прикладные программы (во Введении) на
фал lab4.html
9.      Текст для практической работы:
НЕМНОГО
ИСТОРИИ
  В течение многих лет
предпринималось немало попыток разработать концепцию универсальной
информационной базы данных, в которой можно было бы не только получать
информацию из любой точки земного шара, но и иметь удобный способ связи
информационных сегментов друг с другом, так чтобы наиболее важные данные могли
быть быстро найдены. В 60-е годы исследования в этой области породили понятие
"информационной Вселенной" (docuniverse = documentation + universe),
которая преобразила бы всю информационную деятельность. Но только в настоящее
время появилась технология, воплотившая эту идею и предоставляющая возможности
ее реализации в масштабах планеты.
WWW -
"ВСЕМИРНАЯ ПАУТИНА"

WWW – это аббревиатура от "World Wide Web" ("Всемирная
паутина").
Официальное
определение World Wide Web звучит как мировая виртуальная файловая система –
широкомасштабная гипермедиа-среда, ориентированная на предоставление
универсального доступа к информационным ресурсам. Проект WWW возник в начале
1989 года в Европейской Лаборатории физики элементарных частиц (CERN) в Женеве
(http://www.cern.ch/). Идея проекта состояла в создании гипертекстовой системы
связи документов в компьютерной сети. Со временем World Wide Web (WWW, Web)
превратилась в общемировую систему, состоящую из программного обеспечения – WWW
технологий и связанных между собой документов.
 Используя
специальный программный интерфейс для WWW, изменился процесс просмотра и
создания информации. Суть в том, что компьютер, подключенный к Интернет в
режиме on-line, можно преобразовать в Web-сервер и наполнить его информацией.
По всему миру существуют тысячи информационных серверов, и с любого компьютера,
имеющего выход в Интернет, можно установить сетевое соединение с Web-сервером и
смотреть текст, графику, видеоролики, слушать аудиоклипы (все это вместе и
называется гипермедиа).
Первый
такой сервер был организован в CERN, там же с целью развития и поддержки
стандартов WWW технологий был создан The World Wide Web Consortium, или W3C. Web-сервер Консорциума
http://www.w3.org/pub/WWW/ является интегрирующим сервером по
поддержке WWW технологий в Интернет.

2-я часть задания- текст, где каждая строка имеет начертание,
соответствующее тому, что написано. Между собой строки разделены  линиями
разного цвета.
Курсив

Жирный
шрифт
Печатная
машинка
Жирный
курсив
Жирная
печатная машинка
Курсив+печатная
машинка
Подчеркнутый

Перечеркнутый

9.  Сохранить файл как
lab4.txt в блокноте и как lab4.html для просмотра в браузере.

Практическая
работа № 5
«Гиперссылки. Задание размеров картинки»
Цель работы:
Научиться задавать размеры картинки. Закрепить методику создания
гиперссылок.
Задачи
работы:
1.
Овладеть методикой  работы с графическими файлами;
2.
Получить   навыки работы  по маршрутизации пути файла.
Обеспечивающие средства: Сборник  описаний  практических работ; операционная
система  Windows XP, программа Internet Explorer; программа «Блокнот»; персональный
компьютер.
 Требования к отчету:  Итоги  практической
работы  представить в виде файла lab5.html на диске.
Технология работы:
Теоретическая часть :
Для того, чтобы текст располагался весь
рядом с картинкой используем тэги с параметрами. У некоторых тэгов есть
параметры (атрибуты), параметр может задаваться один, а может их быть
несколько. Например у тэга
 -
.
Параметр align есть и у картинок:
 Это означает, что картинка будет прижата к
левому краю экрана, а текст будет обтекать ее справа. Чтобы сделать наооборот
(картинка справа, текст слева) надо прописать right:

Но это не все: текст может располагаться внизу картинки (это по умолчанию) -
(1), посередине - (2), и вверху - (3):
(1) -
(2) -

(3) -

Кроме параметра align существует еще несколько параметров:
(1) -
(2) -

(3) -

(4) -

(5) -

(6) -

где:
(1) - параметр vspace - задает расстояние между текстом и рисунком (по
вертикали). Расстояние задается в пикселях (pixel - минимальная единица
изображения, точка. Например разрешение экрана 800х600 - 800 на 600 точек). В
нашем примере расстояние равно 10 пикселям.
(2) - параметр hspace - тоже задает расстояние между текстом и рисунком, но по
горизонтали. Расстояние задается в пикселях. В нашем примере оно равно 30 пикселям (точкам).
(3) - параметр alt - краткое описание картинки. Если навести курсором мыши на
рисунок, и так подержать его (курсор) несколько секунд выскочит описание
картинки. В нашем случае это будет фраза - "моя фотография". Если
параметр alt не задавать, описания не будет. Но умные люди говорят, что
описание картинкам задавать следует (особенно, если это кнопки), т.к. есть
особенные люди, которые бродят по интернету с отключенной графикой. Без alt им
не будет видно на что жать, т.к. картинка не отображается, а при заданном alt,
можно увидеть надпись, для чего она (картинка) предназначалась.
(4) -
параметр width - ширина самой картинки (в пикселях). Если ширину не задавать
специально, то по умолчанию она будет равна реальной ширине картинки (а так вы
можете ее сделать или уже или шире).
(5) - параметр height - высота самой картинки (тоже в пикселях). Так же как в
случае с width высоту (height) картинки можно и не задавать. Правда, умные люди
говорят, что размеры картинок следует задавать, для тех же особенных людей с
отключенной графикой...
(6) -
параметр border - рамка вокруг самой картинки (в пикселях). Можно не задавать.
Все параметры могут употребляться одновременно друг с другом, чтобы избежать
путаницы продемонстрирую наглядно на нашей страничке. Введем следущие параметр для нашей картинки:

Наша картинка будет прижата к левому краю экрана, текст будет
обтекать ее справа, расстояние до текста по горизонтали - 30 пикселей, по
вертикали - 5 пикселей (чтобы красиво все смотрелось),  и если вы наведете
на картинку курсор, то выскочит надпись-"персональный компьютер ".
Выполните не компьютере:
1.
Создать документ, в котором, в заголовке окна браузера должна быть надпись
«Практическая 5» (под именем lab5.html), в котором содержится текст Введение.

2.
Задать цвет текста в документе, и цвет фона.
3.
Задать шрифт текста  Arial  и Courier New
4.      Загрузите  практическую
работу №2, где содержится «Классификация  ПО для ПК». Создайте
гиперссылку для Введения:
5.      Задать цвет для непосещаемой,
посещаемой и активной гиперссылок.
6.      Введение- гиперссылка на
соответствующий файл (под именем lab5.html) содержащий информацию:
Введение
Персональные компьютеры – это
универсальное устройство для обработки информации. В отличие от телефона,
магнитофона или телевизора, осуществляющих только заранее заложенные в них
функции, персональные компьютеры могут выполнять любые действия по обработке
информации. Для этого необходимо составить для компьютера на понятном ему языке
точную и подробную последовательность инструкций выполняемых на компьютере
программах. Поэтому часто употребляемое выражение «компьютер сделал»
(подсчитал, нарисовал) означает ровно то, что на компьютере была выполнена
программа, которая позволила выполнить соответствующее действие. Меняя
программы для компьютера, можно превратить его в рабочее место бухгалтера или
конструктора, статистика или агронома, редактировать на нем документы или
играть в какую-нибудь игру.
Таким образом, для эффективного использования компьютера (т.е.
программу), как надо обрабатывать информацию. Сам по себе компьютер не обладает
знаниями ни в одной области своего применения, все эти знания сосредоточены в
необходимо знать назначение и свойства необходимых при работе с ним программ.
Рассмотрим основные разновидности программ для персонального
компьютера IBM PC.
 Файл
практ5 оформите как  документ, в котором, в заголовке окна браузера должна
быть надпись «Практическая 5» Оформите его :
1.
Использовать шрифты Arial и Courier New, применить курсив, жирный
подчеркивание согласно тексту.
2.
Практическая №1, Практическая №2- гиперссылка на соответствующий
файл –должна быть внизу  на экране;
3.
Практическая №5- заголовок (по центру и соответствующим шрифтом);
4.
 Вставить рисунок, задав ему размеры с  помощью
параметра width - ширина самой картинки (в пикселях=300), примените параметр
alt - краткое описание картинки.;
5.
Расположите картинку по левому краю, а текст обтекает ее справа.
Используя параметр align, например:

6.
Задайте  расстояние между текстом и рисунком (по вертикали и
горизонтали). Расстояние задается в пикселях (pixel - минимальная единица
изображения, точка. Например разрешение экрана 800х600 - 800 на 600 точек). В
нашем примере расстояние равно 30 пикселям.
7.
Используя параметр  border - рамка вокруг самой картинки (в
пикселях), задайте бордюр вокруг картинки.
8.
Оформите страницу в едином стиле с практической работой №2 «Классификация
ПО для ПК»
Сохранить файл как lab5.txt в блокноте и
как lab5.html для просмотра в браузере.

Практическая
работа № 6
«Таблицы»
Цель работы:
Научиться создавать таблицы при помощи тэга

.
Задачи работы:
1.
Овладеть методикой  работы по созданию таблиц .
2.
Получить   навыки работы с командой

, атрибутами

,
Обеспечивающие средства: Сборник
описаний  практических работ; операционная система  Windows XP,
программа Internet Explorer; программа «Блокнот»; персональный компьютер.
Требования к отчету:  Итоги  практической работы
представить в виде файла lab6.html на диске.
Технология
работы:
Теоретическая часть :
При создании сайтов таблицы используются очень часто. Таблица задается тэгом:

Таблица состоит из строк и столбцов (ячеек), поэтому нам надо еще и указать их.

 - строчка таблицы
	 - столбец (ячейка) таблицы

Зададим таблицу состоящую из двух строк и трех столбцов (ячеек). Для
наглядности  ячейки таблицы выделены  разными цветами. Границы
таблицы не заданы, поэтому вы их не видите

Заполните получившийся каркас цифрами:

1x1
1x2
1x3

2x1
2x2
2x3

Фон задается параметром bgcolor="цвет_фона". Фон можно задать для таблицы
в целом, для ряда, для столбца (в пределе одного ряда). Задаем фон для каждого
столбца. В параметрах height и width - вы можете их задать для всей таблицы,
для одного ряда, для ячейки (столбца).

 1x1

1x2
 1x3

  2x1

2x2

2x3

Параметры colspan и rowspan. Colspan - определяет количество столбцов, на которые простирается
данная ячейка, а rowspan - количество рядов (эти параметры могут принимать
значение от 2 и больше, т.е. наша ячейка может растягиваться на два и более
столбца (ряда)).

Используем параметр colspan=2, прописав его для ячейки 1х1.  Код
следующий:

1x1

1x2

 2x1

2x2

2x3

Попробуйте сами написать код для такой таблицы (у вас должна исчезнуть ячейка
2х3). Для закрепления напишите код для таблицы:

Можно избавиться от пространства между ячейками таблицы.
Это достигается с помощью атрибута cellspacing, равного нулю:

1x1
 1x2

 2x1

2x2

Можно увеличить
пространство между ячейками, допустим пусть cellspacing=5, тогда получим такое:

Обычно атрибут cellspacing, рассматривается в руководствах и учебниках в паре с
атрибутом cellpadding, который добаляет свободное пространство между содержимым
ячейки и ее границами. Чтобы было видно нагляднее я для начала прижму текст
ячеек первого ряда к верху, в нижнего - к низу, используя атрибут valign

1x1

1x2

2x1

2x2

Выполните на компьютере:
Задание 1
1.
Создайте файл lab6.html  оформите как  документ, в
котором, в заголовке окна браузера должна быть надпись «Практическая 6».
2.
Практическая №6- заголовок (по центру и соответствующим шрифтом).
3.
Создайте таблицы согласно заданию. Задать фон ячейкам желтый,
зеленый, согласно  рисунку:

1)

2)

1.
Создать таблицу из трех строк и четырех столбцов, ширина таблицы
составляет 60% от ширины экрана.
2.
Ширина левого столбца составляет 30% от ширины таблицы.
3.
Задать цвет фона для элементов таблицы, установить цвет рамки.
4.
Создать общий заголовок: Работа с таблицами (по центру и
соответствующим шрифтом);
9.
Сохранить файл как lab6.txt в блокноте и как lab6.html для
просмотра в браузере.
Задание 2
9. Создать документ, в котором в заголовке окна браузера должна быть надпись
" Практическая 6 часть 2". С использованием команд создания
таблицы сформировать таблицу по указанному заданию.
Обратить внимание на ширину первого столбца (задать в процентах от
ширины таблицы), шрифт (курсив, Courier New, Arial) и расположение
текста (по центру, слева, справа).

 10.  Сохранить файл как lab6-2.txt в блокноте и как lab6-2.html для
просмотра в браузере.

Практическая
работа № 7
«Фреймы»
Цель работы:
Научиться создавать многооконные документы.
Задачи работы:
1.
Овладеть методикой  работы с тегом
<frameset></frameset>и параметрами rows, cols.
2.
Научиться присваивать имена окнам при помощи атрибута name
команды<frame>.
Обеспечивающие средства:
Сборник  описаний  практических работ; операционная система
Windows XP, программа Internet Explorer; программа «Блокнот»; персональный
компьютер.
Требования к отчету:  Итоги  практической работы
представить в виде файла lab7.html на диске.
Технология
работы:
1.
Создать документ, в котором в заголовке окна браузера должна быть
надпись "Практическая 7".
2.
С использованием команд создания  многооконных документов
сформировать 4 файла по указанному заданию. Дать им имя: фрейм_1.Html,
фрейм_2.html  и т.д.
3.
Пример для 1-го фрейма:

<title>Л</title>
<frameset rows="100,*,150">
<frame src="logo.html">
<frame src="content.html">
<frame src="menu.html">
</frameset>

1.
Пример для 2-го фрейма:

<title>Хождение по фреймам</title>
<frameset rows="100,*">
<frame src="logo.html">
<frameset cols="150,*">
<frame src="menu.html">
<frame src="content.html">
</frameset>
</frameset>

1.
Пример для 3-го фрейма: параметр cols  делит окно браузера на
колонки<frameset cols="100,150,*">
2.
Остальные фреймы создайте согласно рисунку, самостоятельно.
7.  Сохранить файл как
lab7.txt в блокноте и как lab7.html для просмотра в браузере.

Практическая
работа № 8
«Фреймы. Гиперссылки и активные рисунки»
Цель работы:
Научиться создавать многооконные документы – фреймы.
Задачи работы:

Овладеть
     методикой  создания фреймов командой FRAMESET.
Получить
     навыки работы  c заполнением фреймов.

Обеспечивающие средства:
Сборник  описаний  практических работ; операционная система
Windows XP, программа Internet Explorer; программа «Блокнот»; персональный
компьютер.
Требования к отчету:  Итоги  практической работы
представить в виде файла lab8.html на диске.
Технология
работы:

Создать
        документ согласно рисунку, в котором в заголовке окна браузера должна
        быть надпись "Введение в HTML". Для этого необходимо создать
        4 файла соответствующего содержания.
Прописать
        все гиперссылки на фрейм окна "menu",набрать для них текст,
        соответствующего содержания.
Создать
        бегущую строку «Краткое руководство по HTML»

Теоретическая часть:
Пример задания многооконного документа:

<FRAMESET ROWS="10%, *">
<FRAME SRC="head.html">

<FRAMESET ROWS="10%, *">
<FRAME SRC="head.html">
<FRAMESET COLS="20%,*">
<FRAME SRC="menu.htm" NAME="menu">
<FRAMESET ROWS="40%,*">
<FRAME SRC="index.html" NAME="index">
<FRAME SRC="main.html"  NAME="main">
</FRAMESET>
</FRAMESET>
</FRAMESET>

Более сложные многооконные документы, наподобие данного руководства, создаются
при помощи комбинации соответствующих команд FRAMESET. Например, мы хотим
создать многооконный документ, наподобие того, каким является данное пособие,
содержащий вверху не меняемый заголовок (его лучше всего задать картинкой),
далее слева навигационное меню и справа два содержательных окна.

<FRAMESET ROWS="10%, *">
<FRAME SRC="head.html">

<FRAMESET ROWS="10%, *">
<FRAME SRC="head.html">
<FRAMESET COLS="20%,*">
<FRAME SRC="menu.htm" NAME="menu">
<FRAMESET ROWS="40%,*">
<FRAME SRC="index.html" NAME="index">
<FRAME SRC="main.html"  NAME="main">
</FRAMESET>
</FRAMESET>
</FRAMESET>

Пример для подключения  к файлу menu.htm гиперссылки слова «СОДЕРЖАНИЕ»

<TITLE>Пример 12</TITLE>

меню

СОДЕРЖАНИЕ

КОМАНДЫ

 РАЗМЕТКА

 ШРИФТЫ

 СПИСКИ

ГРАФИКА

<TEXTAREAA NAME="ИМЯ" ROWS="25" COLS="40">

Пример для бегущей строки:
<marquee height="10" width="270" loop="4"
bgcolor="#99CCFF">
Краткое руководство по HTML

 </marquee>
Пример для раскрытия ссылки в  окне name="window-1">:
<frame src="content.html" name="window-1">
Турурумки
Direction - задает направление движения бегущей строки -
direction="left" (right, up, down) - движение влево (вправо, вверх,
вниз).
Behavior - поведение строки - behavior="scroll" (slide,
alternate). Scroll - обычная прокрутка (по умолчанию). Slide - прокрутка с
остановкой, строка пробегает до края и останавливается. Если одновременно с
behavor="slide" употребить параметр loop, то строка прокрутится
установленное количество раз и остановится у края. Alternate - строка будет
двигаться от края к краю.
Scrollamount - скорость движения строки, scrollamount="1".
Может принимать значения от 1 до 10. 1 - самое медленное движение, 10 - самое
быстрое.
9.  Сохранить файл как lab8.txt в блокноте и как lab8.html для просмотра в
браузере.

Практическая
работа № 9
«CSS – Каскадные таблицы стилей»
Цель работы:
Научиться оформлять веб - страницы с использованием каскадных таблиц стилей
CSS.
Задачи работы:

Овладеть
     методикой  работы c  атрибутом STYLE.

2.
Получить   навыки работы  замены тегов на стилевое
описание.
Обеспечивающие средства:
Сборник  описаний  практических работ; операционная система
Windows XP, программа Internet Explorer; программа «Блокнот»; персональный
компьютер.
Требования к отчету:  Итоги  практической работы
представить в виде файла lab9.html на диске.
Технология
работы:

Создайте
     стиль следующего образца:

Для команды скопируйте текст
из практической работы №4 (файл lab4.html)
·
Пустое поле сверху и снизу во всем документе
·
Пустое поле слева - 5; пустое поле справа-2
·
Цвет фона - светло-серый, цвет текста - черный.

Установите в
     данном тексте цвет непосещаемых гиперссылок – коричневый, посещаемых
     –зеленый, стиль шрифта – черный.
Абзацы: на
     белом фоне. У первого абзаца – вертикальная одинарная красная черта слева;
     у второго абзаца – вертикальная двойная синяя черта  справа; у
     третьего абзаца никаких линий нет
Текст
     абзацев идет с отступом от края белого фона, с увеличенным
     интервалом между строками и с заданием «красной строки»
В первом
     заголовке получите объемный эффект. Для этого:

с помощью
      свойств margin-top и margin-left сделайте наложение двух строк текста
с помощью
      свойства font-size установите большой размер строк
с помощью
      свойства color - сделайте, чтобы вторая строка выглядела тенью
шрифт
      заголовка - Arial.

В первом абзаце слова
"информационной Вселенной" идут жирным курсивом и с разрядкой.
Второй заголовок: желтого цвета на зеленом фоне, причем фон лишь
немного шире заголовка, но уже основного текста. Буквы заголовка подчеркнуты и
надчеркнуты.
Во втором абзаце, в первом предложении часть слов расположена
выше основного текста, а часть слов - ниже. Это должно быть сделано средствами
CSS.

Практическая работа № 10
«Формы»
Цель работы:
Научиться. создавать формы.
Задачи работы:
1.
Овладеть методикой  работы по созданию форм с помощью команды
FORM.
2.
Получить   навыки по созданию форм, кнопок командами:
INPUT, SELECT, TYPE.
Обеспечивающие средства:
Сборник  описаний  практических работ; операционная система
Windows XP, программа Internet Explorer; программа «Блокнот»; персональный
компьютер.
Требования к отчету:  Итоги  практической работы
представить в виде файла lab10.html на диске.
персональный компьютер.
Технология
работы:
1.  Форма — это
инструмент, с помощью которого HTML-документ может послать некоторую информацию
в некоторую заранее определенную точку внешнего мира, где информация будет
некоторым образом обработана.
Форма открывается меткой <FORM> и заканчивается меткой </FORM>. Создайте
в  окне «содержание » практической работы №8 следующие  формы:

<TITLE>Пример создания форм</TITLE>

Несколько более сложная форма

<FORM ACTION="http://206.31.82.215/hp/nc/fd-win.pht"
METHOD=post>

Расскажите немного о себе...

Указывать подлинные данные совсем не обязательно.
Для целей демонстрации вполне подойдут и вымышленные.

Имя: <INPUT TYPE=text SIZE=40
NAME=fn>

Фамилия: <INPUT TYPE=text SIZE=40
NAME=ln>

Пол: <INPUT TYPE=radio NAME=gender
VALUE="male" checked>мужской
<INPUT TYPE=radio NAME=gender VALUE="female">женский

Возраст: <INPUT TYPE=text SIZE=5 NAME=age> лет

<INPUT TYPE=submit VALUE="Запустить обработчик">

<SELECT
NAME="selection">
<OPTION VALUE="option1" checked>Вариант 1
<OPTION VALUE="option2">Вариант 2
<OPTION VALUE="option3">Вариант 3
</SELECT>
</FORM>

 Метка <OPTION> определяет элемент меню. Обязательный атрибут VALUE устанавливает значение, которое будет
передано обработчику, если выбран этот элемент меню. Метка <OPTION> может
включать атрибут checked, показывающий, что данный элемент отмечен по
умолчанию.
Оформите:   окна  практической работы №8 в единой
цветовой гамме BGCOLOR="FFF0FF", окно "main" на тон
темнее; правой верхней части окна «head»  вставьте
«логотип»-HТML-прямоугольник 10х100, другие оформите по своему усмотрению.
2.Создайте все формы (Пример использования),  приведенные в теоретической
части. Покажите выполненное преподавателю.
Теоретическая часть:
Типы  элементов формы
TYPE="TEXT"
Представляет собой одностроковое текстовое поле (рис. 10.1), физический размер
которого можно установить с использованием атрибута SIZE, а первоначально
введенную в него символьную последовательность — с помощью атрибута VALUE.

Рис. 10.1. Элемент формы TEXT
Примером использования данного элемента в коде HTML может служить следующая
строка:
<INPUT TYPE='TEXT" SIZE="40" NAME="user_name"
VALUE-''Введите ваше имя">TYPE="PASSWORD"
Тип, полностью аналогичный предыдущему, за исключением того, что вводимая
пользователем в текстовое поле информация будет отображаться на экране
символами «*», чтобы скрыть текст от постороннего зрителя.
TYPE="CHECKBOX"
Элемент, представляющий собой простую форму выбора, принимающую одно из двух
устойчивых состояний: «отмечено» — «не отмечено» (рис. 10.2).

Рис. 10.2. Элемент формы CHECKBOX
Данный элемент оперирует так называемыми булевыми переменными, то есть
переменными, каждая из которых может принимать значение «ИСТИНА» или «ЛОЖЬ».
Каждый элемент формы CHECKBOX создает логическую пару значений вида
«имя_элемента—состояние» и передает их на сервер. Для установки первоначального
состояния элемента (отмечен, либо нет) используют атрибут CHECKED.
Пример использования:
<INPUT TYPE="CHECKBOX" CHECKED NAME="C01"
VALUE="yes">
TYPE="RADIO"
Так называемая радиокнопка (рис. 10.3) применяется в случае, когда какая-либо
логическая переменная может принимать только одно значение из множества
возможных.

Рис. 10.3. Элемент формы RADIO
Все элементы RADIO одной формы обозначаются одним и тем же значением атрибута
NAME. Использование радиокнопок требует явного указания значений атрибута
VALUE, одна из кнопок должна быть обязательно выделена атрибутом CHECKED.
Пример использования:
<Р АLIGN="СЕМТЕR">Пожалуйста, укажите ваш возраст</Р>

<INPUT TYPE="RADIO" NAME= "user-age"
VALUE="0-12">
<INPUT TYPE="RADIO" NAME= "user-age"
VALUE="13-17">
<INPUT TYPE="RADIO" NAME= "user-age"
VALUE="18-25">
<INPUT TYPE="RADIO" NAME= "user-age"
VALUE="26-35" CHECKED>
<INPUT TYPE="RADIO" NAME= "user-age"
VALUE="36-">

TYPE="BUTTON"
Отображает обыкновенную кнопку (рис. 10.4), нажатие на которую приводит к
какому-либо действию сервера.

Рис. 10.4. Элемент формы BUTTON
С помощью атрибута NAME данному элементу присваивается уникальное имя, атрибут
VALUE позволяет изменять надпись, отображаемую на кнопке.
Пример использования:
<INPUT TYPE="BUTTON" VALUE="Button"
NAME="B1">TYPE="SUBMIT"
Определяет кнопку, по нажатии которой данные из формы передаются серверу. Так
же как и в предыдущем случае, надпись, отображаемая на кнопке, задается
атрибутом VALUE.
Пример использования:
<INPUT TYPE="SUBMIT" VALUE="Отправить!">
TYPE="RESET"
Создает кнопку, которая очищает неправильно заполненную текстовую форму.
Параметры и значения этой кнопки не передаются на сервер вместе с другими
данными формы. Пример использования:
<INPUT TYPE="RESET" VALUE="Очистить форму">TYPE="FILE"

Генерирует на экране кнопку, по нажатии на которую на экране появляется
Проводник Windows, позволяющий присоединить к отсылаемым на сервер данным любой
файл с локального компьютера пользователя. Данный элемент применяется в
основном в формах отправки с сервера сообщений электронной почты для
организации вложений, а также для загрузки изображений на сервер. Обычно рядом
с кнопкой отображается небольшое текстовое поле, куда автоматически заносится
имя отсылаемого файла и путь к нему на локальном диске.
Пример использования:
<INPUT TYPE="FILE"
NAME="picture">TYPE="IMAGE"
Создает кнопку отсылки, аналогичную элементу SUBMIT, но с использованием
графического изображения, созданного пользователем. Обычно применяется
вслучаях, когда стандартная серая прямоугольная кнопка «не вписывается» в
дизайн сайта. URL к изображению, играющему роль кнопки, указывается атрибутом
SRC, причем сам элемент может содержать собственные атрибуты, аналогичные
применяемым в теге  (см. урок 5), в том числе ALIGN, ALT и др.
Атрибуты NAME и VALUE трактуются так же, как аналогичные атрибуты элемента
SUBMIT.
Пример использования:
<INPUT TYPE="IMAGE" SRC="/images/button.gif
ALIGN="BOTTOM" NAME="submit" VALUE="Отправить!">
TYPE="HIDDEN"
Данный элемент является скрытым и не отображается на экране монитора
пользователя. Применяется он для хранения и передачи на сервер информации о
текущем состоянии формы: при нажатии кнопки SUBMIT элемент HIDDEN сформирует
логическую пару переменных типа «имя—значение», которые будут отосланы серверу
с помощью протокола HTTP. Элементы HIDDEN служат доступной альтернативой файлам
cookies — специальным файлам, в которых сохраняются индивидуальные настройки
пользователя и позволяющим, например, восстановить последнее состояние формы
при повторном посещении пользователем содержащей эту форму страницы.
Пример использования:
<INPUT TYPE="HIDDEN" NAME="forml"
VALUE="c3576-236-2113">
Однако с помощью тега <INPUT> можно передать далеко не все доступные
web-дизайнеру элементы форм. Например, текстовые поля, задаваемые атрибутами
TEXT и PASSWORD, весьма ограничены по количеству символов, которые можно ввести
в эти поля. Если перед web-мастером встала задача создать такие текстовое поля,
чтобы пользователь мог вводить большое количество символов, используется
самостоятельный тег <TEXTAREA>, формирующий на экране одноименный
элемент формы (рис. 10.5).

Рис. 10.5. Элемент формы TEXTAREA
Синтаксис записи данного тега выглядит следующим образом:
<TEXTAREA МАМЕ="имя элемента" ROWS-''целое число"
СOLS="целое число">
Текст, выводимый в текстовом поле по умолчанию</TEXTAREA>
С атрибутом NAME, определяющим индивидуальное имя каждого элемента формы, вы
уже знакомы. Атрибуты ROWS и COLS указывают соответственно максимально
допустимое количество строк вводимого текста и символов в строке. В случае если
набираемый пользователем текст не умещается в видимую часть текстового
контейнера, по краям поля появляются вертикальные и горизонтальные полосы
прокрутки для скроллинга содержимого элемента TEXTAREA.
Пример использования:
<TEXTAREA NAME="message" ROWS="25"
COLS="40">
Введите сюда текст сообщения
</TEXTAREA>
Для создания меню выбора в форме (рис. 10.6) web-мастер может воспользоваться
тегом <SELECT>.

Рис. 10.6. Элемент формы SELECT
Синтаксис записи данного тега в общем виде выглядит так:
<SELECT NAME="имя" MULTIPLE SIZE="целое число">
<OPTION VALUE="Пункт 1">Пункт 1</OPTION>
<OPTION VALUE-''Пункт 2">Пункт 2</OPTION>
<OPTION VALUE="Пункт 3">Пункт 3</OPTION>
OPTION VALUE="Пункт N">Пункт N</OPTION>
</SELECT>
Атрибут MULTIPLE определяет для пользователя возможность отметить не одну, а
сразу несколько позиций из предложенного списка. Если данный атрибут задан,
можно воспользоваться атрибутом SIZE, определяющим количество позиций, видимых
на экране одновременно.
Пример использования:
<Р АLIGN ="CENTER">Пожалуйста, укажите ваш город</Р>

<SELECT NAME="City" MULTIPLE SIZE="3">
OPTION VALUE="a">Санкт-Петербург</OPTION>
OPTION VALUE="b">Mocква</OPTION>
<OPTION VALUE="c">Екатеринбург</OPTION>
</SELECT>

3. Создайте все формы из теоретической части и сохраните их в файле
form_10.txt,   form_10.html
4.  Сохранить файл как lab10.txt в блокноте и как lab10.html для просмотра
в браузере.

Практическая
работа № 11
«Графика»
Цель работы:
Отработать включение графических файлов в HTML документы.
Задачи работы:
1.
Овладеть методикой  работы с графическими файлами с помощью
команды IMG.
2.
Получить   навыки работы c атрибутом ALIGN;
Обеспечивающие средства:
Сборник  описаний  практических работ; операционная система
Windows XP, программа Internet Explorer; программа «Блокнот»; персональный
компьютер.
Требования к отчету:  Итоги  практической работы
представить в виде файла lab11.html на диске.
персональный компьютер.
Технология
работы:
Теоретическая часть:
Включение графики в web-страницу. Включение графики в
html-документ осуществляется с использованием команды , синтаксис
которой в общем виде записывается следующим образом:

В качестве параметра атрибута SRC указывается путь к изображению в виде либо
полного URL (например, http://www.mysite.ru/images/picture.jpg),
либо сокращенного URL с указанием пути к изображению на локальном сервере
(например, . ./images/picture.jpg).
ВНИМАНИЕ Указывая URL картинки, внимательно следите за регистром символов,
которыми вы записываете расширение файла. Некоторые графические редакторы,
такие как Adobe Photoshop, по умолчанию сохраняют изображение в файл с
расширением в заглавном регистре, например picture. GIF. Иллюстрация с
расширением в URL в строчном регистре(picture.gif) при отображении документа
HTML в броузере просто не будет показана на странице.
С помощью атрибута ALIGN картинка позиционируется в документе HTML или в ячейке
таблицы. Однако помимо традиционных значений данного атрибута —RIGHT, LEFT и
CENTER, — совместно с тегом  можно использовать и другие параметры
атрибута:
ТОР — изображение совмещается верхним краем с верхней границей ячейки таблицы
или с верхней границей текстовой строки, в которой размещена картинка.
BOTTOM — изображение совмещается нижним краем с нижней границей ячейки таблицы
или текстовой строки.
MIDDLE — центр изображения выравнивается по основной строке, либо оно
размещается в середине табличной ячейки.
BASELINE — изображение выравнивается по условной «базовой линии». Применение
этого параметра рекомендуется в случае, когда web-мастер размещает несколько
рисунков или несколько фрагментов одного рисунка в разных ячейках строки
таблицы. Именно с использованием значения ALIGN="baseline" удается
добиться оптимального выравнивания иллюстраций для броузеров всех типов.
В качестве параметров атрибутов WIDTH и HEIGHT указывают ширину и высоту
интегрируемого в документ HTML графического изображения в пикселах.
Атрибут ALT содержит альтернативный текст, который отображается вместо картинки
в броузерах, не поддерживающих графику, а также в случае, если поддержка
графики отключена пользователем. Этот же текст выводится в небольшом желтом
прямоугольнике наподобие всплывающей «подсказки», если пользователь несколько
секунд подержит наведенный на изображение курсор мыши.
Пример применения тега :

Для того чтобы превратить интегрированное в html-документ изображение в
гиперссылку, необходимо воспользоваться комбинацией тегов <А> и
, записав ее следующим образом:
<А HREF="URL документа, на который организуется ссылка">

Как видите, особых отличий в написании этих команд от их традиционного синтаксиса
в данном случае нет, за исключением того, что между тегами <А> и
</А>вместо текстовой строки вставляется директива . Атрибут
BORDER управляет толщиной синей рамки, в которую заключается изображение,
включенное в тег <А>, при превращении его в гиперссылку. В большинстве
случаев эта рамка портит дизайн web-страницы, и чтобы избавиться от нее,
достаточно установить значение BORDER равным нулю.
Отрывок кода HTML, позволяющего использовать изображение в качестве
гиперссылки, приведен ниже:
<А HREF="/hobbie/index.html">
Помимо описанных атрибутов тега  в команде вызова изображения иногда
используют еще два: HSPACE и VSPACE. Данные атрибуты задают горизонтальные и
вертикальные отступы от изображения в пикселах, в случае, когда картинка
помещается на web-странице рядом с текстом. HSPACE определяет величину
незаполненного пространства справа и слева от картинки, VSPACE соответственно
сверху и снизу.
Выполните на компьютере:
1. С помощью любого графического редактора, позволяющего оперировать
текстурными заливками, например пакета Corel Draw, подготовьте простой файл,
заполненный однородной текстурой (рис. 5.13). Сохраните этот файл на диске в
своей директории C:\MySite\Images под именем background.gif. Поместите в ту же
папку какую-либо иллюстрацию, например вашу отсканированную фотографию, назвав
данный файл mypicture.jpg.

Рис. 5.13. Файл bockground.gif
2. Создайте  файл lab11.html  дополните тег  атрибутом
BACKGROUND. Данная строка будет выглядеть следующим образом:

После тегов <Н1> </Н1>, определяющих стиль заголовка, добавьте еще
одну строку кода:

Таким образом, код данного участка нашего html-документа будет иметь следующий
вид:
<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
3.2//EN">
<TITLE>Mofl домашняя страничка</TITLE>

 ДОБРО ПОЖАЛОВАТЬ НА МОЮ ДОМАШНЮЮ
СТРАНИЧКУ!</Н1>

  и т. д.
1.
Создайте свою домашнюю страницу согласно образцу. Сохраните
внесенные в документ изменения и откройте вашу страничку в броузере (рис.
11.1).

Рис. 11.1. Web-страница после внесения изменений в код HTML
3.Покажите работу
преподавателю.
4.  Сохранить файл как lab11.txt в блокноте и как lab11.html для просмотра
в браузере.

Практическая
работа №12
«Анимация»
Цель работы:  Научиться создавать анимационное
изображение.
Задачи работы:
1.
Получить   навыки работы с функцией animate.
Обеспечивающие средства: Сборник  описаний  практических
работ; операционная система  Windows XP, программа Internet Explorer;
программа «Блокнот»; персональный компьютер.
Требования к отчету:  Итоги  практической
работы  представить в виде файла lab12.html на диске.
персональный компьютер.
Технология работы:
1.
function openWin(AddressURL,NUM) { if (NUM == 1) {VarWin =
"width=300,height=300,status=no,toolbar=no,menubar=no,scrollbars=no"}
else {VarWin =
"width=500,height=300,status=no,toolbar=no,menubar=no,scrollbars=no"}
open(AddressURL,"DWIN"+NUM,VarWin) } Создайте пример анимационного
изображения, используя функцию animate. Размер всех картинок - 400x60 пикселей. Кроме кнопок
"Быстрее" и "Медленнее", добавить еще кнопки
"Стоп" и "Старт" (подумайте, как это можно сделать).
 Использование данной функции зависит от типа просмотрщика:
2.  Сохранить файл как
lab12.txt в блокноте и как lab12.html для просмотра в браузере.

Практическая
работа №13
Графические часы
Цель работы:  Создать графические часы.
Задачи работы:

Овладеть
     методикой  работы с функцией clockTick() .

Обеспечивающие средства: Сборник  описаний  практических
работ; операционная система  Windows XP, программа Internet Explorer;
программа «Блокнот»; персональный компьютер.
Требования к отчету:  Итоги  практической
работы  представить в виде файла lab13.html на диске.
персональный компьютер.
Технология работы:
Первый пример - это часы,
отображающие время загрузки страницы (т.е. момент вызова скрипта). Используются
методы объекта Date (getHours, getMinutes) и графические файлы, отображающие
полученное время (имена этих файлов соответствуют цифрам 0-9).

  Во втором примере, отображающем текущую дату, также используются методы
  объекта Date (getDate, getMonth, getYear) и графические файлы, отображающие
  полученную дату.

Задание - сделать идущие
часы.
Для этого:

Задать пары
     для 10 цифр вида
     dig0 = new Image(); dig0.src = "dg0.gif";
Создать
     таблицу, в которой будут выводиться цифры.
В таблице
     использовать команды  с обязательным атрибутом name:

Написать
     функцию clockTick(), в которой

вычисляется
      текущее время (час, минуты, секунды);
с помощью
      вспомогательной функции setRis() определяется, какая картинка куда
      выводится;
с помощью
      функции setTimeout("clockTick()", 1000) запускается сама
      clockTick().

Функция
     setRis() должна иметь два аргумента: первый аргумент - какая цифра должна
     быть, второй аргумент - вместо какой картинки что подставлять. Для этого
     использовать конструкцию вида
     ris.src = dig0.src (для цифры 0).

В качестве значения аргумента ris
должно передаваться соответствующее значение атрибута name из команды
.
Картинки:

dg0.gif

dg1.gif

dg2.gif

dg3.gif

dg4.gif

dg5.gif

dg6.gif

dg7.gif

dg8.gif

dg9.gif

dgam.gif

dgpm.gif

dgc.gif

dgp.gif

.  Сохранить файл как
lab13.txt в блокноте и как lab13.html для просмотра в браузере.

Скачано
с www.znanio.ru

file_name: практические работы HTML.doc

alt: Практическая работа № 1 «Создание

alt: HTML> <HEAD> <TITLE> Заголовок документа </TITLE ></HEAD> <

alt: SIZE = размер шрифта. <

alt: TITLE></HEAD> <BODY> <P>

alt: HTML> <HEAD><TITLE> Заголовок документа </TITLE></HEAD> <BODY> <TABLE> <CAPTION>

alt: Системные программы ·

alt: CERN) в Женеве (http://www.cern

alt: Практическая работа № 5 «Гиперссылки

alt: Выполните не компьютере: 1.

alt: Практическая работа № 6 «Таблицы »

alt: Заполните получившийся каркас цифрами: <table> <tr> <td> 1x1 </td> <td> 1x2 </td> <td> 1x3 </td> </tr> <tr> <td> 2x1 </td> <td> 2x2 </td> <td> 2x3…

alt: FFCC33" valign="bottom" > 2x2

alt: Практическая работа № 7 «Фреймы »

alt: Хождение по фреймам </title> <frameset rows="100,*"> <frame src="logo

alt: Практическая работа № 8 «Фреймы

alt: HTML> <FRAMESET ROWS="10%, *"> <FRAME

alt:
CENTER>
меню

 <A

alt: Практическая работа № 9 «CSS –

alt: В первом абзаце слова "информационной

alt: Практическая работа № 10 «Формы »

alt: SELECT NAME="selection"> <OPTION

alt: Рис. 10.2. Элемент формы CHECKBOX

alt: VALUE. Пример использования: <INPUT

alt: Пример использования: <Р АLIGN ="CENTER">Пожалуйста, укажите ваш город</Р> <CENTER> <SELECT

alt: Практическая работа № 11 «Графика »

alt: Помимо описанных атрибутов тега <IMG> в команде вызова изображения иногда используют еще два:

alt: Практическая работа №12 «Анимация »

title: Практические работы HTML (сборник)


extracted_text:
Тема: «Конституция – основной закон государства»
Цель: знакомство учащихся с Конституцией
России, основными обществоведческими понятиями.
Задачи:

воспитание чувства гордости за свою
     страну;
развитие интереса к истории России;
расширение кругозора.

Ход урока:
Воспитатель: Сегодня наш урок
посвящен Конституции – основному закону государства. Но прежде чем получить
новые знания, давайте вспомним то, что мы уже знаем.
– Как называется наша Родина?
Учащиеся: Наша Родина
называется – Россия.
Воспитатель: Как называют
людей, живущих в России?
Учащиеся: Людей, живущих в
России, называют россиянами.
Воспитатель: Почему к Москве у
нас особое отношение?
Учащиеся: Москва – это столица
нашей Родины. (фото видов Москвы)
Воспитатель: Какие символы
государства вы знаете?
Учащиеся: Основные символы
государства – это государственный герб, государственный флаг и государственный
гимн. (фото символов)
Воспитатель: Правильно. Каждый
гражданин должен уважать символы своего государства, знать слова гимна своей
Родины.
– Отношение к символам, не только гимну,
но и к гербу, и флагу – это отношение к самому государству. Оскорбление
государственных символов – это оскорбление государства, его народа, его истории
и культуры. Об этом и записано в Конституции.
– А кто знает, что такое Конституция?
Учащиеся: Конституция – это
основной закон государства.
Воспитатель: Верно.
– В переводе с латинского языка слово
«конституция» обозначает «устройство», то есть то, как устраивается, строится
государство. В нашей стране много законов, но главным законом нашего
государства, основные правила по которым мы живём, записаны в Конституции. В
знак уважения к основному закону страны слово «Конституция» пишется с заглавной
буквы. (слайд 6)
Воспитатель: Конституция, по
которой мы сейчас живём, была принята 12 декабря 1993 года. Этот день стал всенародным
праздником.
– Мне бы хотелось немного обратиться к
истории, думаю что вам это будет интересно.                 – В дореволюционной
России вообще не было Конституции. Первая Конституция РСФСР была принята после
Октябрьской революции в 1918 году, а в 1924, после образования Союза Советских
Социалистических Республик, - вторая. Развитие страны вело за собой и
совершенствование законов, поэтому принимаются Конституции 1936 и 1977 годов.
Последняя Конституция, уже в России, была принята всенародным голосованием 12
декабря 1993 года. Вот как она начиналась:

«Мы, многонациональный народ Российской Федерации, соединённые общей судьбой на
своей земле, утверждая права и свободы человека, гражданский мир и согласие,
сохраняя исторически сложившееся государственное единство, исходя из
общепризнанных принципов равноправия и самоопределения народов, чтя память
предков, передавших нам любовь и уважение к отечеству, веру в добро и
справедливость, возрождая суверенную государственность России и утверждая
незыблемость её демократической основы, стремясь обеспечить благополучие и
процветание России, исходя из ответственности за свою Родину перед нынешним и
будущим поколениями, сознавая себя частью мирового сообщества, принимаем
Конституцию Российской Федерации».
– Сегодня мы поговорим с вами об основных
положениях Конституции Российской
Федерации.
                                                        – Наша страна
называется Россия, но её полное название Российская Федерация.
– В статье 1 Конституции так и записано: «Российская Федерация – Россия…» А что
значит слово «федерация»?
Заслушиваются ответы учащихся.
Воспитатель: «Федерация» в переводе с латинского обозначает
«договор, союз».                    – Наша страна называется Российской,
потому, что большинство её населения – русские. А вот слово «федерация»
поясняет, что вместе с русскими на её землях живут и другие народы. У многих из
них есть свои самостоятельные республики, свои национальные области, свои
национальные округа, но все они по своей воле объединились в федерацию –
добровольный союз равноправных народов нашей страны.                                                                               –
Россию населяют более 180 национальностей, народностей и этнических групп. Всех
людей, живущих в России, можно назвать россиянами. И все люди в нашей стране
равноправны. Вот как об этом записано в статье 19 Конституции Российской Федерации:
– «Государство гарантирует равенство прав и свобод человека и гражданина
независимо от пола, расы, национальности, языка, происхождения, имущественного
и должностного положения, места жительства, отношения к религии, убеждений,
принадлежности к общественным объединениям».                                                                                –
И вы должны об этом помнить, никого не унижать и не оскорблять чьего-либо
достоинства. Россия есть единое многонациональное демократическое государство.
Заслушиваются ответы учащихся.
Воспитатель: «Демократия» в переводе с греческого языка означает
«народ» и «власть» или «народовластие». Значит, в нашей стране народу
принадлежит власть, и он может участвовать в управлении
государством.
– Каким образом, по вашему мнению, народ может это делать?
Заслушиваются ответы учащихся.
Воспитатель: Правильно, народ может выбирать президента своей
страны, выбирать депутатов в Государственную Думу.
– Кто такой президент? Какими
полномочиями он наделён?
Заслушиваются ответы учащихся.
Воспитатель: Президент России
– это глава государства, который избирается народом на 4 года. Он руководит
нашей страной, её политикой, ведёт международные переговоры от имени России,
подписывает договора и законы, является Верховным главнокомандующим Вооруженных
сил - Российской Федерации. Слово «президент» в переводе с латинского
обозначает «сидящий впереди, во главе». Президент России – это глава нашего государства,
который избирается в соответствии с Конституцией Российской Федерации, в
которой оговариваются его права и обязанности. В статье 81 о том, что
«президентом Российской Федерации может быть избран гражданин Российской
Федерации не моложе 35 лет, постоянно проживающий в Российской Федерации не
менее 10 лет».                                   – Кто является президентом в
России в настоящее время?                                              Заслушиваются
ответы учащихся.                                                                                Воспитатель:
Что такое Государственная Дума? Чем она отличается от правительства?       Заслушиваются
ответы учащихся.
Воспитатель: Государственная Дума выбирается народом сроком на 4 года,
она выражает волю своих избирателей при принятии каких-либо законов. А вот
правительство старается исполнить то, что необходимо для нормальной жизни в
стране. Это исполнительная
власть.
Воспитатель: Государственная Дума является законодательной властью.
Законодательная, то есть принимающая законы. Она избирается, как и президент,
всенародно на 4 года. В её состав входят 450 депутатов. В статьях 96 и 97
Конституции указывается на то, что каждый гражданин с 18 лет может выбирать
представителей в Государственную Думу и сам может быть избранным в её состав,
если ему 21 год. Воспитатель: Кроме исполнительной и законодательной
власти в России существует судебная власть. Как вы думаете. Чем она занимается?
                                  Заслушиваются ответы учащихся.
Воспитатель: Судебная власть осуществляет правосудие, следит за
исполнением законов исполнительной и законодательной властями, разрешает
конфликты, восстанавливает права, наказывает правонарушителей. Судебная власть
осуществляется только судом, как отмечено в статье 118 Конституции
России.                                                                     Воспитатель:
Мы говорили о правах и обязанностях президента перед страной и народом. А мы,
как граждане России, наверное, тоже имеем какие-то права и какие-то
обязанности? Что вы об этом думаете?
                Заслушиваются ответы детей.
Воспитатель: Что такое право и что такое обязанность? В чём их
различие? Воспитатель: Право – это узаконенная возможность что-нибудь
делать, осуществлять, а обязанность – это действия, которые граждане обязаны
делать. В этом состоит их
различие.
Воспитатель: В Конституции правам и обязанностям человека отведена целая
глава, включающая в себя более 50 статей, причём права даются в совокупности со
свободами. Какими же правами обладает и какие обязанности должен исполнять
гражданин России?           Заслушиваются ответы учащихся.
Воспитатель: Посмотрите, как
много у любого россиянина прав и свобод, а как немного обязанностей возлагает на
них Родина.

Права и свободы граждан

Обязанности граждан

Право
  на жизнь

Обязанность
  сохранять природу и окружающую среду

Право
  на защиту своей чести и доброго имени

Обязанность
  защищать Родину

Право
  личную неприкосновенность

Обязанность
  соблюдать законы

Право
  на жилище и его неприкосновенность

Обязанность
  платить налоги

Право
  на свободное передвижение

Свобода
  совести, свобода вероисповеданий

Свобода
  мысли и слова

Право
  избирать и быть избранным

Право
  на труд

Право
  на отдых

Право
  на получение социальной помощи

Право
  на охрану здоровья и медицинскую помощь

Право
  на образование

Право
  на получение юридической помощи

Свобода
  информации

Свобода
  творчества

Воспитатель: Сегодня вы –
дети, а в 18 лет вы станете полноправными взрослыми гражданами и, конечно же,
родителями. Всегда помните о том, что забота о детях, их воспитание – это не
только право, но и обязанность. (слайд 23) У каждого ребёнка есть право на
любовь и заботу. Как много в сегодня в мире, да и нашей стране, детей
оставленных в детских домах, детей, чьи родители лишены родительских прав,
детей-беспризорников. Они не виноваты ни в чём, они расплачиваются за ошибки
взрослых. Задача государства, как впрочем, и каждого гражданина, помочь им.
Нельзя никогда оставлять человека в беде, а тем более ребёнка!
Умейте отстаивать свои права, но не
забывайте при этом, что у других они точно такие же!
Великий русский поэт Николай Алексеевич
Некрасов сказал: «Поэтом можешь ты не быть, но гражданином быть обязан!»
Чтобы стать достойным гражданином своей
Родины, нужно многое знать и многое уметь. Постепенно вы научитесь всему,
узнаете о всех законах, сможете обдумывать свои слова и контролировать свои
поступки, научитесь ценить чужой труд, уважать не только себя, но и окружающих
вас людей, сможете по достоинству оценить ту страну, где вы родились. Вы –
будущее нашей Родины. Вам строить новую Россию, преумножить её славу и беречь
её богатства.
Источники информации:

Конституция Российской Федерации.
Классные часы: внеклассная работа:
     1-4 классы/ сост. М.А. Козлова. –М.:
Интернет.

file_name: Классный час Конституция-основной закон государства.docx

title: Методическая разработка на тему:"Конституция-основной закон государства"


extracted_text:
МУНИЦИПАЛЬНОЕ КАЗЕННОЕ ОБЩЕОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ

" ПИЛИГСКАЯ  СРЕДНЯЯ ОБЩЕОБРАЗОВАТЕЛЬНАЯ ШКОЛА"

Внеклассное мероприятие.

 Конкурс «Турнир знатаков (1-4 классы)
18.03.2021г

                              Разработал  учитель   начальных классов ,
Шахбанова
Гульнара Абакаровна

Директор МКОУ «Пилигская СОШ»
Рамазанов Сергей
Маллакурбанович

2021г
Подготовил учитель начальных классов,
Шахбанова Гульнара Абакаровна
  Дата: 18.03.2021г
 1-4 классы
Цель: -прививать интерес
к изучению русского языка и литературы, к работе над словом и со словом через
внеклассное мероприятие,
- развивать
мыслительную деятельность, речетворчество учащихся, обогащение их словарного
запаса,
- содействовать воспитанию
познавательных интересов, активности, чувства коллективизма.
Оборудование: презентация,
раздаточный материал, высказывания:
«Непродуманное
слово, что недозрелое яблоко»
«Лучше споткнуться
ногою, нежели словом»
«Слово толковое
стоит целкового»
«Слово – знак ума
Форма работы: групповая
1 тур. Конкурс
капитанов
2 тур. Разминка команд
3 тур. Блиц –ответ
Работа со зрителем
4 тур. Язык
художественной литературы
5 тур. В мастерской
художника слова

Ход конкурса

Вступительное
слово учителя: Добрый
день, любители русского языка! Я рада приветствовать Вас на нашем конкурсе
«Знаем русский». Он будет состоять из пяти туров. Жюри рассудит нас. За каждый
правильный ответ вы получите один балл. В случае подсказки один балл снимается.

Представление
команд

1тур. Конкурс
капитанов
9кл.  Слова мужского
рода преобразовать в слова женского рода:
повар – повариха ,
портной – портниха, купец- купчиха, храбрец - нет, ворон – ворона, бык -  нет,
свистун – нет, конь – лошадь, жеребёнок – нет.
10кл. Множественное
число преобразовать в единственное:
 певцы – певец,
венцы – венец,  концы – конец, щипцы – нет , орехи – орех, успехи- успех,
доспехи- нет, ворота – нет, слова – слово.
 11
кл.
Глаголы неопределённой формы преобразовать  в глаголы 1 лица:
мечтать – мечтаю,
блистать – блистаю ,свистать – свищу, бросать – бросаю, кромсать – кромсаю,
кусать – кусаю , писать – пишу, грохотать – грохочу, щебетать - щебечу.

2
тур. Разминка команд
(поговорим об этимологии)
9кл. “Баю-баюшки,
баю” из колыбельной песни. Переведите с древнего языка смысл этой привычной, но
непонятной фразы.
(Ответ: Баюшки баю, буквально “сказываю сказочки”. Баять – говорить,
сказывать. Отсюда диалектное слово “байка”)
10кл. Заимствованные
слова – неотъемлемая часть любого языка. Карате (в японском – “голыми руками”),
кайф (в арабском – “послеполуденный отдых”), шАбаш (в еврейском - суббота). А
какое слово, заимствованное из китайского языка, в языке-источнике обозначает
“большой ветер”. (Ответ: тайфун)
11кл. Откуда взялось выражение “жить на
широкую (большую) ногу?”
(Ответ: В XIV веке в Западной Европе знатность определялась длиною башмака.
Башмак рядового дворянина был в полтора фута, башмак барона – в два фута, а
князя – в 2,5 фута. Впоследствии вместо “жить на большую ногу” стали говорить
“жить на широкую ногу”)

3 тур. Блиц -
ответ
9кл.
1.
Что стоит  в слове перед корнем? (приставка)
2.
В каком произведении Пушкина 14 раз повторяется слово «там»? (Руслан и Людмила)
3.
Являются ли слова  подводный и водитель
однокоренными? (Нет)
4.
Сколько падежей в русском языке? (6)
5.
На какой вопрос отвечает слово в родительном падеже? (кого, чего)
6.
Сколько спряжений у глагола? (2)
7.
Сколько лет рыбачил старик со старухой у синего моря? (33)
8.
Назовите окончание существительных 1 склонения? (ж. м.р. – а, я)

10кл.
1.
Что, по мнению Достоевского, спасёт мир? (красота)
2.
Чем заканчивается день и ночь? (мягким знаком)
3.
Как называются главные члены предложения? (подлежащее и сказуемое)
4.Что напишу на
конце в слове издавна? (о)
5.Нужен ли мягкий
знак в слове замуж? (нет)
6.Сколько с
в слове расчёт? (одна)
7.Сколько
Б в слове столб? (сто)
8.Сколько
звуков в русском языке? (42)

11
кл.
1.
Кто изобрёл русский алфавит? (Кирилл и Мефодий)
2.
Не буду, не хочу, не  знаю? (Слитно или раздельно пишутся эти слова?
(раздельно)
3.
Как называются в русском языке такие слова, как: большой, огромный,
гигантский? (синонимы)
4.
На какие вопросы отвечают слова в Предложном падеже? (о ком, о чём)
5.
Назовите местоимения 2л. (ты, вы)
6.
Назовите роды литературы? (эпос, лирика, драма)
7.Как
напишите наречие точь-в-точь? (через дефис и с мягким знаком)
8.На какой слог
падает ударение в слове звонят? (последний)

Игра
со зрителем.

Сеанс
одновременной игры – пантомимы.
Что
такое пантомима?
Переведите на
современный язык устаревшие слова.
Какие слова
называются устаревшими?
Задания
болельщики  выполняют одновременно.  Пример: Каково
ваше порекло? (прозвище)
1.
Покажите длани  (ладонь).
2.
Покажите потылицу (затылок).
3.
Поднимите шуйцу (левая рука).
4.
Покажите чело (лоб).
5.
Какого цвета у вас ланиты?
6.
Расправьте свои рамена.(рамо-плечо)Левую руку положите на правое
рамо, а правую –на левое. (плечо).
7.
 Правой рукой заденьте выю (шея).
8.
Обхватите свое чрево (живот).
9.
Помашите десницей (правая рука).

4 тур. Язык
художественной литературы
9
класс:
Назвать произведение, автора.
 Почему
герой был возмущён шуткой и какой?
Он - умён,
образован, влюблён в неё. Она - умна, красива, влюблена в другого. Другой ни в
кого не влюблён, но делает вид, в жизни всё может пригодиться. Она – девушка с
юмором, любит иногда пошутить. Взяла да и пошутила жестоко. Узнав об этом, он
возмущается. Какими словами! Всё цензурные. И любовь как рукой сняло. Великая
вещь – уметь мило пошутить.  (А.С.Грибоедов Комедия «Горе от ума»,
сумасшествием, не ожидал такого поступка от любимой девушки)

10 класс: Назвать
автора, произведение. (Н.С.Лесков «Леди Макбет Мценского уезда»)
Холодный,
ненастный день с порывистым ветром и дождем, перемешанным со
снегом, неприветливо встретил партию,
выступавшую за ворота душного этапа.
Она (Катерина Львовна) вышла довольно бодро, но
только что стала в ряд, как вся
затряслась и позеленела. В глазах у нее стало
темно; все суставы ее заныли и
расслабели.
Назовите
имя героини. Что увидела она? Почему ей стало так плохо?
(Перед
Катериной Львовной стояла Сонетка в хорошо знакомых той синих шерстяных чулках
с яркими стрелками. Катерина Львовна двинулась в путь совсем неживая; только
глаза ее страшно смотрели на Сергея и с него не смаргивали).

11
класс:
Назвать автора, произведение. (И.А.Бунин «Господин из Сан-Франциско»)
Он твёрдо был
уверен, что имеет полное право на отдых, на удовольствия, на путешествие во
всех отношениях отличное. Для такой уверенности у него был довод.
Какой довод
(доводы) был у героя?
(что, во - первых,
он был богат, а во-вторых только что приступил к жизни, несмотря на свои
пятьдесят восемь лет. До этой поры не жил, а лишь существовал, правда, очень
недурно, но всё же возлагал все надежды на будущее. Он работал не покладая рук,
- китайцы, которых он выписывал к себе на работы целыми тысячами, хорошо знали,
что это значит! – и,  наконец, увидел, что сделано уже много, что он почти
сравнялся с теми, кого некогда взял себе на образец, и решили передохнуть)

5 тур. В мастерской  художника слова
(проявите творчество).
 Инсценировать басню в жанре комедии, трагедии, драмы.

Басня
Сергея Михалкова. Две подруги.

«Красиво ты
  живёшь,
  Любезная сестрица! —
  Сказала с завистью в гостях у Крысы Мышь. —
  На чём ты ешь и пьёшь,
  На чём сидишь,
  Куда ни глянешь — всё из-за границы!» —
  «Ах, если б, душенька, ты знала, —
  Со вздохом Крыса отвечала, —
  Я вечно что-нибудь ищу!
  Я день-деньской в бегах за заграничным —
  Всё наше кажется мне серым и обычным,
  Я лишь заморское к себе в нору тащу
  Вот волос из турецкого дивана!
  Вот лоскуток персидского ковра!
  А этот нежный пух достали мне вчера —
  Он африканский. Он от Пеликана!» —
  «А что ты ешь? — спросила Крысу Мышь —
  Есть то, что мы едим, тебе ведь не пристало!» —
  «Ах, душенька! — ей Крыса отвечала. —
  Тут на меня ничем не угодишь!
  Вот разве только хлеб я ем и сало!..»
   ***
  Мы знаем, есть ещё семейки,
  Где наше хают и бранят,
  Где с умилением глядят
  На заграничные наклейки…
  А сало… русское едят!
  Источник:http://pritchi.ru/id_5495

Перелетев с
помойки на цветок,
Лентяйка Муха Пчелку повстречала-
Та хоботком своим цветочный сок
По малым долькам собирала…
“Летим со мной! – так, обратясь к Пчеле,
Сказала Муха, глазками вращая.-
Я угощу тебя! Там – в доме, на столе-
Такие сладости остались после чая!
На скатерти – варенье, в блюдцах – мёд.
И все – за так! Все даром лезет в рот!-
“Нет! Это не по мне!” – ответила Пчела.
“Тогда валяй трудись!” – лентяйка прожужжала
И полетела в дом, где уж не раз была,
Но там на липкую бумагу вдруг попала…

Не так ли
папенькины дочки и сынки,
Бездумно проводя беспечные деньки,
Безделье выдают за некую отвагу

И в лености своей, от жизни далеки,
Садятся, вроде мух, на липкую бумагу!

Подведение итогов.

 Награждение
победителей

Приложение

 -
Герой какого произведения считал, что дверь – это прилагательное, потому что
она приложена к своему месту?
 «Недоросль»,
«Ревизор» или «Горе от ума»
- Какой прием используют писатели в названии произведения
«Отцы
и дети», «Война и мир? Аллегория, антитеза, гипербола.
- Продолжите крылатую фразу: «А Васька слушает …» ( да ест)
- Как называются в русском языке такие слова как: большой, огромный,
гигантский? (синонимы)
- На какие вопросы отвечают слова в Предл. падеже? (о ком?, о чем?)
- Назовите местоимения второго лица? (ты, вы)
- Назовите три рода литературы? (эпос, лирика, драма)
- Как называется сильный ветер со снегом? (метель, вьюга, буран)
- Как называется особый материал для письма, который изготавливали из тростника
в древнем Египте? (папирус)
- С каким врагом сражается Илья Муромец? с Чингисханом, со Змеем Горынычем,
Соловьём- Разбойником.
- Как звали мальчика, которого воспитали волки в джунглях? (Маугли )
- Кто автор произведения «Дети подземелья», «Слепой музыкант» ? (Короленко)
- Каким ключом невозможно открыть замок? (скрипичным)
- Из какого произведения строки: «одеяло убежало, улетела простыня»? («Мойдодыр»
Чуковский )
- Что означает устаревшее слово «цирюльник»? (парикмахер)
- Какой литературный прием использован Пушкиным в строках «то как зверь она
завоет, то заплачет как дитя»?( сравнение)
- Как называются слова, противоположные по смыслу? (антонимы)
- Какое наречие пишется с двумя черточками и двумя мягкими знаками: бок о бок,
чуть –чуть, точь – в- точь
- Завершите пословицу: «За двумя зайцами погонишься …. ? ( ни одного не
поймаешь)
- Печь – это глагол или существительное? (и то и другое)
- От какого суффикса зависит написание корней – мир - - мер-, -тир- -тер-,
-бир- -бер-? (-â-)
- Что означает выражение: «бить баклуши» и «считать ворон»? (бездельничать)
- Сколько –н- пишется в слове серебряный? ( одно)
- Закончите пословицу: «терпение и труд … ? ( все перетрут)
-
Кто из героев народных сказок похож на мяч? ( колобок)
- К какому роду относятся слова: пальто, бюро, лото? (средний род)
-
Какой овощ смогли вытянуть только 6 персонажей сказки? (репка)
- Можно ли у существительных неряха, соня, плакса, грязнуля определить род? (
общий род)
- Как правильно сказать: извините или извиняюсь?
- Поставьте ударение: договор или договор?
- Обладателя этой вещи все с первого взгляда принимают за отличника? (очки)

Скачано с www.znanio.ru

file_name: Внек Конс Знаем русский Ш.docx

alt: Подготовил учитель начальных классов,

alt: Баю-баюшки, баю” из колыбельной песни


extracted_text:
РАЗВИТИЕ
РЕЧИ, ЧТЕНИЕ, ПИСЬМО

file_name: УУДспец уроки 5 крит.doc

alt: РАЗВИТИЕ РЕЧИ, ЧТЕНИЕ, ПИСЬМО

title: Универсальные учебные действия Развитие речи, чтение, письмо (Начальная школа слабослышащее отделение)


extracted_text:
Исторический
источник как средство реализации компетентностного подхода на уроках истории

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

Отсюда
цель проведения данного мастер-класса: познакомить коллег с методами
исторического исследования разнообразных источников позволяющих активизировать
деятельность каждого ученика.
Изучение
различных исторических источников – одно из важнейших условий достижения целей
исторического образования в школе, т.к. это комплекс документов и предметов
материальной культуры, непосредственно отразивших исторический процесс,
запечатлевших факты, свершившиеся события.
Работа
с историческими источниками предполагает добывание фактов,
которые не всегда лежат на поверхности. Из текста источника их приходится
извлекать, осуществляя достаточно сложные мыслительные операции. Для этого у нас разработана памятка «Как работать с
историческим источником?»

Памятка.
Как
  работать с историческим источником?
Каждый
  исторический источник – это важный носитель информации и одновременно его
  канал. Она может быть политическая, экономическая, социальная.
У каждого исследователя
  при столкновении с историческим источником должны возникнуть вопросы:
·
  Информация является
  первоисточником?
·
  При каких обстоятельствах
  возник источник информации?
·
  Зачем нужен отбор именно этой
  информации, сохраненной во времени?
·
  Каков объем содержащейся в
  источнике информации?
В историческом
  источнике информация содержится:
·
  в тексте
·
  в носителе
·
  в контексте
·
  в личности создателя
  информации.
Помните!
Нельзя доверять
  и безоговорочно принимать все исторические свидетельства, необходимо их
  сверять
Важно точно
  знать дату события, учитывая, что свидетельства и свидетели могут и ошибаться
  и вводить в заблуждение преднамеренно.
Как почерпнуть
  информацию из исторического источника?
·
  необходимо найти источник,
  провести структуризацию содержащейся в нем информации.
·
  необходимо определить цели
  автора источника
·
  определить информационную
  среду общества, в котором возник источник
·
  определить информаторов автора
  источника.

Часто
мы не умеем работать с накопленным материалом, т.е. историческим источником.
Важно нацелить учащихся на практическую деятельность: при обучении и работе с историческими
источниками необходимо учитывать требования поэтапного формирования учебно-познавательных
умений.
На воспроизводящем уровне
обучающиеся выписывают основные понятия, определения, выводы по источнику,
отвечают на поставленные вопросы, требующие уточнения; заполняют таблицы, схемы
по образцу в ходе коллективного исследования источника.
На преобразующем уровне
задания происходит синтез источника с теоретическим материалом, идеями  из других
источников, самостоятельный отбор, группировка фактов, идей и включение их в
свой рассказ; составление развёрнутого плана, тезисов, конспекта, текстовых
таблиц, схем; подготовка небольших рефератов, докладов и прочее.

На креативном уровне
учителем даются творческие, проблемные и познавательные задания, требующие
осмысления и сопоставления точек зрения мыслителей, идей из нескольких
документов; выявления линий сравнения изучаемых явлений и составления
сравнительных таблиц, логических цепочек; применения теоретических положений
документа для доказательства, аргументирования своей точки зрения, обсуждения
дискуссионных проблем; посильной поисково-исследовательской деятельности по
сбору материала его анализу и систематизации по определённой темы, написание
рецензии, эссе.
Работа
обучающихся с источником постепенно усложняется с учётом их возраста и
познавательных возможностей, а также уровня подготовленности.

Труд ребенка, связанный с
технологиями исследовательской деятельности - один из видов продуктивной
деятельности и эффективных форм по изучению предмета история. Данная форма
технологии  в той или степени присутствует на многих уроках, а также во
внеурочной деятельности. Занятие исследовательской деятельностью предполагает
более-менее самостоятельное освоение учащимися материала, выходящего за рамки
школьного учебника, в ряде случаев повышенного уровня сложности. В свою очередь,
более глубокие знания могут вызвать интерес и желание решать новые проблемы. По
своей сути, исследовательская деятельность уже способствует саморазвитию
школьников, а в конечном итоге и их самореализации как личности.
Технология
исследовательской деятельности предполагает значительное участие детей в
процессе выполнения работы. Меняется роль учащихся в учении: они выступают
активными участниками процесса. Это, как  и использование разнообразных
исторических источников,  формирует компетентностной подход к темам. Задача же
учителя заключается в организации, корректировке деятельности юных
исследователей, правильной оценке исторических источников. Использование
проектно-исследовательских технологий с историческими источниками возможно в
течение всего урока, или на каком-то отдельном этапе. Проведение исследования
вполне эффективно при изучении нового материала. Совместно с учениками
намечаются цели и задачи, вырабатывается необходимый алгоритм работы. В
дальнейшем подобные наработки используются самими учащимися более широко на
разных этапах урока.
Наша работа
начинается с выявления детей, имеющих склонность и желание заниматься
исследовательской деятельностью на уроках и во внеурочной деятельности. Для
успешности реализации исследовательских проектов важно мотивировать учащихся.
Сформулированная
тема работы должна быть актуальной и вызывать интерес. Так к проблеме прошлого
родного села ученики всегда неравнодушны.  Учащиеся от 5 до 11 классов,
проводят исследования на краеведческие темы и оформляют их в виде электронных
презентаций.

На теоретическом
этапе предполагается определение основных направлений и методов, наиболее
эффективных для выполнения поставленной цели.
Учащиеся
получают практическое задание: "Составьте план-график создания
системы проектной деятельности в школе".

№

Мероприятие

Сроки

Ответственный

Примечание

Создана
  структура проектной деятельности в школе

1

Проект
  «Поп дом» - работа в старом доме священника, где были найдены надписи на
  стене подвала, где в революцию и позже содержали арестантов
Создан
  Координационный совет школы по проектной деятельности во главе с
  Председателем Совета ветеранов Самариной Н.А. совместно с Координационным
  советом разработать систему критериев для оценки работы учащихся

2015-16гг

Попова Л.В.
11 класс

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

1

9
  класс

2015-16гг

Попова Л.В.
11 класс

Рабочая программа СПД создается на базе трех учебных классов

2

10
  класс

2015-16гг

Попова Л.В.
11 класс

3

11
  класс

2015-16гг

Попова Л.В.
11 класс

Создан
  информационный комплекс

1

Фотографии
  и слайды

2015-16гг

9 класс

Самоопределение работы учащимися

2

Сбор
  информации респондентов – старожилов села

2015-16гг

10 класс

Самоопределение работы учащимися

3

Обращение
  к архивным документам

2015-16гг

11 класс

Самоопределение работы учащимися

4

Обращение
  к Председателю Коми отделения фонда «Мемориал» М.С. Рогачеву

2015-16гг

9 класс

Самоопределение работы учащимися

Создан
  выставочный центр

1

Обращение
  к фонду "Покаяние"
Выставочный
  центр может организовывать и проводить мероприятия в школе

2 апреля 2014

Попова Л.В.
11 класс
9 класс
10 класс

Создание
  фонда системы проектной деятельности

1

Презентация
  проектов и последующая их реализация.

Попова Л.В.
11 класс
9 класс
10 класс

2

Оценка
  проектов жюри из старшеклассников

Создана
  система мониторинга проектной деятельности в школе

1

Разработана
  система критериев для оценки работы учащихся

В течение 2016 г.

Попова Л.В.
11 класс
9 класс
10 класс

Главная цель мониторинга – обеспеченность постоянного и
  эффективного контроля за выполнением разработанных планов

2

Появились
  школьные эксперты

В течение 2016 г.

Попова Л.В.
11 класс
9 класс
10 класс

3

Разработки
  шаблонов для проектной деятельности

В течение 2016 г.

Попова Л.В.
11 класс
9 класс
10 класс

Создано
  мотивационное поле проектной деятельности в школе

1

Творческая
  деятельность на уроках истории

2016 г.

Попова Л.В.
11 класс
9 класс
10 класс

2

Творческая
  деятельность на уроках обществознания

2016 г.

Попова Л.В.
11 класс
9 класс
10 класс

3

V
  республиканский конкурс педагогического мастерства по применению современных
  образовательных технологий с использованием информационно-коммуникационных
  технологий

Ноябрь – декабрь 2016 г.

Попова Л.В.

Звание Лауреата

4

Районный
  конкурс методических разработок урока

Январь 2017г

Попова Л.В.

Участник конкурса «Педагогический талант»

Основная задача учителя
– консультирование, помощь в отборе необходимой информации, а также осуществление
ненавязчивого контроля над деятельностью учащихся. Например, при подготовке к
конференции по истории по теме «Репрессии в Коми крае» учащиеся большое
внимание уделяли анализу различных данных из средств массовой информации,
прежде всего, Интернета. В каких-то моментах приходилось подсказывать, какие
ресурсы стоит использовать, а от чего лучше воздержаться. Как результат нашей
совместной деятельности – успешное выступление на общешкольной конференции.

Сам этап
исследования подразумевает использование основных инструментов исследования –
наблюдения, эксперимента, анализа литературы, статистических и опытных данных.
Особенно хочется отметить в данном контексте работу с краеведческим материалом.
При реконструкции истории местных церквей Попова Светлана и Галенко Наталья,
ученицы 11 класса, провели огромную работу. Это и фотографирование изучаемых
объектов, и поиск и анализ литературных источников, и работа с музейным
архивом, и, пожалуй, самое главное – беседы с местными жителями. Собранный
материал мы редактировали вместе. В итоге – победа на республиканском конкурсе
«Юный экскурсовод», участие в региональном конкурсе «С открытой душою к тебе,
Край родной».
Завершающими
видами деятельности учащихся являются выполнение отчёта и презентация
результата или продукта исследовательской деятельности. В данном случае – это
исследование, проведённое учащимися под руководством учителя и формирующее
конкретно-исторический подход к теме на базе компетентностного подхода к
учебному предмету
Учащиеся нашей
школы ежегодно представляют групповые или индивидуальные исследовательские
работы в различных конкурсах, конференциях, начиная со школьного уровня и
заканчивая республиканскими.
От умения учителя отобрать исторические источники, определить
место их включения в урок, организовать усвоение текста через применение
наиболее эффективных методических приёмов во многом зависит достижение
педагогических целей урока и компетенций:
·
Методические включают три ключевых показателя: умение
ставить цели и задачи в соответствии с возрастными и индивидуальными
особенностями обучающихся (воспитанников)
·
Психолого-педагогические:  умение перевести тему урока в
педагогическую задачу
·
Предметные: Картографические
навыки, связанные со знаниями в сфере исторической географии; Навыки описания исторических событий и их
представителей; Знание
важнейших явлений, событий и процессов данного исторического периода
·
Коммуникативные: умение вовлечь обучающихся в процесс
формулирования целей и задач.

file_name: СТАТЬЯ для РУО.docx

alt: На креативном уровне учителем даются творческие, проблемные и познавательные задания, требующие осмысления и сопоставления точек зрения мыслителей, идей из нескольких документов; выявления линий сравнения изучаемых…


extracted_text:
Приложение 1

1. Двое
рабочих, работая вместе, выполняют некоторую работу за 6 часов. Один из них,
работая самостоятельно, может выполнить эту работу за 15 часов. Найти
производительность второго рабочего.

56

2. Кот
Матроскин и Шарик решили заготовить дрова на зиму. Если Матроскин будет колоть
дрова один, то ему потребуется 11 дней, а Шарику на эту же работу требуется 9
дней. Какова общая производительность?

3

3. Через
одну трубу бассейн наполняется за 7 часов, а через другую опустошается за 8
часов. За какое время бассейн будет наполнен, если открыть обе трубы?

6

4.Чтобы пройти до конца компьютерную игру Саша
потратил всего 42 часа. Сколько часов в день играл Саша, если каждый день он
проходил  всей игры?

10

5.На путь от дома до школы Оля тратит 18 минут.
Сколько минут займет  всего пути?

6. Столяр должен изготовить 48 табуретов. Сколько
всего дней понадобится столяру для выполнения работы, если за 1 день он
выполнил  ее часть?
12

Приложение 2
Работа
в парах
1. Скорость моторной
лодки в стоячей воде 10 км/ч, а скорость течения реки 2 км/ч.
Сколько времени потратит моторная лодка на
движение от одной пристани до другой и обратно, если расстояние между
пристанями 24 км?
2. Скорость моторной
лодки в стоячей воде 15км/ч, а   скорость течения реки 3 км/ч.
Сколько времени потратит моторная лодка на путь
от одной пристани до другой и обратно, если расстояние между пристанями 36 км?
3.Собственная скорость катера 18км/ч, а скорость течения
2км/ч. Найдите скорость катера по течению и против течения. Расстояние между
двумя пристанями равно 80 км
За какое время он пройдет расстояние от одной пристани до
другой и обратно?

4.Собственная скорость катера 12км/ч,
а скорость течения 3км/ч. Найдите скорость катера по течению и против течения.
Найдите расстояние которое он пройдет по течению реки за 3 часа.

№
  задач

Цель

Дескрипторы

+/-

1-4

5.5.2.3

Находит
  скорость по течению воды

Находит
  скорость против течения воды

Находит
  время, затраченное на путь, пройденный по течению воды

Находит
  время, затраченное на путь, пройденный против течения воды

Находит
  расстояние, пройденное по течению реки

Приложение 3
Рефлексия
«Плюс-минус-интересно». Необходимо заполнить таблицу из трех граф.
В графу «П» - «плюс»- записывается все, что понравилось на уроке, информация и
формы работы, которые вызвали положительные эмоции, либо, по вашему мнению,
могут быть вам полезны для достижения каких-то целей. В графу «М» - «минус»-
записывается все, что не понравилось на уроке, показалось скучным, вызвало
неприязнь, осталось непонятным, или информация, которая, по вашему мнению,
оказалась для вас не нужной, бесполезной . В графу «И» - «интересно» - вам
необходимо вписать все любопытные факты, о которых узнали на уроке, что бы еще
хотелось узнать по данной проблеме, вопросы к учителю.

file_name: Математикический материал (1).docx

alt: Приложение 2 Работа в парах 1

математика

group: Дисциплины

title: Математикический материал (1)