Оформляем страницу ММО на сайте «Учебно- методического центра» © Склемина Г. А., руководитель ММЦ ИТ Балаковского муниципального района, 2010 г. 1. - презентация

1 Оформляем страницу ММО на сайте «Учебно- методического центра» © Склемина Г. А., руководитель ММЦ ИТ Балаковского муниципального района, 2010 г. 1

2 Как начать работу на сайте Запустить браузер (рекомендуется использовать Mozilla Firefox) В адресной строке указать адрес сайта umcbalakovo.ucoz.ru Затем перейдите по ссылке Вход (она находится в шапке сайта). Заполните поля формы для входа на сайт, она развернется после того как нажмете на ссылку) 2

3 По завершении процесса идентификации, Ваш логин и репутация (права) отобразятся сразу под шапкой сайта 3

4 Важно! Права администратора будут у вас только до 10 октября 2010 г. Наличие прав администратора позволит Вам создавать и редактировать любой контент на сайте без предварительного одобрения (модерации) других администраторов. Никакие материалы не удаляйте, работайте, пожалуйста, только над страницами, специально созданными для визитных карточек ММО 4

5 В блоке Меню сайта выберите пункт Педагоги, объединяйтесь! Страница будет постепенно заполняться списком ММО, визитные карточки которых оформлены на сайте В списке находите ссылку на визитную карточку ММО, которое Вы представляете, например, ММО учителей экологии и переходите по этой ссылке 5

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

7 Для того, чтобы получить доступ к редактированию страницы нужно хорошенько прицелиться и нажать вот на эту оранжевую точку (если на нее навести мышь, то отобразится подсказка Открыть как показано на рисунке) 7

8 После того как Вы нажмете на оранжевую точку, развернется меню Нам в этом меню нужен пункт Редактировать, ему соответствует пиктограммка с изображением голубого карандаша 8

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

10 КнопкаНазначениеКнопкаНазначение Кнопка предварительного просмотра Вставка флэш-роликов Кнопки Отменить и Повторить (действуют аналогично кнопкам в Word) Вставка и редактирование таблиц соответственно Вставка объекта из буфера обмена Горизонтальная линия Выбор цвета шрифтаВставка специальных символов Выбор цвета для выделения текста Удаляет все со страницы Настройка ссылок на сайты и файлы Отменяет форматирование (цвет, размер, тип шрифта) Вставка картинок в страницуРедактирование html-кода (пока нам не понадобится) 10

11 Эти 2 группы кнопок очень похожи на кнопки в Word, поэтому не комментирую Панель редактирования (продолжение) Приемы работы с текстовым редактором на сайте, созданном на платформе Ucoz очень схожи с приемами работы в Word. Сложностей с этим не должно возникнуть. Особо остановлюсь на вставке изображений на страницу, оформлении ссылок на веб- сайты и прикреплении файлов 11

12 Прикрепляем файл Важно! Прежде чем крепить файл обязательно сохраните его в формате, пригодном для чтения в Microsoft Office 97 – Имя файла должно содержать только латинские буквы и цифры! Работаем в режиме редактирования! Сначала нужно выделить часть текста или слово, что собственно будет являться заголовком ссылки 12

13 Прикрепляем файл Работаем в режиме редактирования! Затем на панели редактирования нажимаем на кнопку для создания ссылки (обведена красным цветом) 13

14 Прикрепляем файл Работаем в режиме редактирования! Далее поверх имеющего откроется новое окно Ссылка. В нем нам нужно нажать на кнопку с изображением желтой папки (обведена красным цветом на рисунке ниже) 14

15 Прикрепляем файл Далее поверх имеющего откроется новое окно Файловый менеджер. В нем нам нужно нажать на кнопку с изображением Создать папку !!! Имя папки должно содержать только латинские буквы или цифры. Самое лучшее решение – это выбрать в качестве имени папки свою фамилию 15

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

17 Прикрепляем файл Далее в списке папок появится Ваша, она будет выделена желтоватым цветом. Нажмите на имя папки (сразу оговорюсь, что создание папки – разовая акция в дальнейшем будете просто ее находить и грузить уже сразу в нее) 17

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

19 Прикрепляем файл После того как файл выбран, путь к нему прописывается в поле Обзор. Вам нужно будет нажать на кнопку Загрузить файл. Затем придется некоторое время подождать (все зависит от размера загружаемого файла и скорости Вашего Интернет-соединения). 19

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

21 Прикрепляем файл Далее Вас перенаправят в окно Ссылка. Здесь нужно нажать на кнопку вставить А потом еще и на кнопку ok 21

22 Прикрепляем файл Это в общем-то все. Результат будет выглядеть так как на рисунке. Если нужно будет прикрепить еще несколько файлов, то проделываете снова действия описанные на слайдах с 17 по

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

24 Вставляем картинку 24 На экране развернется окно Изображение. Здесь нужно нажать на кнопку с изображением желтой папки

25 Вставляем картинку 25 Откроется окно уже знакомого Вам Файлового менеджера. Здесь в списке папок находите свою и нажимаете прямо на ее имя, например, как показано на рисунке

26 Вставляем картинку 26 Открывшаяся папка окажется пустой. Не пугайтесь, загруженные файлы никуда не исчезли, просто в данный момент работы будут отображаться только файлы, содержащие изображения (допустимые типы файлов перечислены). С помощью кнопки Обзор выбираете нужный файл на компьютере или внешнем носителе) Выбрав нужное нажмите на кнопку Загрузить файл

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

28 Вставляем картинку 28 Затем Вас опять перенаправят на страницу Изображение. Здесь нужно настроить картинку (задать расположение, способ обтекания текстом, размеры). Для того чтобы встроить картинку в текст нужно открыть меню Выравнивание и выбрать способ влево или вправо. Так же с размерами, нужно указать в полях Ширина и Высота размеры (обычно неплохо смотрятся картинки 200 на 180, но все зависит от пропорций исходной картинки, нужно подходить к этому индивидуально). Можно поэкспериментировать с границами. Все настроили – жмите на вставить

29 Вставляем картинку 29 Вставили картинку, но результат Вас не устраивает? Так иногда случается. Не переживайте, все можно поправить. Для этого выделяем картинку и нажимаем кнопку Изображение. Откроется вот такое окно, можно исправить то что не нравится и нажать на кнопку применить

30 Как создать ссылку на веб-страницу Вставляем адрес в это поле, затем аккуратно стираем В меню выбираем Заполнили все поля? Далее вставить, на следующем окне Ок

31 Сохранение страницы 31 Не хочу сказать, что сохранение страницы может создать какую-то проблему, но есть небольшой нюанс, о котором Вам лучше знать ! В нижней части страницы есть кнопка Сохранить. Нажать нужно на нее, когда завершаете работу с ней.

32 Сохранение страницы 32 Затем произойдет следующее: экран затянется серой пленкой, в центре экрана появится окно Редактирование материала (как показано на рисунке). Для того чтобы посмотреть результат Вашей деятельности, нужно перейти по ссылке Перейти на страницу материала

33 Общие рекомендации по содержанию страницы ММО Небольшой рассказ (буквально на 1 абзац) об истории ММО (когда организовано, кто руководил) Краткая визитка руководителя (ФИО, фотография, должность, место работы, звания, награды, с какого года руководит ММО) Раздел документация ММО, в котором сделать подразделы: Анализ работы, Планы работы, Протоколы заседаний. В этот раздел прикрепить выше названные документы Актив ММО, здесь укажите наиболее активных участников заседаний и мероприятий ММО Представительство в сети Интернет. Здесь нужно привести ссылку на сетевое сообщество (если таковое есть) или сайт ММО. Готовы поделиться. Здесь можно разместить описания, программы сценарии наиболее удачных мероприятий, проведенных ММО 33

34 Общие рекомендации по содержанию страницы ММО Приведенные рекомендации очень общие и Вы, безусловно, вправе самостоятельно определиться с содержанием страницы. Самое главное, чтобы вся информация размещалась на одной отведенной специально для этого странице (в общем лишнего пространства не захватывать ). Желаю Вам удачи! Консультации по всем вопросам, связанным с оформлением страниц ММО на сайте МОУ «Учебно-методический центр», проводятся в специально созданном разделе форума 34