Показаны сообщения с ярлыком Сайт. Показать все сообщения
Показаны сообщения с ярлыком Сайт. Показать все сообщения

суббота, 9 января 2016 г.

Свой сайт: Навигационное меню.

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

Меню навигации состоит из нескольких элементов, например логотип и список разделов. Важно определиться какие их них будут присутствовать и в каком виде.

Размещение логотипа:
Логотип размещается в левом верхнем углу и является одновременно и наименованием сайта.
Логотип занимает отдельную строку.

Контакты для связи:
Контакты для связи размещены в правом верхнем углу и включают в себя телефон и адрес электронной почты.

Тип меню:
Верхнее горизонтальное статичное меню, элементы которого прижаты к левому краю.

Выбранные цвета для меню:
Фон: #fffff
Цвет шрифта: #000000
Цвет активного шрифта: #777777
Цвет выделения активного элемента меню: #e7e7e7
Цвет элемента меню под мышкой: #e7e7e7
Цвет границы меню: #e7e7e7

Посмотреть как будет выглядеть меню в выбранных цветах можно на любом из множества ресурсов для генерации меню для bootstrap. Я для этих целей воспользовался ресурсом Bootstrap Design Tools.
  1. Описание направленности, типов содержимого и назначения ресурса 
  2. Обоснование выбора решений для организации инфраструктуры. 
  3. Оформление. Логотип
  4. Оформление. Навигационное меню
  5. Оформление. Слайдер главной страницы
  6. Оформление. Основная часть главной страницы.
  7. Оформление. Подвал.
  8. Оформление. Страница блога со списком статей.
  9. Оформление. Страница статьи.
  10. Оформление. Страница контактов.

Свой сайт: Обоснование ваыбора решений для организации инфраструктуры

На первый взгляд для создания своего сайта нужно всего-навсего:
  1. зарегистрировать DNS имя, сиречь домен;
  2. оплатить площадку хостинга;
  3. определиться с тем какую CMS (система управления содержимым) использовать.
На второй взгляд список у меня не поменялся.

Первые два пункта мне удалось замечательно объединить, потому как большинство хостингов "дарят" один домен при оплате хостинга сразу на год вперёд. Сразу оговорюсь, рассматриваю так называемый шаринг хостинг. Поскольку требований к наличию SSL сертификата пока не предъявляю, и проект не будет настолько популярным, что количество посетителей сказалось на производительности. Остаётся опасность быть забаненным Роскомнадзором за компанию с каким-то зловредным сайтом, но на это и нужна техподдержка для оперативного переноса ресурсов на другой IP. Тем более, что переехать на выделенный виртуальный сервер в будущем вообще ничего не мешает.

Выбор же самого хостинга это к вопросу о вкусах. Есть объективные критерии - версии софта, отсутствие лагов, длительность времени работы на рынке; а есть и субьективные - тарифная политика, удобство консоли, отзывы и т.п. Естественно, при выборе хостинг-провайдера  лучше ориентироваться на объективные критерии. Так проще. Кстати цена может сильно варьироваться для одного и того-же набора услуг.Я остановился на jino.ru. Ни разу не пожалел, между прочим. Плачу 126 рублей в месяц за свой gelonet.ru. Главное не подписаться на лишние услуги, для этого у них есть очень удобная панель. Так же опускаю подробности. Стандартного базового набора услуг хватает для запуска,а там уже надо смотреть дальше.

CMS - как много в этих звуках. По статистическим данным которые я намедни читал, больше половины сайтов создают на базе Wordpress. Эта блогоплатформа уже эволюционировала в универсального монстра, который может всё. Если настроить правильно. А я вот не горю желанием сравнивать сотни однотипных плагинов для выбора ЕГО единственно подходящего. Вот отсюда-то и пошёл перечень требований к CMS. Да-да, хоть что-то кроме воды в этой статье таки будет.

Перво-наперво, сразу сообщу результат процесса моего выбора - ModX. Теперь особо нетерпеливые могу переходить к следующему пункту или статье, а тем кто заинтересовался почему был сделан такой выбор я постараюсь это объяснить.

Что же должна уметь CMS чтобы быть удобной (естественно, по моему скромному мнению)?  
  1. Не должна навязывать шаблон отображения. У пользователя должен быть полный доступ к изменению визуализации страниц сайта;
  2. Должен быть магазин модулей, чтобы в пару кликова можно было добавить нужный функционал;
  3. Возможность изменения кода страниц непосредственно из самой CMS, чтобы вносить изменения из любого места с интернетом;
  4. Разграничение доступа пользователей к контенту и настройкам CMS, чтобы можно было подключить к заполнению сайт кого-то ещё не не бояться что весь контент может быть утерян;
  5. Иметь графический установщик, чтобы быстро всё перенастроить не возиться недель до того как первый Hello World появится на странице;
  6. Иметь достаточно крупное сообщество создающие модули, ну не самому же всё писать этол совсем растянет разработку сайта;
  7. Иметь высокую оценку профессионалов, чтобы не попасть впросак в дальнейшем;
  8. Нравиться мне, чтобы я её выбрал;
  9. Быть хорошо документированной, чтобы можно было самостоятельно разобраться в её работе;
  10. Иметь низкий порог вхождения, чтобы не пришлось учить дополнительные инструменты.
Это основные вопросы которые возникают при попытке использовать любую CMS. Повторюсь, что всем этим хотелкам с моей стороны отлично подошла ModX. Особенно по последнему пункту, для работы с ней не нужно изучать тонны документации всё очень-очень интуитивно понятно, хотя пару видео на YouTube я всё-таки посмотрел, конечно.

  1. Описание направленности, типов содержимого и назначения ресурса 
  2. Обоснование выбора решений для организации инфраструктуры. 
  3. Оформление. Логотип
  4. Оформление. Навигационное меню
  5. Оформление. Слайдер главной страницы
  6. Оформление. Основная часть главной страницы.
  7. Оформление. Подвал.
  8. Оформление. Страница блога со списком статей.
  9. Оформление. Страница статьи.
  10. Оформление. Страница контактов.

четверг, 7 января 2016 г.

Свой сайт: Описание направленности, типов содержимого и назначения ресурса

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

Сайт мне нужен для продвижения предоставляемых мною услуг. Услуги предоставляются населению и организациям.

На сайте будет главная страница с перечнем ссылок на основные услуги. Отдельно продающие страницы по направлениям. Блог - Новости. Страница контактов. Так же отдельная страница со статьями. Основным предложением с моей стороны будет подключением к домовой сети Gelonet.ru, поэтому будет выделен отдельных раздел с информацией, тарифами, способом подключения и условиями. Итого, получается 5 разделов. Многовато, и видимо всё-таки не удалось наступить на горло своей песне о максимальной унификации, но пока пусть будет так.

Типы содержимого. Не все страницы будут свёрстаны одинаково, и содержать однотипную информацию. Сразу можно выделить Главную, Контакты и Блог. Для них потребуется отдельная компоновка элементов, решения для оформления.

Основная миссия разрабатываемого ресурса - Представление меня как специалиста на рынке услуг по обслуживанию ПЭВМ. В связи с этим сайт должен описывать истории успеха в решении пользовательских проблем. И создавать впечатление соответствующее слогшану "Решаю любые проблемы с компьютерами".

Ай-ай-ай.. всё не так. Сайт-то для продвижения локальной сети. Абзацем ранее даже отдельный раздел выделили для этого! А теперь про продвижение услуг говорим? Это неправильно!

Неправильно это было бы если бы локальная сеть приносила деньги, а так как это исключительно некоммерческий проект, то нужны средства на которые она будет строиться. Так что идея остаётся такой же как была.

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

Далее, буду определяться с выбором инфраструктуры для реализации проекта.
  1. Описание направленности, типов содержимого и назначения ресурса 
  2. Обоснование выбора решений для организации инфраструктуры. 
  3. Оформление. Логотип
  4. Оформление. Навигационное меню
  5. Оформление. Слайдер главной страницы
  6. Оформление. Основная часть главной страницы.
  7. Оформление. Подвал.
  8. Оформление. Страница блога со списком статей.
  9. Оформление. Страница статьи.
  10. Оформление. Страница контактов.



среда, 6 января 2016 г.

Свой сайт.

Сегодня мало кто может поспорить, что сайт в Интернете является главным инструментом продвижения товаров и услуг для малого бизнеса. Особенно, если требуется приводить подкрепленные фактами аргументы. Поэтому, естественно, что первое о чем подумал я встав на ниву предпринимательства - создание собственного сайта. Благо сейчас для этого не нужно обладать никакими познаниями в вёрстке и администрировании серверов, достаточно зарегистрировать блог на одном из сотен сайтов на подобие blogger.com. И можно начинать создавать то, чем должен быть наполнен хороший сайт, а именно уникальным, неповторимым содержимым.

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

Так что, на мой взгляд, сайт будет более эффективнее для продаж.

К чему я это? Задумал создать свой сайт. Придумал доменное имя, купил хостинг, освоил  основы приглянувшейся системы управления содержимым, стряхнул пыль со своих знаний HTML и CSS, подивился на bootstrap. И дело встало.

Прямое использование шаблонов из коробки выливается в бесконечное допиливание до вида "хочу вот так, но чуть-чуть другой". Отсутствие навыков вёрстки в современных условиях приводи к плачевному результату "колхозного" дизайна. И нет никакого представления когда можно будет давать ссылки на сайт.

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

План действий следующий:
  1. Описание направленности, типов содержимого и назначения ресурса 
  2. Обоснование выбора решений для организации инфраструктуры. 
  3. Оформление. Логотип
  4. Оформление. Навигационное меню
  5. Оформление. Слайдер главной страницы
  6. Оформление. Основная часть главной страницы.
  7. Оформление. Подвал.
  8. Оформление. Страница блога со списком статей.
  9. Оформление. Страница статьи.
  10. Оформление. Страница контактов.