Разработка структуры сайта

Для сайта профсоюзной организации была выбрана структура «Паутина». Согласно этой структуре переход осуществляется с главной страницы на любую первую страницу раздела сайта, с любой страницы возможен переход на главную страницу или первую страницу другого раздела.

По требованию заказчика включены следующие разделы: Главная, Новости, О нас, Документация, Обратная связь; подразделы: Результаты обращения, Мероприятия, Бланки, Форум. Структура сайта приведена в Приложении А.

Создание макета сайта

Создание сайта профсоюзной организации проводилось на хостинге конструктора сайтов Jimdo.com, который предоставляет уже установленную CMS для пользователей. Создание происходит поэтапно.

1 этап Регистрация на сайте Jimdo.com.

Ввести адрес http://jimdo.com/. откроется стартовая страница конструктора сайтов.

• 1. В строке «Имя сайта» открывшегося окна ввести адрес с префиксом jimdo.com: souzbgc.jimdo.com.
• 2. В строке «Твой E-MAIL адрес» ввести адрес электронной почты для подтверждения регистрации и получения новостных сообщений с jimdo.com: Этот адрес e-mail защищен от спам-ботов. Чтобы увидеть его, у Вас должен быть включен Java-Script

Ввести пароль для защиты входа на сайт с правами администратора: abob9897762bo.

Рис. 2.2.

Этап выбор готового шаблона

После регистрации пользователя конструктор предлагает воспользоваться готовыми шаблонами.

Был выбран шаблон «F4216» (рисунок 2.3).

Выбрать шаблон «F4216» (Рисунок 2.2).

Рисунок 2.3. Шаблон F4216.

Этап Выбор версии конструктора Далее предлагается либо оплатить дополнительные функции создаваемого сайта — функции JimdoPro и JimdoBuisness, либо пользоваться бесплатно усеченными возможностями — JimdoFree. Была выбрана категория «JimdoFree», так как на бесплатной платформе имеется все что нужно для разрабатываемого сайта (рисунок 2.3).

• — Разнообразные шаблоны;
• — Быстрая техническая поддержка;
• — Трафик 500 Мбайт;
• — Оптимизация для поисковых машин;
• — Карта сайта XML;
• — Защита паролем;
• — Возможность создания собственного шаблона;
• — Загрузка файлов;
• — Flash;
• — Вставка различных виджетов.

Рис. 2.4.

После выбора версии открывается макет сайта с меню администратора, включающего пункты:

• — Шаблон;
• — Стиль;
• — Блог;
• — Обновить версию;
• — Настройки;
• — SEO — оптимизация;
• — Магазин;
• — Статистика;
• — Помощь.

Редактирование шаблона сайта Выбор и добавление фона Фон для сайта должен удовлетворять следующим требованиям:

• — Обладать деловым стилем;
• — Быть комфортным для восприятия.

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

Рисунок 2.5. Фон сайта.

Для добавления изображения на сайт в качестве фона необходимо на панели управления выбрать «Стиль», затем выбрать «Собственный фон» установить параметр «Одиночное изображение», нажать левой кнопкой мыши на опцию «Загрузить с компьютера», указать полное имя файла через проводник Windows (рисунок 2.6).