Создание сайтов с Jimdo

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

2www.jimdo.ru

Почему Jimdo?

Легко и просто → CMS проста в управлении, есть подсказки, работает тех. помощь

Проффесионально и индивидуально → много настраиваемых шаблонов

Без программирования → для создания сайта не нужны знания HTML и CSS

Сразу же в интернете → все изменения видны сразу же в интернете, изменять сайт можно из любого места, где есть выход в сеть

Доступно всем!

3www.jimdo.ru

Содержание1.Создание сайта

2. Данные доступа

3. Вход на сайт

4. Система управления сайтом

4.1 Навигационное меню

4.2 Шапка сайта

4.3 Область контента

4.3.1 Перемещение элементов

4.3.2 Подключение доп. элементов

4.3.3 Сторонние виджеты на сайте

4.4 Панель управления сайтом

4.5 Просмотр изменений

5. Дизайн сайта

5.1 Выбор шаблона

5.2 Изменение стиля

5.3 Основы дизайна

5.3.1 Основы дизайна. Выбор шрифтов

5.3.2 Основы дизайна. Навигация

6. Полезные элементы на сайте

7. Если возникли трудности

4www.jimdo.ru

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

5www.jimdo.ru

2. Данные доступа

Проверьте Email, на него должно придти письмо с данными доступа и советами как начать работу с сайтом!

6www.jimdo.ru

3. Вход на сайт

1. Введите название сайта в браузере

2. Нажмите на ссылку „Вход“

3. Введите пароль, который был указан в Email

7www.jimdo.ru

4. Система управления сайтом

1. Редактирование навигации

2. Изменение шапки сайта

3. Область контента

4. Панель управления сайтом

8www.jimdo.ru

4.1 Навигационное меню

9www.jimdo.ru

4.2 Шапка сайта Шапка сайта – это то, что выделит

ваш сайт среди других

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

Можно выбрать картинку из галереи картинок Jimdo, или загрузить свою

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

Здесь же можно написать свой текст, загрузить свой логотип с постоянной ссылкой на стартовую страницу (только для платных версий), изменить высоту шапки

10www.jimdo.ru

4.3 Область контента1. Наведите мышку над

областью контента – появится меню управления элементами контента

2. Нажмите на +, чтобы добавить новый элемент из списка

3. Найдите нужный вам элемент в списке элеменов и нажмите на него

4. Чтобы удалить элемент – нажмите на мусорное ведерко

11www.jimdo.ru

4.3.1 Перемещение элементов1. Стрелками

вверх-вниз можно перемещать элементы на одной странице

2. Можно поместить элемент в буфер...

3. ...и перенести его на другую страницу

12www.jimdo.ru

4.3.2 Подключение доп. элементов Нажав на ссылку

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

13www.jimdo.ru

4.3.3 Сторонние виджеты на сайте

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

14www.jimdo.ru

4.4 Панель управления сайтом

15www.jimdo.ru

4.5 Просмотр изменений

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

Если вы случайно вышли из режима редактирования сайта – нажмите на ссылку „Вход“. Если вы забыли ваш пароль, то его можно попросить прислать на ваш Email.

1. Чтобы увидеть как выглядит сайт в интернете – нажмите на ссылку „Вид“, которая расположена внизу сайта.

16www.jimdo.ru

5. Дизайн сайта

Стильный, профессиональный сайт

вызывает доверие посетителей сайта

Успех вашего бизнеса

17www.jimdo.ru

5.1 Выбор шаблона

18www.jimdo.ru

5.2 Изменение стиля

Внимание: для различных шаблонов кол-во возможных настроек стиля так же различно!

19www.jimdo.ru

5.3 Основы дизайна Шаблон сайта должен соотвествовать его

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

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

20www.jimdo.ru

5.3.1 Основы дизайна. Выбор шрифтов Сделайте цвет "Заголовка 1" подходящим к цвету фона

сайта, а "Заголовок 2" оставьте серым или черным

Цвет ссылок сделайте подходящими к цвету фона сайта, и отличающимся от цвета основного текста.

Размер текста не делайте большим. Вполне достаточно размера 11 px, для того, чтобы посетитель мог прочитать содержимое сайта.

Думайте о читаемости текстов! Сочетание различных шрифтов и цветов отвлекает посетителей сайта от сути самого текста. Элегантность - внушает больше доверия!

21www.jimdo.ru

5.3.2 Основы дизайна. Навигация

В меню верхнего уровня не должно быть больше чем 7 пунктов.

"Обычный" посетитель сайта не может воспринимать большее количество пунктов. Т.о. располагайте на верхнем уровне только самые важные страницы.

Не допускайте в горизонтальном меню перехода на вторую строчку. Здесь так же действует правило - "чем меньше - тем лучше!"

Примеры создания сайтов с классным дизайном: ru.jimdo.com/классный-дизайн/

22www.jimdo.ru

6. Полезные элементы на сайте

Для контактных данных фирмы

23www.jimdo.ru

6. Полезные элементы на сайте

Для изображений и текстов

24www.jimdo.ru

6. Полезные элементы на сайте

Для социальных сетей

25www.jimdo.ru

7. Если возникли трудностиНа Jimdo-сайте, из панели управления

На www.jimdo.ru/помощь а так же, в сообществе пользователей Jimdo на jimdo.copiny.com

26www.jimdo.ru

Спасибо за внимание!

На следующих семинарах мы рассмотрим: Создание интернет-магазина Продвижение сайта в поисковых системах