Инфоурок Информатика КонспектыСтраница с гиперссылками. Использование CSS

Страница с гиперссылками. Использование CSS

Скачать материал

25-26 урок, 11 класс – практика

Учитель: Брух Т.В.

Дата: _________

Тема урока: «Страница с гиперссылками. Использование CSS»

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

Задачи урока:

образовательная – ввести понятие гиперссылки; познакомить учащихся с основными видами гиперссылок; научить создавать гиперссылки

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

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

Деятельность учителя

Деятельность учащихся

1

Организационный момент.

Здравствуйте ребята! Садитесь! Назовите отсутствующих.

Ученики садятся

2

Повторение пройденного (Взаимооценка)

Мы продолжаем изучение темы создание Web-сайтов с использованием языка разметки гипертекстовых документов HTML, Давайте проверим ваши знания по данной теме полученные ранее.

Работа по индивидуальному проекту.

 

3

Проблемная ситуация

Удобно ли демонстрировать странички в домашней работе и почему?

 

Что можно сделать, чтобы было удобно.

 

Как вы думаете, чем мы будем заниматься сегодня на уроке?

Для чего нужны ссылки?

Что может быть ссылкой (текст или картинка)?

 Как ссылки  выделяются на странице

А какие ссылки бывают?

Нет, каждую страницу нужно отдельно открывать и закрывать

 

Нужно сделать гиперссылки

Создавать ссылки

Отвечают

4

Сообщение темы и цели.

 «Вставка гиперссылки в WEB-страницу»

У вас на партах лежат карточки с вопросами, вы сегодня на урозаписываете в эти карточки, а дома вклеите  карточки в рабочую тетрадь. Понятно

·        Что такое гиперссылка?

·        Какие бывают виды гиперссылок?

·        Как задаются гиперссылки в НТМL?

·        Научиться создавать гиперссылки на практике

Записывают тему урока в тетрадь

 

 

5

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

Ребята попробуйте дать ответ на первый вопрос (Это связь между частями текста в большом тексте) Слово Гиперссылка состоит из двух частей Гипер - большой, ссылка – ссылаемся на что-либо (картинку, текст, другой документ).

 

 

 

 

 

 

 

 

Какие бывают виды гиперссылок?

На что можно сделать ссылку?

 

 

 

 

 

- Какие бывают типы гиперссылок?

Абсолютная ссылка - содержит полный адрес - адрес URL (Единый указатель ресурсов) сервера в Интернет и полный путь.

Такая ссылка позволяет другим посетителям копировать страницу к себе на компьютер (не весь сайт!), открыть у себя страницу,  щелкнув по ссылке пройти полное подключение через Интернет и попасть на адресуемую страницу.

Чаще всего мы говорим «адрес сайта» - это и есть абсолютная ссылка

- Ещё?

 Относительная ссылка - указывает размещение адресуемого файла относительно исходной страницы, откуда исходит ссылка.

Относительная ссылка применяется при формировании своего сайта и позволяет перенести свой сайт на любой компьютер.

Какой тип гиперссылки нужно использовать в домашней работе.

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

Тэг <A>…</A>

Тэг <A> применяют с параметрами HREF или NAME, которые уточняют ссылку.

Гиперссылка, связывающая две  странички

Для создания такой гиперссылки, используется запись <A rel="nofollow ugc" target="_blank" href="адрес куда"> Слова откуда </A>

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

Ссылка на картинку:

<A rel="nofollow ugc" target="_blank" href="img/oz2.jpg">Картинка </A>.

Картинка является ссылкой

<A rel="nofollow ugc" target="_blank" href="1.html"><img src=”img/2.jpg”> </A>.

на другие WEB-страницы и сайты.

<A HREF= "http://www.ronets.hut.ru">здесь </A>.

на адрес электронной почты.

 <A HREF="mailto:svoisait@narod.ru">я</A>.

Второй вид ссылок - гиперссылки на различные участки или разделы одного и того же документа, используя специальных скрытый маркер для этих разделов. Это позволяет быстро переходить от раздела к разделу внутри документа, не используя скроллирование экрана. Как только вы щелкнете на ссылке, браузер переместит вас на указанный раздел документа, а строка, в которой стоит маркер данного раздела (обычно, первая строка раздела или заголовок раздела) будет размещена на первой строке окна браузера (если данная строка не присутствует уже на экране браузера).

            Для создания ссылок, указывающих на  метки, которые, позволяют посетителю  переходить в определенные места документа используется записи:

<A NAME="маркер"> Текст </A>, и

 <A rel="nofollow ugc" target="_blank" href="# маркер"> Слова откуда </A>

где вводится символ # означающий внутреннюю ссылку к другому тексту той же страницы, который помечен тэгом А с параметром NAME как закладка

Символы "#x1" сообщает браузеру, что необходимо найти в данном HTML-документе маркер с именем "x1".

Когда пользователь щелкнет мышью на строке "Раздел 1", браузер перейдет сразу к разделу 1.

Учитель показывает, как сделать ссылку, связывающую две странички

 

 

 

CSS-правила

CSS — это язык для оформления структурированных документов, например, HTML- документов. Синтаксис — это плоский список CSS-правил. CSS-правило состоит из селектора и перечня свойств и их значений:

селектор {
  свойство: значение;
  свойство: значение;
}Для комментариев в CSS используются символы /* и */.

Селекторы

Селектор находится в начале CSS-правила, до фигурных скобок, и определяет, к каким HTML-элементам применятся свойства и значения из правила.

.feature-kitten {
  padding-top: 60px;
}Простейшие (и самые популярные) селекторы — это селекторы по тегам и по классам. Селекторы по тегам содержат имя тега без символов < и > и применяются ко всем подходящим тегам. Селекторы по классам начинаются с точки, за которой идёт имя класса, и применяются ко всем тегам с подходящим атрибутом class.
h1 { color: red; }
.info { color: blue; }

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

Если у CSS-правил отличаются только селекторы, а свойства и значения одинаковые, то их можно сгруппировать через запятую.

Также можно комбинировать любые типы селекторов через пробел. Такие селекторы называются вложенными или контекстными и читаются справа налево. Например:

nav a {…}
  .menu ul {…}
  .post .title {…}

Свойства и значения

Список свойств и значений находится внутри фигурных скобок CSS-правила. Свойство определяет, какую характеристику внешнего вида мы хотим изменить, а значение — как именно.

.feature-kitten {
  padding-top: 60px;
}Каждый раз, когда мы добавляем новое свойство или изменяем его значение, мы меняем что-то на странице.

Наследование

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

Составные свойства

В CSS есть обычные свойства, управляющие одним параметром отображения, и есть составные свойства, управляющие одновременно несколькими параметрами. Например, свойство font. Оно задаёт сразу шесть параметров: размер и название шрифта, высоту строки и некоторые другие.

font: 16px/26px "Arial", sans-serif;

Если значение обычного свойства не было задано в составном, то браузер при «расшифровке» использует исходное значение этого свойства.

Типы значений: абсолютные и относительные

Абсолютные единицы измерения привязаны к настоящим физическим размерам и связаны между собой жёсткими пропорциями. Пиксели, px, используют чаще всего, остальные абсолютные единицы почти не применяют. Примеры абсолютных единиц измерения:

font-size: 1cm;
font-size: 10mm;
font-size: 38px;

Относительные единицы измерения описывают значения, которые зависят от других значений. Например, ширина элемента в процентах зависит от ширины родительского элемента, а ширина элемента в em зависит от размера шрифта самого элемента. К относительным единицам относятся emremvhvw и некоторые другие, ну и, конечно же, проценты.

Стили по умолчанию

Некоторым элементам можно не задавать никаких стилей, но у них всё равно будет какое-то оформление. Например, у списка <ul> есть отступы и маркеры. Такие стили называются стилями по умолчанию и задаются внутри браузерных стилей изначально. Их можно переопределить или сбросить, задав другие значения свойств элементу.

Каскадирование

Когда браузер отрисовывает страницу, он должен определить итоговый вид каждого HTML-элемента. Для этого он собирает все CSS-правила, которые относятся к каждому элементу, ведь на элемент могут влиять сразу несколько CSS-правил. Механизм комбинирования стилей из разных источников в итоговый набор свойств и значений для каждого тега называется каскадностью. Например, есть такой элемент в разметке:

<p class="beloved-color">Зелёный - мой любимый цвет</p>

Заданные стили:

.beloved-color { color: green; }

Браузерные стили:

margin: 1em 0;

Итоговые стили:

color: green;
margin: 1em 0;

Конфликт свойств

На один элемент могут действовать несколько CSS-правил. Если в этих правилах есть одинаковые свойства с разными значениями, то возникает конфликт. Например:

ul { list-style: disc; }
.blog-navigation ul { list-style: none; }

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

1.                              Сравниваются приоритеты стилевых файлов, в которых находятся конфликтующие свойства. Например, авторские (то есть наши) стили приоритетнее браузерных.

2.                              Сравнивается специфичность селекторов у CSS-правил с конфликтующими свойствами. Например, селектор по классу более специфичен, чем селектор по тегу.

3.                              Побеждает то свойство, которое находится ниже в коде.

Каскад работает и внутри CSS-правил.

Встраивание и подключение внешних стилей

Внешние стили подключаются через тег <link>

<link rel="stylesheet" rel="nofollow ugc" target="_blank" href="style.css">

Встраивание стилей в тег <style>. Его обычно размещают внутри <head>:

<head>
  <style>
    CSS-код
  </style>
</head>

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

Встраивание в атрибут style:

<div style="width: 50%;"></div>

Свойства и значения, прописанные таким образом, применятся точечно к одному элементу.

Обычно использование этого способа считается плохой практикой. Но иногда в виде исключения бывает удобнее воспользоваться встраиванием стилей в атрибут style, чем писать отдельные CSS-правила. Например, когда нужно управлять стилями именно из разметки, и создавать отдельные классы при этом будет излишне. Так бывает, когда какие-то стилевые параметры устанавливаются с помощью сторонних программ или другими людьми, например, через CMS.

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

Отвечают устно

ссылку можно сделать:

·                  на другой адрес в Интернет,

·                  на другой файл на своем сайте (сервере),

·                  на другое помеченное место на читаемой странице,

·                  на адрес электронной почты E-mail 

(учащиеся записывают в карточку)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Относительные гиперссылки

 

 

 

 

Ученики записывают в карточку

 

Смотрят примеры

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Ученики записывают в карточку

 

Внимательно смотрят и помогают учителю

      Например:

<p><b>

Список разделов

</b></p> 
<a rel="nofollow ugc" target="_blank" href="#x1">
Раздел 1</a><br>
<a rel="nofollow ugc" target="_blank" href="#x2">
Раздел 2</a><br>

<a name="x1"></a>Раздел1</p> 
<p>
Текст раздела 1</p>  
<p><a name="x2"></a>
Раздел 2</p> 
 <p>
Текст раздела 2 </p>

 

6

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

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

 

Ученики садятся за компьютеры и выполняют задание.

7

Домашнее задание

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

 

 

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Страница с гиперссылками. Использование CSS"

Методические разработки к Вашему уроку:

Получите новую специальность за 2 месяца

Карьерный консультант

Получите профессию

HR-менеджер

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Краткое описание документа:

Тема урока: «Страница с гиперссылками. Использование CSS» Цель: сформировать у учащихся умение создавать и использовать гиперссылки в своих Web-страницах. Задачи урока: образовательная – ввести понятие гиперссылки; познакомить учащихся с основными видами гиперссылок; научить создавать гиперссылки развивающая – закрепить на практике умение создавать различные гиперссылки; развивать логическое мышление, устойчивый интерес к предмету, навыки самостоятельной работы; воспитательная - воспитывать чувство ответственности, аккуратности, трудолюбия, воспитание устойчивой мотивации к учебной деятельности; коммуникативные навыки, навыки взаимооценки и самооценки.Ход урока № Деятельность учителя Деятельность учащихся 1 Организационный момент. Здравствуйте ребята! Садитесь! Назовите отсутствующих. Ученики садятся 2 Повторение пройденного (Взаимооценка) Мы продолжаем изучение темы создание Web-сайтов с использованием языка разметки гипертекстовых документов HTML, Давайте проверим ваши знания по данной теме полученные ранее. Работа по индивидуальному проекту. 3 Проблемная ситуация Удобно ли демонстрировать странички в домашней работе и почему? Что можно сделать, чтобы было удобно. Как вы думаете, чем мы будем заниматься сегодня на уроке? Для чего нужны ссылки? Что может быть ссылкой (текст или картинка)? Как ссылкивыделяются на странице А какие ссылки бывают? Нет, каждую страницу нужно отдельно открывать и закрывать Нужно сделать гиперссылки Создавать ссылки Отвечают 4 Сообщение темы и цели. «Вставка гиперссылки в WEB-страницу» У вас на партах лежат карточки с вопросами, вы сегодня на урозаписываете в эти карточки, а дома вклеитекарточки в рабочую тетрадь. Понятно Что такое гиперссылка? Какие бывают виды гиперссылок? Как задаются гиперссылки в НТМL? Научиться создавать гиперссылки на практике Записывают тему урока в тетрадь 5 Изучение нового материала. Ребята попробуйте дать ответ на первый вопрос (Это связь между частями текста в большом тексте) Слово Гиперссылка состоит из двух частей Гипер - большой, ссылка – ссылаемся на что-либо (картинку, текст, другой документ). Какие бывают виды гиперссылок? На что можно сделать ссылку? - Какие бывают типы гиперссылок? Абсолютная ссылка - содержит полный адрес - адрес URL (Единый указатель ресурсов) сервера в Интернет и полный путь. Такая ссылка позволяет другим посетителям копировать страницу к себе на компьютер (не весь сайт!), открыть у себя страницу,щелкнув по ссылке пройти полное подключение через Интернет и попасть на адресуемую страницу. Чаще всего мы говорим «адрес сайта» - это и есть абсолютная ссылка - Ещё? Относительная ссылка - указывает размещение адресуемого файла относительно исходной страницы, откуда исходит ссылка. Относительная ссылка применяется при формировании своего сайта и позволяет перенести свой сайт на любой компьютер. Какой тип гиперссылки нужно использовать в домашней работе. - Для того, чтобы создать гиперссылку нам необходим элемент, отмечающий в документе ссылку. Граница действия элемента определена парным тэгом,который называется «Анкор» (от слова Anchor -буквально "якорь") Тэг A … /A Тэг A применяют с параметрами HREF или NAME, которые уточняют ссылку. Гиперссылка, связывающая двестранички Для создания такой гиперссылки, используется запись A HREF="адрес куда" Слова откуда /A Рассмотрим примеры: Ссылка на картинку: A HREF="img/oz2.jpg" Картинка /A . Картинка является ссылкой A HREF="1.html" img src=”img/2.jpg” /A . на другие WEB-страницы и сайты. здесь /A . на адрес электронной почты. A HREF="mailto:svoisait@narod.ru" я /A . Второй вид ссылок - гиперссылки на различные участки или разделы одного и того же документа, используя специальных скрытый маркер для этих разделов. Это позволяет быстро переходить от раздела к разделу внутри документа, не используя скроллирование экрана. Как только вы щелкнете на ссылке, браузер переместит вас на указанный раздел документа, а строка, в которой стоит маркер данного раздела (обычно, первая строка раздела или заголовок раздела) будет размещена на первой строке окна браузера (если данная строка не присутствует уже на экране браузера). Для создания ссылок, указывающих наметки, которые, позволяют посетителю переходить в определенные места документа используется записи: A NAME="маркер" Текст /A , и A HREF="# маркер" Слова откуда /A где вводится символ # означающий внутреннюю ссылку к другому тексту той же страницы, который помечен тэгом А с параметром NAME как закладка Символы "#x1" сообщает браузеру, что необходимо найти в данном HTML-документе маркер с именем "x1". Когда пользователь щелкнет мышью на строке "Раздел 1", браузер перейдет сразу к разделу 1. Учитель показывает, как сделать ссылку, связывающую две странички CSS-правила CSS — это язык для оформления структурированных документов, например, HTML- документов. Синтаксис — это плоский список CSS-правил. CSS-правило состоит из селектора и перечня свойств и их значений: селектор {свойство: значение;свойство: значение;}Для комментариев в CSS используются символы /* и */. Селекторы Селектор находится в начале CSS-правила, до фигурных скобок, и определяет, к каким HTML-элементам применятся свойства и значения из правила. .feature-kitten {padding-top: 60px;}Простейшие (и самые популярные) селекторы — это селекторы по тегам и по классам. Селекторы по тегам содержат имя тега без символов и и применяются ко всем подходящим тегам. Селекторы по классам начинаются с точки, за которой идёт имя класса, и применяются ко всем тегам с подходящим атрибутом class.h1 { color: red; }.info { color: blue; } На странице может быть несколько списков, и стили применятся ко всем спискам, даже к тем, которые вы менять не хотели. Чтобы избежать таких ситуаций, лучше не использовать селекторы по тегам или использовать их как можно реже. Если у CSS-правил отличаются только селекторы, а свойства и значения одинаковые, то их можно сгруппировать через запятую. Также можно комбинировать любые типы селекторов через пробел. Такие селекторы называются вложенными или контекстными и читаются справа налево. Например: nav a {…}.menu ul {…}.post .title {…} Свойства и значения Список свойств и значений находится внутри фигурных скобок CSS-правила. Свойство определяет, какую характеристику внешнего вида мы хотим изменить, а значение — как именно. .feature-kitten {padding-top: 60px;}Каждый раз, когда мы добавляем новое свойство или изменяем его значение, мы меняем что-то на странице. Наследование Наследование в CSS — это механизм, с помощью которого значения свойств элемента-родителя передаются его элементам-потомкам. Стили, присвоенные одному элементу, наследуются всеми потомками (вложенными элементами), но только в том случае, если они где-то явно не переопределены. Составные свойства В CSS есть обычные свойства, управляющие одним параметром отображения, и есть составные свойства, управляющие одновременно несколькими параметрами. Например, свойство font. Оно задаёт сразу шесть параметров: размер и название шрифта, высоту строки и некоторые другие. font: 16px/26px "Arial", sans-serif; Если значение обычного свойства не было задано в составном, то браузер при «расшифровке» использует исходное значение этого свойства. Типы значений: абсолютные и относительные Абсолютные единицы измерения привязаны к настоящим физическим размерам и связаны между собой жёсткими пропорциями. Пиксели, px, используют чаще всего, остальные абсолютные единицы почти не применяют. Примеры абсолютных единиц измерения: font-size: 1cm;font-size: 10mm;font-size: 38px; Относительные единицы измерения описывают значения, которые зависят от других значений. Например, ширина элемента в процентах зависит от ширины родительского элемента, а ширина элемента в em зависит от размера шрифта самого элемента. К относительным единицам относятся em, rem, vh, vw и некоторые другие, ну и, конечно же, проценты. Стили по умолчанию Некоторым элементам можно не задавать никаких стилей, но у них всё равно будет какое-то оформление. Например, у списка ul есть отступы и маркеры. Такие стили называются стилями по умолчанию и задаются внутри браузерных стилей изначально. Их можно переопределить или сбросить, задав другие значения свойств элементу. Каскадирование Когда браузер отрисовывает страницу, он должен определить итоговый вид каждого HTML-элемента. Для этого он собирает все CSS-правила, которые относятся к каждому элементу, ведь на элемент могут влиять сразу несколько CSS-правил. Механизм комбинирования стилей из разных источников в итоговый набор свойств и значений для каждого тега называется каскадностью. Например, есть такой элемент в разметке: p class="beloved-color" Зелёный - мой любимый цвет /p Заданные стили: .beloved-color { color: green; } Браузерные стили: margin: 1em 0; Итоговые стили: color: green;margin: 1em 0; Конфликт свойств На один элемент могут действовать несколько CSS-правил. Если в этих правилах есть одинаковые свойства с разными значениями, то возникает конфликт. Например: ul { list-style: disc; }.blog-navigation ul { list-style: none; } Браузеру нужно как-то решать, какими будут итоговые значения конфликтующих свойств. Конфликт разрешается максимум за три шага. Если на текущем шаге определиться не удалось, то выполняется следующий шаг. Вот эти шаги: Сравниваются приоритеты стилевых файлов, в которых находятся конфликтующие свойства. Например, авторские (то есть наши) стили приоритетнее браузерных.Сравнивается специфичность селекторов у CSS-правил с конфликтующими свойствами. Например, селектор по классу более специфичен, чем селектор по тегу.Побеждает то свойство, которое находится ниже в коде. Каскад работает и внутри CSS-правил. Встраивание и подключение внешних стилей Внешние стили подключаются через тег link link rel="stylesheet" href="style.css" Встраивание стилей в тег style . Его обычно размещают внутри head : head style CSS-код /style /head Такой способ используется для оптимизации загрузки страницы, ведь в таком случае браузер не будет отправлять дополнительных запросов на сервер. Встраивание в атрибут style: div style="width: 50%;" rel="width: 50%;" /div Свойства и значения, прописанные таким образом, применятся точечно к одному элементу. Обычно использование этого способа считается плохой практикой. Но иногда в виде исключения бывает удобнее воспользоваться встраиванием стилей в атрибут style, чем писать отдельные CSS-правила. Например, когда нужно управлять стилями именно из разметки, и создавать отдельные классы при этом будет излишне. Так бывает, когда какие-то стилевые параметры устанавливаются с помощью сторонних программ или другими людьми, например, через CMS. Гиперссылка состоит из двух частей Гипер - большой, ссылка – ссылаемся на что-либо (картинку, текст, другой документ). Отвечают устно ссылку можно сделать: на другой адрес в Интернет, на другой файл на своем сайте (сервере), на другое помеченное место на читаемой странице, на адрес электронной почты E-mail (учащиеся записывают в карточку) Относительные гиперссылки Ученики записывают в карточку Смотрят примеры Ученики записывают в карточку Внимательно смотрят и помогают учителю •Например: p b Список разделов /b /p a href="#x1" Раздел 1 /a br a href="#x2" Раздел 2 /a br a name="x1" /a Раздел1 /p p Текст раздела 1 /p p a name="x2" /a Раздел 2 /p p Текст раздела 2 /p

Скачать материал

Найдите материал к любому уроку, указав свой предмет (категорию), класс, учебник и тему:

6 702 037 материалов в базе

Скачать материал

Другие материалы

Вам будут интересны эти курсы:

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.

  • Скачать материал
    • 10.12.2023 122
    • DOCX 73.5 кбайт
    • Оцените материал:
  • Настоящий материал опубликован пользователем Брух Таисия Викторовна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт

    Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.

    Удалить материал
  • Автор материала

    Брух Таисия Викторовна
    Брух Таисия Викторовна
    • На сайте: 9 лет и 5 месяцев
    • Подписчики: 5
    • Всего просмотров: 325355
    • Всего материалов: 312

Ваша скидка на курсы

40%
Скидка для нового слушателя. Войдите на сайт, чтобы применить скидку к любому курсу
Курсы со скидкой

Курс профессиональной переподготовки

Секретарь-администратор

Секретарь-администратор (делопроизводитель)

500/1000 ч.

Подать заявку О курсе

Курс повышения квалификации

Особенности подготовки к сдаче ОГЭ по информатике и ИКТ в условиях реализации ФГОС ООО

36 ч. — 180 ч.

от 1700 руб. от 850 руб.
Подать заявку О курсе
  • Сейчас обучается 116 человек из 41 региона
  • Этот курс уже прошли 821 человек

Курс повышения квалификации

Организация преподавания информационных систем и технологий в профессиональном образовании

36 ч. — 180 ч.

от 1700 руб. от 850 руб.
Подать заявку О курсе
  • Сейчас обучается 28 человек из 17 регионов
  • Этот курс уже прошли 101 человек

Курс повышения квалификации

Методика преподавания информатики в начальных классах

72 ч. — 180 ч.

от 2200 руб. от 1100 руб.
Подать заявку О курсе
  • Этот курс уже прошли 67 человек

Мини-курс

Общественные движения и организации

3 ч.

780 руб. 390 руб.
Подать заявку О курсе

Мини-курс

Психология детства и подросткового возраста

3 ч.

780 руб. 390 руб.
Подать заявку О курсе
  • Сейчас обучается 98 человек из 46 регионов
  • Этот курс уже прошли 84 человека

Мини-курс

Общая химия

10 ч.

1180 руб. 590 руб.
Подать заявку О курсе
  • Сейчас обучается 24 человека из 13 регионов
  • Этот курс уже прошли 11 человек