Курс создание сайта на Jimdo рассчитан на новичков, которые только начинают знакомство с бесплатным конструктором сайтов Jimdo.

1. Создание сайтов с Jimdo
Учебный курс по созданию профессионального
сайта в конструкторе сайтов Jimdo

2. Почему Jimdo?
 Легко и просто → CMS проста в управлении, есть подсказки, работает тех. помощь
 Проффесионально и индивидуально → много настраиваемых шаблонов
 Без программирования → для создания сайта не нужны знания HTML и CSS
 Сразу же в интернете → все изменения видны сразу же в интернете, изменять сайт можно из
любого места, где есть выход в сеть
 Доступно всем!
www.jimdo.ru 2

3. Содержание
1.Создание сайта 4.4 Панель управления сайтом
2. Данные доступа 4.5 Просмотр изменений
3. Вход на сайт 5. Дизайн сайта
4. Система управления сайтом
5.1 Выбор шаблона
4.1 Навигационное меню
5.2 Изменение стиля
4.2 Шапка сайта
5.3 Основы дизайна
4.3 Область контента
5.3.1 Основы дизайна. Выбор
4.3.1 Перемещение элементов шрифтов
4.3.2 Подключение доп. элементов
5.3.2 Основы дизайна. Навигация
4.3.3 Сторонние виджеты на сайте
6. Полезные элементы на сайте
7. Если возникли трудности
www.jimdo.ru 3

4. 1.Создание сайта
Бесплатная регистрация на www.jimdo.ru
www.jimdo.ru 4

5. 2. Данные доступа
Проверьте Email, на
него должно придти
письмо с данными
доступа и советами
как начать работу с
сайтом!
www.jimdo.ru 5

6. 3. Вход на сайт
1. Введите название
сайта в браузере
2. Нажмите на ссылку
„Вход“
3. Введите пароль,
который был указан
в Email
www.jimdo.ru 6

7. 4. Система управления сайтом
1. Редактирование
навигации
2. Изменение шапки
сайта
3. Область контента
4. Панель управления
сайтом
www.jimdo.ru 7

8. 4.1 Навигационное меню
www.jimdo.ru 8

9. 4.2 Шапка сайта

Шапка сайта – это то, что выделит
ваш сайт среди других

Если вы хотите загрузить в нее свою
картинку, то подумайте о том, чтобы
она выражала суть вашего сайта

Можно выбрать картинку из галереи
картинок Jimdo, или загрузить свою

Если выбрать первый рисунок из
галереи картинок – то шапка станет
прозрачной, т.е. на ее месте будет
фон сайта

Здесь же можно написать свой текст,
загрузить свой логотип с постоянной
ссылкой на стартовую страницу
(только для платных версий),
изменить высоту шапки
www.jimdo.ru 9

10. 4.3 Область контента
1. Наведите мышку над
областью контента –
появится меню
управления элементами
контента
2. Нажмите на +, чтобы
добавить новый
элемент из списка
3. Найдите нужный вам
элемент в списке
элеменов и нажмите на
него
4. Чтобы удалить элемент
– нажмите на мусорное
ведерко
www.jimdo.ru 10

11. 4.3.1 Перемещение элементов
1. Стрелками
вверх-вниз
можно
перемещать
элементы на
одной
странице
2. Можно
поместить
элемент в
буфер...
3. ...и перенести
его на другую
страницу
www.jimdo.ru 11

12. 4.3.2 Подключение доп. элементов
Нажав на ссылку
„Дополнительные
элементы“ можно
открыть панель
настроек и
вкл./выкл.
использование
дополнительных
элементов на своем
сайте
(проигрывание
флеш-роликов,
подключение к соц.
сетям и т.д.)
www.jimdo.ru 12

13. 4.3.3 Сторонние виджеты на сайте
Элемент „Widget/HTML“
позволяет расширить
функционал Jimdo и
украсить сайт сторонними
виджетами: счетчиками,
баннерами, контактными
формами и т.д.
www.jimdo.ru 13

14. 4.4 Панель управления сайтом
www.jimdo.ru 14

15. 4.5 Просмотр изменений
1. Чтобы увидеть как выглядит сайт в интернете – нажмите на ссылку „Вид“,
которая расположена внизу сайта.
2. Чтобы перейти обратно, в режим редактирования сайта, нажмите на ссылку
„Изменить“
Если вы случайно вышли из
режима редактирования сайта
– нажмите на ссылку „Вход“.
Если вы забыли ваш пароль, то
его можно попросить прислать
на ваш Email.
www.jimdo.ru 15

16. 5. Дизайн сайта
Стильный, профессиональный сайт
вызывает доверие посетителей сайта
Успех вашего бизнеса
www.jimdo.ru 16

17. 5.1 Выбор шаблона
www.jimdo.ru 17

18. 5.2 Изменение стиля
Внимание: для различных
шаблонов кол-во возможных
настроек стиля так же
различно!
www.jimdo.ru 18

19. 5.3 Основы дизайна

Шаблон сайта должен соотвествовать его
содержимому. Личный сайт может быть ярким и
веселым, в то время как сайты фирмы, должны
вызывать, в первую очередь, доверие потенциальных
клиентов и выглядеть профессионально.

Цвета могут оказывать различное влияние на
настроение и эмоции посетителей сайта. Поэтому
хорошенько подумайте, какие цвета и какой фон
должны быть у вашего сайта. Они должны оптимально
подходить к теме сайта. Например, сайт спортсмена
может быть более ярким, чем сайт врача.
www.jimdo.ru 19

20. 5.3.1 Основы дизайна. Выбор шрифтов

Сделайте цвет "Заголовка 1" подходящим к цвету фона
сайта, а "Заголовок 2" оставьте серым или черным

Цвет ссылок сделайте подходящими к цвету фона сайта, и
отличающимся от цвета основного текста.

Размер текста не делайте большим. Вполне достаточно
размера 11 px, для того, чтобы посетитель мог прочитать
содержимое сайта.

Думайте о читаемости текстов! Сочетание различных
шрифтов и цветов отвлекает посетителей сайта от сути
самого текста. Элегантность - внушает больше доверия!
www.jimdo.ru 20

21. 5.3.2 Основы дизайна. Навигация

В меню верхнего уровня не
должно быть больше чем 7
пунктов.

"Обычный" посетитель сайта не
может воспринимать большее
количество пунктов. Т.о.
располагайте на верхнем уровне
только самые важные страницы.

Не допускайте в горизонтальном
меню перехода на вторую
строчку. Здесь так же действует
Примеры создания сайтов с классным
дизайном: ru.jimdo.com/классный-дизайн/ правило - "чем меньше - тем
лучше!"
www.jimdo.ru 21

22. 6. Полезные элементы на сайте
Для контактных
данных фирмы
www.jimdo.ru 22

23. 6. Полезные элементы на сайте
Для изображений
и текстов
www.jimdo.ru 23

24. 6. Полезные элементы на сайте
Для социальных сетей
www.jimdo.ru 24

25. 7. Если возникли трудности
На Jimdo-сайте, из
панели управления
На www.jimdo.ru/помощь
а так же, в сообществе
пользователей Jimdo на
jimdo.copiny.com
www.jimdo.ru 25

26. Спасибо за внимание!
На следующих семинарах мы рассмотрим:

Создание интернет-магазина

Продвижение сайта в поисковых системах
www.jimdo.ru 26