Инструкция по работе с сайтом школы

У Вас недостаточно прав для комментирования.

Руководство пользователя Школьного сайта

Информатика и ИКТ

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

Для пополнения категории Вашего предмета в разделе «Методическая копилка» Вам необходимо создавать материалы в Вашей категории (например, в категории «Информатика и ИКТ»).

При размещении материалов Вы можете указать специальное свойство материала JComments ON, что позволит добавить его в блог и организовать новую тему для Вашего интернет-дневника. Используйте свойство JComments OFF для закрытия темы.

Все размещенный Вами материалы будут отмечены Вашим штампом автора, что позволит сохранить исключительные права на авторство. Таким штампом будет отмечен каждый созданный Вами материал.

Внимание! Для того, чтобы научиться создавать материалы в разделе «Методическая копилка», Вы должны внимательно ознакомиться со всеми разделами руководства пользователя и пройти курс очного обучения.

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

Скачать руководство пользователя. (*.pdf)

У Вас недостаточно прав для комментирования.

После того как для Вас был разработан сайт на базе CMS Joomla для Вашего образовательного учреждения, наступает период по самостоятельному наполнению контента. Сам процесс по добавлению материала на сайт очень прост и интуитивно понятен, однако давайте рассмотрим основные моменты:

Для того, чтобы добавить материал на сайт школы необходимо выполнить следующие действия:
1. Введите в адресной строке браузера адрес сайта школы. Например:http://itsch.ru

2. После того, как вы убедились, что сайт функционирует, переходим в панель управления сайтом. Для этого необходимо ввести в адресной строке браузера:

http://адрес вашего сайта/administrator

3. В появившемся окне авторизации введите логин и пароль администратора сайта и нажмите кнопку «Войти»:

4. В панели управления выберете справа раздел «Создать материал»:

5. В окне создания материала в строке «Заголовок» введите название материала:

6. В разделе редактирвоания текста введите текст материала, используя панель форматирования:

7. После введения текста для публикации выберете «Состояние» — оно должно быть в режиме «Опубликовано»:

8. Выберете категорию, в которой должен относится создаваемый материал:

9. Если материал должен быть опубликован в разделе «Избранное» — укажите. Обычно раздел «Избранное» используется для публикации на главной странице сайта:

10. Для сохранения материала нажмите кнопку «Сохранить»:

11. Перейдите на сайт Вашего образовательного учреждения и проверьте публикацию материала. При необходимости внесите изменения.

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

преподавателя Кропачевой Т.Е.

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

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

Информация на сайте предназначена для учителей школ, педагогов среднего профессионального образования, учащихся и их родителей

Для пользователей и посетителей сайта

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

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

Вверху главной страницы, вы можете видеть навигационную ленту. Она содержит основные тематические разделы сайта: Просмотр, Гостевая, Аудио, Видео. В ней отображаются основные вкладки на сайте. Кликнув ЛКМ по вкладке Ленты, вы можете открыть вкладку.

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

Также слева расположена панель Навигация по сайту (Рис. 1), на которой расположены основные страницы мини – сайта преподавателя.

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

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

Рис. 1 Панель Навигация

История сайта и традиции

Сайт преподавателя Кропачевой Т.Е. был создан в ноябре 2014 года самим преподавателем информатики и специальных дисциплин и планировался как площадка для демонстрации работ преподавателя и общения по педагогической тематике с коллегами, студентами и их родителями. Исходя из этого, сложилась и особая атмосфера общения. Каждый новый посетитель сайта приходил в дружное педагогическое общество.

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

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

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

Правила общения на сайте

Правила общения на форуме и в обсуждениях, предельно просты и общение строится по принципу — «как в жизни».

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

Запреты

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

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

1. Запрещается употреблять ненормативную лексику.

2. Запрещается прибегать к откровенным оскорблениям личности собеседника.

3. Запрещается создавать темы с неинформативными названиями, например «Помогите», «Ух ты!» или «Хочу спросить».

4. Запрещается создавать темы в непрофильных разделах или дублировать темы в разных разделах.

5. Запрещается любая коммерческая реклама не модельной направленности, без согласования с администрацией проекта, кроме профильной по моделизму в соответствующем разделе форума.

6. Запрещается обсуждение и тем более осуждение действий администрации форума в открытых разделах.

7. Запрещены политические и религиозные дебаты, а также обсуждение национальной и этно-политики, пропаганда любых, альтернативных естественным, сексуальных отношений.

8. Запрещается использование символики Третьего Рейха в аватарах, т.к. это может расцениваться пропагандой идей фашизма.

Будьте, пожалуйста, вежливы и обходительны с вашими собеседниками. Хамов нигде не любят и не терпят.

Краткое описание сайта

https://multiurok.ru/kukushkinanna/files

Мой персональный сайт был зарегистрирован в 16 июля 2015 года на портале Мультиурок.

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

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

Задачи создания персонального сайта:

• Распространение собственного педагогического опыта;

• Привлечение школьников к участию в конкурсах, олимпиадах по математике;

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

Ресурс содержит:

• инструкцию по использованию сайта: «что, где, когда»

• подробное описание сайта

• информацию об авторе и его достижениях,

• нормативные документы, необходимые для работы учителя

• методические разработки

• дидактические материалы для учеников

• рекомендации для родителей и учеников

• информацию о рейтинге сайта на портале Мультиурок

• информацию о количестве подписчиков и подписок

Подробная информация во вкладке «Файлы» — «Категории пользователя»

В процессе профессиональной деятельности я использую свой сайт для

• подготовки уроков,

• проведения уроков, вебинаров, мастер- классов и т.д.

• взаимодействия сообщества «Учитель – ученик – родитель»,

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

Важное замечание:

При предварительном просмотре не всегда верно отображается изображение!

Скачайте файл и наслаждайтесь просмотром!!!

1. Панель переключения режимов редактирования. 
2. Стиль и форматирование текста.
3. Жирный текст.
4. Текст, выделенный курсивом.
5. Подчеркнутый текст.
6. Зачеркнутый текст.
7. Сброс стилей выделенного текста.
8. Цвет текста, фона текста.
9. Нумерованный список.
10. Ненумерованный список.
11. Редактирование положения текста на странице.
12. Вставка ссылки.
13. Вставка видео со стороннего ресурса.
14. Развернуть/свернуть редактор на весь экран.
15. Развернуть панель редактора.
16. Отмена действия.
17. Повтор действия.
18. Шрифт.
19. Размер текста.
20. Вставка таблицы.
21. Вставка спецсимвола.
22. Вставка разделителя.
23. Загрузка изображения с вашего устройства.
24. Загрузка текста с изображениями. Удобно при копировании текста со стороннего ресурса или текстового редактора.
25. Загрузка документов ссылками. 
26. Очистка кода. Удаление повторяющихся абзацев и переносов строки.
27. Недоступная функция.
28. Нижний индекс.
29. Верхний индекс.
30. Недоступная функция.
31. Настройки редактора.
32. Панель сниппетов.

Панель переключения режимов редактирования.

Визуальный редактор может работать в двух режимах. Визуальный режим — более простой и интуитивно понятный вариант. В нем сразу видно как будут выглядеть элементы на странице. Второй вариант — режим исходного кода. Он предназначен для опытных пользователей и позволяет произвести дополнительную настройку. Также существует совмещенный режим — экран делится на две части для визуального режима и режима кода.

Соответственно на панели мы видим кнопки для переключения между этими режимами:

1. режим визуального редактирования.
2. режим исходного кода.
3. совмещенный режим по горизонтали.
4. совмещенный режим по вертикали

Стиль и форматирование текста.

С помощью выпадающего списка Стиль мы задаем стиль текста. Список предлагает нам:

• Обычный текст — формат текста по умолчанию;
• Заголовок 1-6 — Шесть вариантов заголовка, от самого большого к самому маленькому. Эти стили соответствуют html-коду <h1> — <h6>.
• Абзац (тег P) — абзац текста, соответствует html-коду <p>.
• Блок (тег DIV) — блок текста, соответствует html-коду <div>.

Жирный текст.

Текст, выделенный курсивом.

Подчеркнутый текст.

Зачеркнутый текст.

Сброс стилей выделенного текста.

Цвет текста, фона текста.

Нумерованный список.

Ненумерованный список.

Редактирование положения текста на странице.

Вставка ссылки.

Различные классы (стили) форматирования отображения ссылок можно найти здесь: Ссылки

Шаг 1. Выделить текст.

Шаг 2. Нажать на значок ссылки.

Шаг 3. В открывшемся окне установить нужные параметры.

Вид ссылки:

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

Пример: Полный адрес ссылки: http://school.sf4obr.ru/about/ нужно скопировать только /about/ .

Ссылка на другой сайт. Если нужно разместить ссылку на страницу или документ на стороннем сайте, скопируйте из адресной строки ссылку полностью и вставьте ее в поле Адрес.

Электронный адрес. Если нужно разместить ссылку на электронный адрес, пропишите его в поле E-mail.

Дополнительные параметры:

Выберите нужное значение параметра Открыть ссылку: в новом окне, родительском окне, этом окне, самом наружном.

Вставка видео со стороннего ресурса.

1. Выставить ссылку на видео с ресурсов Youtube, Rutube или Vimeo.

2. Название автоматически прописывается. Его можно изменить при необходимости.

3. Выбрать размер проигрывателя видео на странице.

4. Сохранить.

Шрифт.

При нажатии на параметр Шрифт откроется список с вариантами шрифтов:

Размер текста.

При нажатии на параметр откроется список размеров текста.

Вставка таблицы.

1. Выбрать нужное количество колонок и строк

или 

2. Установить детальные параметры.

Детальные параметры:

• Строки/столбцы — количество строк и столбцов в создаваемой таблице.
• Ширина/высота — размер таблицы в пикселях (можно также задать размеры в процентах, используя знак %).
• Заголовки — расположение заголовка таблицы (верхняя строка, левая колонка, и сверху и слева).
• Граница — толщина границы таблицы в пикселях.
• Внешний/внутренний отступ ячеек — отступы внутри и снаружи ячейки в пикселях.
• Выравнивание — выравнивание таблицы на странице (слева, по центру, справа).

Пропишите CSS-класс таблицы:

• table table-bordered, чтобы отобразить границы.
• table table-responsive, если хотите, чтобы она была адаптивная.
• table table-hover, чтобы включить состояние выделения строки таблицы.
• table table-sm, чтобы сделать таблицы более компактными путем уменьшения размера ячеек наполовину.

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

Вставка спецсимвола.

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

Если среди них нет нужного вам, нажмите кнопку Другой спецсимвол. Откроется полная таблица спецсимволов, нажмите на символ и он появится на странице.

Вставка разделителя.

Вставляет горизонтальную полосу. Соответствует html-коду <hr>.

Загрузка изображения с вашего устройства. 

1. Перетащить картинку в область 

или

2. Загрузить с компьютера

Если перед загрузкой изображения установить параметр Использовать кадрирование, то после выбора изображения откроется окно редактирования.

Параметры редактора изображений:

1. Придайте подходящий вид изображению, отображаемому в рабочей области 1. При этом:
   • Инструменты панели 3 используйте для поворота, отражения, обрезки изображения, а также при переводе изображения в черно-белый вид и добавлении подписи.

     При выполнении обрезки отображается специальная панель управления. Так, кнопка  позволяет очистить выделенную область, предназначенную для обрезки. Кнопка  служит непосредственно для обрезки изображения согласно выбранной области, а кнопка  определяет сохранять ли соотношение сторон при выборе обрезаемой области. Инструмент загрузки и обработки изображений доступен с версии 15.5.1. Его можно использовать для картинок анонса, детальных картинок элемента, для фотографий, загружаемых в свойство типа Файл (напр., Дополнительные фотографии) и для изображений раздела.

   • Сохраняйте настройки выполняемой вами обрезки по кнопке 5, чтобы применять их в дальнейшем.
   • Обрезайте изображение по вашим настройкам: в панели 4 выберите пресет и нажмите кнопку . В рабочей области 1 сразу отобразится рамка обрезки нужного размера. Старые пресеты редактируйте по кнопке  панели 4.
   • Изменяйте размеры изображения в абсолютном 6 или процентом соотношении 7.
   • Не бойтесь ошибиться. Любое действие отменяется по кнопке 8.

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

2. Сохраните выполненные настройки.

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

Параметры:

1. Установить размер изображения.

2. Прописать заголовок изображения.

Дополнительные параметры:

3.Выравнивание изображения.

4. Атрибут Alt.

5. CSS-класс. Пропишите класс img-responsive, чтобы изображение адаптировалось при изменении ширины экрана устройства.

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

Загрузка текста с изображениями.

Скопируйте текст с изображениями на любом сайте и вставьте в форму. После нажатия кнопки Сохранить изображения будут скопированы на ваш сайт.

Удобно при копировании текста со стороннего ресурса или текстового редактора.

Загрузка документов ссылками.

1. Перетащить файлы в  область

или

2. Загрузить с компьютера.

Очистка кода.

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

Нижний индекс.

Добавляет к тексту нижний индекс.

Верхний индекс.

Добавляет к тексту верхний индекс.

Настройки редактора.

В работе контент-менеджера возникают ситуации, когда необходимо вставить на страницу текст из другого места. Как правило, это текст из MS Word. Такой текст часто обладает собственным форматированием и его вставка может нарушить внешний вид страницы вашего сайта. Визуальный редактор обладает возможностью настроить вставку текста — выбрать какие стили оставить, а какие удалить.

Например, если отметить все опции очистки, то редактор полностью удалит форматирование исходного текста:

Обратите внимание, что в форме настроек можно включить или выключить панель сниппетов.

Панель сниппетов.

Сниппет — это заранее подготовленный фрагмент текста или кода. 

Для использования сниппета просто перетащим его мышью на рабочее поле.

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

Пример форматирования текста и работы со сниппетами

---

Видео урок

Чтобы привести текст к одному формату с сайтом, в режиме кода можно прописать классы и модификаторы для текста, блока, области.

Для этого можно воспользоваться документацией по ссылкам:

• Текст
• Ссылки
• Таблицы
• Оповещения
• Кнопки
• Цвет
• Тема
• Заголовки