Выбор программного средства для разработки

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

Основным достоинством веб-сайта является его практичность. Система предоставляет большие возможности для эффективного и быстрого создания новых сайтов.

uCoz — это функциональный конструктор сайтов, который по большинству параметров не уступает самым мощным CMS.

Система имеет огромное количество бесплатных шаблонов, в том числе и адаптивных. Также в наличии имеется магазин премиум-шаблонов, где можно за 10-30$ получить очень качественный дизайн. Конструктор содержит продвинутую систему редактирования дизайна, где можно править код как вам угодно.

Здесь есть статистика, мощный SEO-модуль, почтовые рассылки, приём платежей для магазинов и многое другое. Уже на тарифе «Оптимальный» пользователь получает бесплатный домен, премиум шаблон и баллы на рекламу в AdSense. Даже на бесплатном тарифе возможно прикрепить свой домен 2 уровня (такого больше нет нигде), создавать неограниченное количество страниц и пользоваться львиной долей функциональности. Единственным существенным ограничением в таком случае станет рекламный баннер в углу, но для некоммерческих организаций его уберут бесплатно, стоит лишь написать запрос в техподдержку.

Особенности uCoz:

- универсальность — можно создать сайт любого типа (магазин, форум, лэндинг, блог, портал, визитку);

- мощь — здесь есть все мыслимые инструменты для создания и продвижения сайта;

- отличная техподдержка и обширное сообщество на официальном форуме;

- большое количество шаблонов, которые регулярно обновляются;

- модульность системы — можно с самого начала выбрать, какие компоненты будете использовать (форум, блог, магазин, видео, галерея, голосования и прочее);

- простая интеграция с социальными сетями;

- в первые часы после регистрации пользователь получает 50% скидку на оплату любого из тарифов;

- возможность настройки рекламных баннеров, ЧПУ и SMS-уведомлений.

В целом, uCoz ориентирован на более-менее продвинутых пользователей. Он в меру сложен и очень функционален.

 

Разработка интерфейса

Сайт должен быть:

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

- быстрым – важная и актуальная для пользователя информация должна лежать «на поверхности», в пределах одного-двух кликов (но «вываливание» на пользователя всего и сразу даёт обратный эффект);

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

- видимым – окно поиска, ссылки и различные модули должны быть хорошо видны, не сливаться с общим фоном и не прятаться за лишними панелями. Пользователь приходит на сайт за информацией, а не полюбоваться на дизайнерское решение;

- иметь простые имена – из названий разделов должно быть сразу понятно, что в них находится;

- просматриваемым – текстовая информация всегда должна быть разбита на блоки. Как правило, ее никто вдумчиво не читает, она быстро просматривается;

- не слишком громоздким – это также относится к текстовому контенту. Большие «простыни» текста обычно остаются без внимания.

Главными достоинствами современных веб-сайтов становятся:

§ структурное преподнесение информации,

- лаконичность,

- простота,

- разумная система акцентов.

Проектная часть

Логическая структура сайта

Каждый ресурс Интернета, от любительской домашней странички до большого информационного портала, содержит несколько тематических рубрик, соединенных между собой гиперсвязями. Как правило, ссылки на все разделы сайта с краткими анонсами их содержимого приводится на первой, так называемой стартовой странице, которой присваивается имя index.htm (.html). Если тематические рубрики содержат собственные подразделы, каждая из них также имеет свою стартовую страницу, называющуюся index.html. Подобный набор тематических рубрик с распределенными по соответствующим разделам документами и заранее спроектированными гиперсвязями между всеми страницами ресурса и называется логической структурой сайта. Физическая структура, напротив, подразумевает алгоритм размещения физических файлов по поддиректориям папки, в которой опубликован сайт (Рисунок 1).

 

Рисунок 1. Логическая структура сайта

 

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

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

 

Карта сайта

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

Это полный перечень разделов и/или всех страниц в иерархическом порядке.

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

Для похожих целей предназначен индекс сайта (алфавитный перечень страниц).

Это полный перечень разделов и/или всех страниц в иерархическом порядке.

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

Для похожих целей предназначен индекс сайта (алфавитный перечень страниц).

Ø МДК 02.01. ОАКС

· КТП

КТП 1 семестр

КТП 2 семестр

· Лекционный материал

Лекция 1 Организация доступа к сетям по беспроводному соединению

Лекция 2 Организация кэширующего прокси

Лекция 3 Сопровождение и контроль web сервера

Лекция 4 Иерархия proxy

Лекция 5 Определение роли сервера

Лекция 6 Сопровождение и контроль почтового сервера

Лекция 7 Проверка связи будущее протокола TCP

Лекция 8 Администрирование компьютерных сетей

Лекция 9 Назначения и функции сервера

Лекция 10 Использование протоколов IPSec

Лекция 11 Дополнительное ПО

Лекция 12 Логика работы маршрутизации

Лекция 13 Службы серверной ОС

Лекция 14 Настройка службы DNS

Лекция 15 Протоколы передачи информации

Лекция 16 Система удаленной аутентификации RADIUS

Лекция 17 Создание учетных записей пользователя

Лекция 18 Настройка статической и динамической маршрутизации

· Лабораторный практикум

Лабораторная работа 1 Установка сетевой ОС Windows и сетевого оборудования

Лабораторная работа 2 Установка сетевой OC Linux

Лабораторная работа 3 Установка и настройка периферийного сетевого оборудования

Лабораторная работа 4 Учетные политики сетевой ОС

Лабораторная работа 5 Установка домена

Лабораторная работа 6 Удаленное управление сервером Windows Server 2012

Лабораторная работа 7 Конфигурирование DHCP сервера и управление

Лабораторная работа 8 Установка и конфигурирование DNS

Лабораторная работа 9 Настройка DNS сервера

Лабораторная работа 10 Конфигурирование информационной системы домена

Лабораторная работа 11 Настройки параметров групповой политики домена

Лабораторная работа 12 Настройка протоколов безопасной передачи информации

Лабораторная работа 13 Настройка статической и динамической маршрутизации

Лабораторная работа 14 Настройка параметров Wi-fi

Лабораторная работа 15 Организация кэширующего прокси

Лабораторная работа 16 Настройка прозрачного прокси

Лабораторная работа 17 Настройка брандмауэра для доступа к локальным и глобальным сетям

Лабораторная работа 18 Настройка системы трансляции сетевых адресов

Лабораторная работа 19 Диагностика и обслуживание web сервера

Лабораторная работа 20 Диагностика и обслуживания почтового сервера

Лабораторная работа 21 Диагностика и обслуживания SQL сервер

Лабораторная работа 22 Резервное копирование и восстановление базы данных

Ø МДК 02.02 ПОКС

· КТП

КТП 1 семестр

КТП 2 семестр

· Лекционный материал

Лекция 1 Технология построение web серверов. технология клиент-сервер

Лекция 2 Выбор ПО для web-сервера

Лекция 3 Типы серверов приложений

Лекция 4 Служебные команды расширенных языков для представления информации в WWW

Лекция 5 Современные редакторы для Web- дизайна

Лекция 6 Структура команды расширенных языков для представлении информации гипертекста

Лекция 7 Клиентские приложения, серверы баз данных

Лекция 8 Программы антивирусы

Лекция 9 Программы шифрования и электронной цифровой подписи

Лекция 10 Программное обеспечение для работы с интернетом и сетью

Лекция 11 Электронная почта. Почтовые службы

Лекция 12 Утилиты анализа работоспособности сети

Лекция 13 Компоненты Microsoft SQL Server 2008

Лекция 14 SQL Server

· Лабораторный практикум

Лабораторная работа 1 Установка и настройка Web- сервера

Лабораторная работа 2 Конфигурирование web-сервера

Лабораторная работа 3 Увеличение производительности web-сервера

Лабораторная работа 4 Создание сайтов в программе Microsoft Office SharePoint

Лабораторная работа 5 Переназначение адреса

Лабораторная работа 6 Создание динамических Web-страниц

Лабораторная работы 7 1C Предприятие

Лабораторная работа 8 Установка и настройка антивирусов

Лабораторная работа 9 программа шифрования

Лабораторная работа 10 Установка и настройка почтовых служб

Лабораторная работа 11 Утилиты сервера

Лабораторная работа 12 Установка SQL сервера

Лабораторная работа 13 Установка брандмауера

Ø КОС

Ø Тесты

Макеты страниц

Сайт состоит из множества блоков, которые мы можем перемещать в нужное нам положение (Рисунок 2), каждому из них присвоена своя функция:

· Шапка сайта (Header) – это верхняя часть сайта. Как правило, содержит в себе основную картинку (рисунок), растянутый во всю ширину, а так же может содержать логотип сайта, название (имя) сайта, или другую информацию, которую пользователь увидит в первую очередь после загрузки страницы. По умолчанию, шапка сайта в uCoz размещена в глобальном блоке и легко поддается редактированию.

· Тело сайта - здесь располагается вся жизненно необходимая информация сайта. На этой, основной части сайта, в отличие от шапки сайты, можно разместить «не почти все», а все.

· Подвал сайта - находится в самом низу сайта, после основной контентной части сайта. Размещают туда, как правило, различные счетчики посещаемости (пузомерки), информация о правах использования контента размещенного на данном сайте.

· Блок – расположены в правой или/и левой части сайта, мы можем добавлять множество любых блоков, в нашем случае мы добавили на сайт, такие блоки как: меню, категории раздела, поиск по сайту, календарь, архив записей, наш опрос, статистика.

Рисунок 2. Макет страницы

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

Основой для разработки дизайн-макета сайта являются предоставленные материалы: логотип, слоган, фирменные (или предпочтительные) цвета, графические элементы, фотографии и другие элементы дизайна, а также заполненная клиентом анкета.