Қостанай
облысы әкімдігі білім Басқрмасының
«Лисаков түзету мектеп – интернаты» КММ
КГУ «Лисаковская
коррекционная школа - интернат»
Управления образования акимата
Костанайской области
«Электронды
портфолионы
қуру»
«Создание
электронного портфолио»
Кириллова
Ю. А.
2013-2014
уч. г.
Создание
электронного портфолио
с
помощью программы «Конструктор сайтов»
(E-Publich-Pro)
Программа «Конструктор сайтов» проста в применении, имеет удобный интерфейс и
рассчитана на пользователей, не обладающих специальными техническими навыками.
Быстро, без особых усилий, несколькими щелчками мыши можно полностью изменить и
настроить по своему вкусу внешний вид сайта и его структуру, менять местами,
создавать и удалять страницы, разделы и пункты меню, открывать и менять
почтовые ящики.
Рассмотрим
основные инструменты программы.
-создание
нового проекта
-открыть
уже существующий проект
- сохранить
проект
-сохранить как…
(выбрать новую папку для сохранения проекта)
- свойства
проекта (выбрать фон проекта, дизайн)
-
добавить/удалить страницу
-
вернуть/отменить действие
-вырезать
фрагмент
-копировать/вставить фрагмент
- свойства
страницы (выбрать фон отдельной страницы, дизайн)
-жирный, курсив,
подчеркнутый
-выравнивание по левому
краю, по центру, по правому краю, по ширине
-изменить шрифт
текста, размер, начертание
-изменить цвет
текста
-изменить цвет
фона для текста
-маркированный/нумерованный
список
- добавить изображение
- добавить таблицу
- добавить мультимедиа объект
- добавить ссылку
- конвертировать и просмотреть
проект
Кликнув два раза по ярлыку «Конструктор сайтов», у вас откроется окно программы.
Начинать работу необходимо с выбора шаблона для вашего проекта, для этого
необходимо выполнить команды:
Файл - новый
проект- выбрать шаблон проекта- вперед.
После выполнения
этих действий программа вам предложит выбрать место, где будет располагаться
ваш проект. Автоматически ваш проект сохраняется на диске С в папке worc
(c:\work).
Но вы можете изменить место сохранения вашего проекта, выбрав другой диск и необходимо
создать папку с названием для проекта.
После того, начинаем оформлять главную страницу, на которой мы указываем всю
информацию о себе (ФИО, стаж работы, место работы. Должность, квалификация и
т.д.)
Каждая страница имеет заголовок, отображаемый только на этой странице. Это
выделенное пунктиром поле, расположенное под заголовком сайта.
Заголовок – это название страницы, отображающее ее
содержание. Кроме текста в заголовок могут быть помещены небольшие изображения
и Flash-анимации.
Мы находимся на первой странице сайта. В заголовке такой странице можно
написать свои инициалы, название школы и т.д.
По умолчанию, первая страница сайта имеет тип «Универсальная», такая страница
напоминает текстовый редактор. В нее можно вносить и редактировать тексты,
вставлять тексты из других источников, вставлять таблицы, вставлять
изображения, Flash-анимации и т.д.
Для увеличения красочности и информативности сайта, на страницы сайта можно вставлять
изображения. Добавим изображение на нашу страницу. Для этого поставим курсор в
место, куда мы хотим поместить изображение, и щелкнем кнопку «Изображение» на
панели инструментов. Появится окно проводника, в котором необходимо выбрать
размещение необходимого нам изображения. Для удобства, при выборе изображения,
рекомендуется в меню «Вид» окна проводника выбрать «Эскизы страниц».
В этом режиме вы можете просмотреть имеющиеся
изображения.
Выберем изображение и щелкнем кнопку Открыть.
Появится окно Свойства изображения. Это окно стоит рассмотреть
подробнее. Кнопка Вставка изображения позволяет выбрать другое
изображение. В полях ширина и высота изображения выставим
изображения (размеры указаны в пикселях). Если установлена галочка Пропорциональное
изменение размеров (она выставлена по умолчанию), достаточно изменить
только один из параметров, второй будет рассчитан автоматически.
Выпадающее меню Местоположение
дает выбрать, как текст будет обтекать изображение.
Отступы по горизонтали и вертикали
устанавливаются для того, чтобы текст не находился вплотную к изображению.
Выставим их равными 5 пикселям.
Если вы укажите толщину рамки, то вы
можете задать ее цвет. Но следите, чтобы цвет рамки совпадал с общей цветовой
гаммой дизайна.
Установим толщину рамки равную 2 пикселям.
Главную станицу можно изменить, можно добавить другой фон на заголовок слайда,
добавить фон на страницу. Для этого выполняем следующие команды:
Правой кнопкой
мыши вызываем контекстное меню и выбираем команду «Свойства страницы». В
окне «Свойства страницы» выбираем вкладку Фоны. Выбрав галочкой
нужный пункт, нажмите на значок папки рядом с галочкой и выберите подходящий
фон для вашей страницы из имеющихся у вас картинок.
После того как мы установили фон на главную страницу, выполнили оформление
портфолио, приступаем к созданию разделов.
Примерная структура портфолио учителя
1.
Личные документы
2.
Титульный лист
3.
Творческая мастерская
4.
Открытые уроки и мероприятия
5.
Выступления
6.
Участие в конкурсах, фестивалях, олимпиадах
7.
Публикации
8. Награды
Для
добавления следующей страницы необходимо щелкнуть мышкой по значку
(добавить станицу). В окне Свойства страницы необходимо выбрать тип
страницы Универсальная и ввести название страницы, например Личные
документы. Нажать кнопку Добавить. У вас появиться страница вашего
портфолио Личные документы, которую нужно заполнить.
У
вас появиться страница вашего портфолио Личные документы, которую нужно
заполнить. Заполнить страницу можно с помощью гиперссылок (все ваши документы
должны быть отсканированы). Необходимо выполнить действия:
1. Добавим
надпись Удостоверение личности на странице.
2. Выделим полностью эту
надпись.
3. Щелкнем
по кнопке Ссылка на панели управления.
4.
Появится окно Создание
ссылок.
5. Выберем
пункт Ссылка на локальный файл.
6. И
щелкнем по кнопке Выбрать файл.
7. Появится
окно проводника, в котором необходимо указать путь к нужному документу.
8. Выберем
нужный нам документ и щелкнем кнопку Открыть.
9.
Мы вернулись в окно Создание
ссылок, в котором теперь указана ссылка на размещение файла.
10. Щелкнем по кнопке ОК.
Ссылка на файл вашего
документа готова. Для того чтобы просмотреть работает ли ваша ссылка, необходимо
провести конвертацию. Для этого нажмите на кнопку -Конвертировать в HTML
и просмотреть.
После этого у вас
откроется ваш проект в одном из браузеров установленных на вашем компьютере (Opera, Mozila
или др). При этом нет необходимости подключения к интернету!!! Гиперссылки не
работают, если вы не конвертировали документ в HTML!!!
Добавьте на страницу Личные
документы вторую надпись, например: Диплом об образовании.
Таким
же способом нужно добавить ссылку на документ об образовании. С помощью кнопки добавьте
еще страницы (открытые уроки и мероприятия, выступления и т.д.). Если
какую то страницу вы решили удалить, воспользуйтесь кнопкой .
При
необходимости можно ставить ссылки на страницы внутри проекта, для этого
выберите из выпадающего меню нужную вам страницу.
После того как вы добавили в портфолио несколько страниц, вам необходимо их
заполнить. Добавьте название ваших уроков, выступлений и к каждому пункту
сделайте ссылку.
В портфолио
можно добавить фотографии с уроков и выступлений. Для этого выполняем действия:
1. Выберем
Добавить страницу.
2. В
окне Свойства страницы выберем тип страницы Фотоальбом.
3. Можно
поменять название страницы, дать имя фотоальбому.
4. Укажите
Количество фотографий в ряд (2 или 3).
5. Нажмите
кнопку Добавить.
Добавим
первую фотографию, для этого щелкнем левой клавишей мышки по полю, где она
будет размещена. Появится окно Изменение блока изображения. Выберем Добавить/Изменить
изображение (выбрано по умолчанию) и щелкнем по кнопке ОК.
Появится окно проводника, где вам
необходимо указать путь к необходимому вам изображению. Выберем изображение и
щелкнем по кнопке Открыть. Щелкнем по кнопке ОК. Первая
фотография вставилась в фотоальбом. Добавим подпись под изображением. Подпись
под изображением можно редактировать как обычный текст (изменять шрифт, цвет,
размер, выравнивание и т.д.). Аналогичным образом заполним ряд до конца.
Ряд закончен, как теперь продолжить
добавление фотографий? Для этого нужно поработать с кнопкой - Добавить
блок. Щелкнем по кнопке. Новый блок добавился на следующей строке страницы.
Таким образом, мы можем добавить нужное нам количество блоков.
Если вы хотите удалить ненужный вам блок,
поставьте курсор в текстовое поле этого блока. И щелкните по кнопке Удалить
блок.
Появится окно «Удаление блока». Щелкнем по
кнопке «ОК». Блок удален. Как удалить изображение из блока или заменить его? Щелкнем
мышкой по любому изображению фотоальбома. Появится знакомое нам окно «Изменение
блока изображения». Здесь вы можете выбрать другое изображение или удалить
текущее.
Таким образом, программа «Конструктор сайтов»,
позволяет нам создать свое портфолио, используя уже готовые шаблоны. Всю
информацию о программе можно найти на сайте http://tutorial.edusite.ru/
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.