..:: Бизнес новости ::..

Карта сайта


Интернет-магазин

Для тех, кто собирается открывать интернет-магазин, ссылки на ресурсы в этом обзоре могут оказаться весьма полезными.
Варианты для создания (открытия) магазина:

  1. Писать код (программить) самому.
  2. Заказать под ключ разработчикам в web-студии.
  3. Купить готовый продукт от известных компаний.
  4. Взять в аренду работающий интернет-магазин с полным функционалом.

1. Вариант первый хорош тем, что дизайн и функции магазина вы сможете делать для себя и своей продукции (товара). Для этого необходимо знать язык разметки страниц HTML, каскадные таблицы стилей CSS3 (это чтобы все красиво было, а не просто текст и фото), знание JavaScript, PHP, MySQL (система управления базами данных).
Если Вы все это знаете, зачем нужен интернет-магазин? Вы состоялись как программист и можете работать фрилансером или в web-студии и хорошо зарабатывать. Действительно, зачем все это знать для написания (создания) одного интернет-магазина.


2. Второй вариант - заказать у разработчиков. Прежде, чем соринку в глазу замечать у web-разработчиков, надо потрудиться над собой. Итак, хочу электронную коммерцию в целом, а интернет-магазин в частности! Прежде, чем обращаться к разработчикам, надо составить тех задание. Здесь мы не касаемся коммерческой направленности магазина. Надо четко определиться с функционалом своего ресурса.
Основные функции магазина:

  1. Возможность сортировки товаров по разным рубрикам и характеристикам.
  2. Желательно сделать отдельную страницу для каждого товара с описанием и фото.
  3. Сделать просмотр маленькой и большой фотографии для каждого товара. Еще лучше в профиль и анфас.
  4. Корзина покупок - отдельная кнопка и возможность отменить заказ.
  5. Автоматический подсчёт стоимости покупки, если выбрано несколько позиций.
  6. Регистрация и авторизация пользователей.
  7. Для постоянных покупателей ввести систему скидок - мелочь, а клиент всегда к вам вернется.
  8. Видео обзор от продавца-консультанта.
  9. Альтернативное предложение товара, если цена товара не устраивает посетителя.
  10. Добавление посетителями комментариев (отзывов) к вашим товарам + модерация комментариев, потому что встречаются такие несознательные граждане, которые пишут только нецензурно.
  11. Варианты оплаты заказа.

Это всего лишь 10-я часть требований к интернет-магазину. Момент определения технического задания вы должны четко уяснить и прописать. Клиент хочет магазин и обращается в web-студию. Хочу магазин, а разработчики сами должны знать, что делать. Отлично - составляется смета и кипит работа. Вы подготовили сумму согласно смете и ждете результата. Ура! Вы получили под ключ интернет-магазин и запустили.
И вдруг, вы заметили, что нет пересчета цены в другой валюте или другие нюансы. Начинаете требовать доработки от web-студии. Цена начинает удваиваться от первоначальной + нервозность, сроки выхода в интернет откладываются и т.д. Вы как клиент, считаете, что правы Вы, а эти разгильдяи из фирмы не смогли прочитать ваши мысли по глазам.
А может быть и наоборот - добавят сервисы, которые не нужны для магазина. Стоимость будет расти - а платить Вам. Практически во всех студиях есть раздел ПОРТФОЛИО, где уже есть реализованные проекты. Внимательно ознакомьтесь с готовыми проектами, пройдитесь по форумам и почитайте отзывы о работе фирмы-разработчика.
Для справки:
Стоимость интернет-магазина зависит от сложности дизайна, количества функций и технической (программной) реализации. Обычно на создание интернет-магазина требуется время от 2-3 недель до нескольких месяцев. Если время не ждет - обратите внимание на варианты 3 и 4.
Чтобы заказчик (клиент) мог представлять сложность и объем работы над интернет-магазином, представим группы разработчиков, которые будут работать над вашим проектом.
Это отдел дизайна (оформление страниц сайта), верстальщики (html код и наполнение содержанием страниц), отдел программирования, SEOшники (продвижение сайта), отдел тестирования (кстати, важный и обязательный этап создания профессионального web-сайта и может занимать много времени) и группа тех поддержки (если возникнут вопросы по настройкам или администрированию интернет-магазина).
Посетителей нашего сайта, имеющих опыт заказа интернет-магазина, просим оставлять свои отзывы. Подробные комментарии будут опубликованы в этой рубрике.



3. Купить готовый продукт от известных компаний.
На самом деле предлагается не покупка магазина под определенный товар, например телефонов или одежды, а программная оболочка CMS. CMS - это система управления содержимым. Вы заполняете магазин своим товаром, а CMS позволяет управлять ресурсом - это добавление контента (нового товара), редактирование, удаление информации и так далее.
Предлагаем список популярных 'коробочных' CMS (основные функции, описание и тестирование демо-версий на официальных сайтах):


интернет бизнес

«1С-Битрикс: Управление сайтом» - платформа для разработки интернет-магазина.
Настройка интернет-магазина и каталога:

  • запускаете дистрибутив (установочный диск) и следуете по пунктам Мастера установки;
  • указать одну из редакций продукта: «Малый бизнес» и «Бизнес»;
  • выберите вариант для установки - «Интернет-магазин»;
  • далее шаги настройки интернет-магазина (выбрать дизайн, настроить способы оплаты и доставки, заполнить контакты магазина);
  • замените образец контента своими данными на готовом сайте интернет-магазина;
  • создайте собственный каталог товаров.

Установка пройдет легко и непринужденно, а вот мануал (руководство) стоит изучить основательно.
Цена программного продукта «1С-Битрикс: Управление сайтом - малый бизнес» на официальном сайте около 6 700 гр. Из-за распространенности этой платформы имеется большое количество документации и форумов, что является большим плюсом. Самым большим плюсом, конечно, является расширенный функционал.
Про минусы Битрикса рассказать полноценно сможет только разработчик сайтов на этой платформе.
Ждем Ваших комментариев из личного опыта работы с Битрикс.

интернет бизнес

NetCat cистема позволяет разрабатывать веб-проекты абсолютно любого типа сложности.
Основу NetCat E-commerce составляет модуль Интернет-магазин, имеющий все функции работы с товарами и заказами, возможности учета скидок, условий доставки. Кроме этого, в редакцию e-Commerce включено 17-ть дополнительных полезных модулей для эффективности работы интернет-магазина. Доступна онлайн-демоверсия.
Система администрирования в NetCat разделена на две части: интерфейс пользователя и интерфейс разработчика. Для использования системы не требуется знание интернет-технологий, языков программирования и разметки. Интерфейс системы специально разработан таким образом, чтобы его смог освоить даже начинающий пользователь.
Отзывы пользователей - простота и легкость работы для конечного пользователя в сочетании с гибкой системой модулей и компонентов, хорошая техподдержка. Большинство пользователей поставили оценку цена/качество: 5.


интернет бизнес

UMI.CMS Вариант Commerce — идеальное решение для создания интернет-магазинов любого масштаба и крупных коммерческих порталов.
Устанавливается легко, дистрибутив распаковывается с помощью собственного инсталлятора.
Перечислим некоторые инструменты управления интернет-магазином:

  • «редактирование на месте» — без входа в административный интерфейс. Это позволяет управлять сайтом на самом сайте без использования административного интерфейса CMS. Есть демонстрационный ролик, где наглядно показано как происходит редактирование.
  • тулбар (панель инструментов) в браузере. Тулбар встраивается в браузер и позволяет администратору сайта на UMI.CMS получать моментальные оповещения о событиях, происходящих на сайте: новых заказах, новых зарегистрированных пользователях, постах и комментариях в блогах и др.
  • Корзина и восстановление удаленных страниц. Защита от случайного удаления - все удаленные страницы попадают в «мусорный контейнер» CMS, где можно выбрать либо восстановление страницы, либо ее окончательное удаление.
  • Drag&drop - взял и перетащил. Лёгким движением руки мыши любой элемент сайта можно «перетащить» в другое место корневого раздела или поместить внутрь одной из директорий.
  • Webnotes: функция быстрых комментариев - пользователь с необходимыми правами может оставить свой комментарий в любом месте любой страницы сайта.


интернет бизнес

Host CMS Система управления предназначена для разработки сайтов различной направленности — от небольших сайтов до интернет-магазинов и порталов. Есть деморежим, где можно ознакомиться с админ панелью, а также поработать с тестовым сайтом.
Так как отзывы пользователей о Host CMS двоякие - мы советуем зайти по ссылке на официальный сайт и запустить демо-версию.


интернет бизнес

Amiro Amiro.CMS «Бизнес» и «Минимаркет» — это готовый скрипт для интернет-магазина, который позволит довольно просто и легко создавать и поддерживать интернет-магазины практически любого уровня сложности. Есть полноценная демоверсия, а также возможность создать в режиме онлайн свой демосайт и протестировать его. Дополнительные модули для расширения функционала можно приобрести через Маркет на сайте разработчиков, есть модули и бесплатные.


интернет бизнес

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


интернет бизнес

ImageCMS - система управления сайтом и интернет-магазином. ImageCMS можно установить практически на любой платный хостинг с поддержкой PHP и баз данных. Версия Shop Professional для интернет-магазина стоит 299$
Краткое описание этого пакета:

  • Продуманный дизайн
  • Расширенные фильтры, свойства товаров
  • Инструменты для маркетинга
  • Поиск с автоподбором товаров
  • Продуманная система комментирования
  • Сравнение товаров
  • Полная SEO-оптимизация магазина
  • Управление заказами, пользователями
  • Автоподбор изображений к продуктам
  • Оптимизация под работу с нагрузками
  • Интеграции с платежными системами
  • Гибкий Excel импорт-экспорт
  • Автообновление
  • Бесплатная установка
  • Профессиональная поддержка


интернет бизнес

X-Cart - это решение для электронной коммерции с широкими возможностями для Вашего роста.
Магазин будет одинаково красив и удобен на больших экранах и на экранах телефонов благодаря адаптивной верстке. Без проблем отображается во всех популярных браузерах: IE, FireFox, Google Chrome, Opera, Safari, Opera-mini и др.
Основные функции:

  1. Быстрый доступ к просмотру содержимого корзины и к оформлению заказа на любой странице магазина.
  2. Упрощенная регистрация через социальные сети.
  3. Просмотр профилей покупателей и истории заказов, восстановление пароля.
  4. Оформление заказа без регистрации.
  5. Различные ценовые скидки для покупателей.


интернет бизнес

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

    Тариф: ежемесячный
  • бесплатный 10 товаров
  • 15 долларов 100 товаров
  • 35 долларов 2500 товаров
  • 99 долларов без лимита товаров
  • При оплате за год скидка.


интернет бизнес

ArwShop - это завершенное программное решение, которое готово к внедрению и использованию.
Кроме платных версий с полной функциональностью, на сайте выложена пробная бесплатная версия скрипта.
Используемые технологии: PHP, MySQL, JavaScript.
Система позволяет задать пользовательские настройки дизайна интерфейса. А через панель администрирования можно изменять значения различных параметров, например количество товаров, выводимых на каждой странице электронного магазина. Таким образом, достаточно заполнить каталог товаров, и интернет-магазин готов к работе.





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

  • экономия значительной суммы на разработку или покупку уже готового программного обеспечения;
  • не придется нанимать специалистов, которые бы настраивали и поддерживали ваш магазин;
  • отпадают проблемы с выбором хостинга, созданием дизайна и продвижением сайта (нет нужды раскручивать магазин "с нуля");
  • получаете работающий интернет-магазин с хорошей историей (с плохой историей или посещаемостью арендовать не стоит);
  • у Вас уже готовая целевая аудитория, которая привыкла ходить на этот сайт.


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

1. Предприниматель может попасть в полную зависимость от компании арендодателя.

Не больше, чем от разработчиков web-студии. Если необходимо что-то изменить на сайте (например, добавить новую функциональность, изменить алгоритм оформления заказов или подправить дизайн) - Вы зависите от студии, которая создавала интернет-магазин. И постоянно будете обращаться к специалистам этой компании за консультациями и доработкой.


2. Зависимость от прихоти арендодателя повышать стоимость услуг.

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


3. Арендодатель сдал в аренду сайт и забыл за него, а значит не следит за работоспособностью интернет-магазина.

Арендодатель обязан по договору обеспечить функциональность сайта в течение всего срока аренды. А как иначе? Владелец сайта заинтересован в получении арендной платы.


4. Арендодатель требует большую плату за аренду.

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



Интернет-технологии позволяют увеличить число покупателей.

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



Веб-дизайн (создание сайтов)

  На почту сайта пришло много писем с вопросами о создании сайтов. Большинство вопросов не о бизнесе и не как заработать на сайте, а о разработках и написании (верстке) сайтов.

  Отдельной рубрики о web-дизайне пока нет, поэтому этот обзор прописался временно в рубрике бизнес. Как сказал Остап Бендер - если кто-то считает, что web-дизайн не бизнес - пусть первый кинет в меня камень.

  Статья будет длинная, поэтому публиковаться будет частями - в свободное от праведных трудов время...


  Когда я создавал страницы-визитки и одностраничные сайты (лэндинг-пейдж) - все было просто и весело. Кстати, этот обзор для новичков. И если вы решились на нелегкий хлеб сайтостроителя, прочитайте обзор внимательно. Я бы многое отдал, попадись мне такой обзор ранее, когда создавался первый полноценный сайт, а не страница. Много есть хороших учебников, самоучителей, обзоров, форумов, но есть одно но: это как мозаика. Чтобы Ваш сайт сложился в полноценную картинку - необходимо пазлы брать из разных источников. Очень утомительно и долго искать ответы на вопросы, которые льются потоком при создании 1-го сайта.

  С накоплением опыта разработка сайтов происходит просто и обыденно. Сейчас смотрю на первый свой сайт - хочется смеяться над своими потугами, но что-то не смеётся. Сайт не обновляется по два-три месяца, а по запросам в своей тематике держится на первой странице в Гугл стабильно. Без всякой рекламы! Но, статья не о продвижении сайта - только полезные советы для начинающего web-дизайнера.

  Извините, если советы идут в произвольном порядке.
Итак, набираете в поисковике запрос web-дизайн. Я произвольно выбрал первый попавшийся сайт на эту тему. Указывать ссылку не буду, все-таки коллеги и корпоративная этика. А вот и копипаст (копирование) одного абзаца по полезным советам:
"Принципы веб-дизайна:
Но чтобы научиться строить здания, недостаточно знать свойства кирпичей. Именно принципы веб-дизайна определяют правила взаимодействия всех элементов. К основным принципам веб-дизайна относятся: баланс, контраст, подчиненность, направление внимания, пропорции, масштаб, ритм, единство."


  Просто чудесный совет, Вам все понятно? И вот таких советов просто завались, как гуталина у дяди Кота Матроскина...

1-й месседж (послание, сообщение, обращение) - сам не знал лет 5-ть назад, что если пишите код на HTML и CSS - Вы называетесь не программистом, а верстальщиком! Какой удар по самолюбию! В Delphi 7 был не последним человеком, а тут какой-то верстальщик :) Привыкайте к новым терминам!


1. Проверка текста

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

  Если Вы пропустите этот важный момент, то столкнетесь с такой проблемой - сверстали 20 страниц сайта, все красиво, пора на хостинг выкладывать! И тут засада - необходимо проверить текст, а это не 5-ти минутное дело.
И пошла работа с текстом в Wordе - он (Word) ошибку, а я междометия. А страниц 20 и время не ждет!

  Полезный (интересный) контент на сайте важнее дизайна. Написали статью - сразу проверка в Word на синтаксис и пунктуацию, а потом в Advego Plagiatus на проверку уникальности текста.


Важная информация:
1. Копируете свой текст в Word и нажимаете клавишу "F7" - работа над ошибками.
2. Скачиваете программу последней версии Advego Plagiatus
3. Копируете свою статью в Advego Plagiatus и нажимаете на кнопки "Быстрая проверка"
или "Глубокая проверка". И тут Вам будет вся правда о Вашей статье в нижнем поле этой замечательной программы!
Список сайтов, откуда был скопирован текст, программа Вам предложит в унижение.


2. Cимволы HTML

  Прежде чем приступить к разметке контента на своей странице, обратите внимание на Специальные символы HTML. Применяются для отображения знаков, которых нет на клавиатуре. Начинаются с амперсанда (&) и заканчиваются точкой с запятой (;). Сделайте закладку в браузере или распечатку, чтобы список символов был "под рукой".
  В свое время (лет 10-ть назад было) не обратил внимание на это, и красную строку делал так - добавлял символы "_" в начало абзаца и определял цветом фона, формулы с интегралом , и другими мат. символами рисовались в фотошопе.
Не надо ерундой страдать - вот ссылка на все символы HTML
Для красной строки достаточно после тега <p> вставить &еmsp; (точка с запятой обязательна).


3. Файлы CSS

  Речь пойдет о количестве CSS для сайта.
Авторитетный блогер на одном из форумов говорит, что файл CSS должен быть один. Может и так.
Мое мнение - когда Ваш сайт имеет много страниц, следует
создать минимум 5 файлов CSS :

  • общий стиль (формат страниц) style.css
  • Шрифты на сайте (цвет, размер, стиль) style-text.css
  • Трансформация - поворот, сдвиг, прозрачность style-transform.css
  • Спец эффекты - для дизайна страницы (сайта) style-effects.css
  • Меню style-menu.css

 Чем грозит один файл CSS?
Не знаю как у других разработчиков сайтов, у меня просто осталось лишнего кода на CSS, который никак не используется, вагон и маленькая тележка. Как это происходит? Написал стиль, допустим шрифт с тенями, посмотрел - не понравилось, а удалить жалко, вдруг пригодится. А если еще пренебречь комментариями к своим стилям, неиспользуемого кода может остаться довольно много. Можно зачистку отложить на потом - эта коварная мысль обязательно прийдет в голову. Гоните её!

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

  Если лень писать комментарии, создатйте несколько файлов css - будет проще разбираться в коде.


4. Просмотр исходного кода.

  Чтобы просмотреть исходный код html-страницы или стили CSS, необходимо в браузере вызвать Контекстное меню правой кнопкой мыши и выбрать "Исходный код страницы" (в Опере "Просмотреть исходный текст"). Как вариант - нажать комбинацию клавиш Ctrl+U. Это, в принципе, всем известно.
Но, как только начинающий web-дизайнер переходит на код PHP, сразу на форумах появляются вопросы о возможности просмотра исходного кода PHP файлов. Ответ - нет, просмотреть нельзя. Браузеру передаётся только html-код без переменных и операторов PHP.


5. Оптимизация изображений.

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

  1. Проверить на уникальность изображение.
    Есть он-лайн ресурс http://www.tineye.com, который позволит с вашего компьютера без проблем определить количество похожих картинок в инете. Очень прост в использовании. Внизу текста UPLOAD Your Image нажимаете кнопку "Выберите файл" и загружаете изображение. Всё! Ждете несколько секунд и программка выдаст результат. Если это будет "0" - отлично, значит Ваша иллюстрация полностью уникальна! Если цифра будет больше 3-х, значит надо что-то делать:) Здесь выход один - изменить картинку в графическом редакторе Power Point, а лучше в PhotoShop.
    Как изменить? Включите свою фантазию - меняйте размер, цвет, яркость, добавьте стилевые фильтры или эффекты (photoshop), зеркальное отображение, монтаж из двух и более изображений и т.д.

  2. Оптимизировать «вес изображения».
    Здесь должно быть все понятно, чем меньше "вес" (размер), тем быстрее графический файл (.jpeg, .png, .gif) загрузится на странице. Вариантов несколько:
    - уменьшить размер в пикселях (было 1000х500, сделали 500х250);
    - сохранить изображение в формате jpeg с качеством 60%-80% от начального;
    - сохранить в формате PNG-8 (PNG-8 поддерживает всего лишь 256 цветов, соответственно имеет меньший размер);
    - некоторые элементы страниц, типа кнопок, вообще "рисовать" стилями CSS и графические файлы не использовать.

  3. Добавить атрибут alt - обязательно.
    Атрибут ALT используется только в теге img и необходим как описание картинки для браузеров. По той или иной причине, если браузер не может отобразить изображение, он выводит альтернативный текст, который прописан в атрибуте ALT. Один из вариантов, почему не выводится картинка - верстальщик мог ошибиться в имени или ссылке на само изображение. На примере покажем сам тег img с несуществующим именем:
    <img src="/images/bannerO.jpg" > (вариант 1 без ALT)
    <img src="/images/bannerO.jpg" alt="Косметика Орифлейм" > (вариант 2 с атрибутом ALT)

    Косметика Орифлейм
    При отсутствии ALT появится просто пустая иконка, а если ALT прописан, то пользователь увидит текст: Косметика Орифлейм.
      А теперь главное! Для тех, кто подумал, что это пустяк и не стоит заморачиваться писать тексты ко всем картинкам. Атрибуты ALT и Title играют большую роль в оптимизации сайта под поисковые системы. Если проигнорируете сейчас этот совет, то потом, когда Ваш сайт появится в интернете - начнете искать тайны продвижения в поисковиках:) Мало того, что эта информация доступна, так это еще и рекомендуется стандартом W3C - атрибут ALT является обязательным элементом для изображений.

  4. Добавить атрибут title - желательно.


6. Проверка ссылок.

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

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

  Внутренние сылки (переходы по страницам или проще говоря - меню сайта) обеспечивает и контролирует сам web-дизайнер. А вот внешние ссылки - совершенно другое дело.
Сайты удаляют или переносят на другой адрес, при этом никто Вам не обязан сообщать об этом! Когда на сайте много внешних ссылок, постоянный контроль их работоспособности может превратится в адскую процедуру.

  Решение этой проблемы существует - есть программные средства, которые автоматизировали мониторинг! Вам не надо щелкать мышкой на все ссылки, чтобы проверить их работоспособность.
Как вариант одной из многочисленных программ - это Xenu. Не путайте с игрой XENA - королева воинов.

краматорск

  Синим цветом выделены нерабочие ("битые") ссылки.


7. Запрет перехода по ссылке.

  Вы спросите - а зачем это надо? Как говорил В. Маяковский: "Если звезды зажигают — значит — это кому-нибудь нужно?" Если приходят такие вопросы: значит это кому-нибудь нужно.

  Отступление от темы. Если поставить задачу обычному человеку - как нарисовать круг и сделать его невидимым, после вопроса "- А зачем?", последует ответ - просто не рисовать. Программисты по этому поводу устроят настоящий холивар и предложат массу вариантов:
- нарисовать круг и сделать его цветом фона;
- опустить нарисованный круг "ниже плинтуса"(фона): задать атрибут z-index:-1; и круг уйдет под основной фон (работа со слоями);
- создать контейнер div, отрисовать в нем бедный круг и "сделать контрольный выстрел" - указать left: - 1000px;, ну или top:-1000px; Был круг - и нет круга, улетел за границы видимости контейнера;
- сделать прозрачным opacity:0;
- а можно ещё проще: установить атрибут кругу display:none;
И это я еще не напрягался!

  Вернемся к основному вопросу. Рано или поздно пытливый ум web-дизайнера захочет узнать, как запретить переход по ссылке.
Pointer-events - это CSS свойство, которое позволяет управлять кликабельностью элементов. Применяется для ссылок, элементов, реагирующих на события мыши. Если установить значение none - элемент не реагирует на события мыши (клик).

Пример:<a href="page2_dvd.html" style="pointer-events:none" >page2_dvd.html</a>

Нажмите на ссылку - page2_dvd.html Если ссылка сработала, и Вы перешли на другую страницу, значит это свойство не поддерживается Вашим браузером. Такое бывает. Не все старые браузеры реагируют на pointer-events


Вариант номер 2:<a href="page2_dvd.html" onclick="return false" >page2_dvd.html</a>

Тестируем - page2_dvd.html Опять ссылка сработала? Значит в браузере отключено использование JavaScript. Беда... Некоторые юзеры (пользователи) могут и не знать, что у них в браузере отключен JavaScript.


Тогда вариант номер "железный": перекрываем ссылку сверху контейнером div

<div style="position:relative; width:200px; height:20px;"><a href="page2_dvd.html">page2_dvd.html</a>
  <div style="position:absolute; width:200px; height:20px; left:0; top:0;">
  </div>
</div>


"Пилите, Шура, пилите!" page2_dvd.html


8. Про СПАМ.

Очень интересный у меня подход к этой теме. Сначала копипаст с чужого сайта - прочитайте что рекомендуют все в Инете:


При создании своего сайта рано или поздно приходится засвечивать свой email-адрес. Это необходимо делать для того, чтобы посетители Вашего сайта могли связаться с Вами, по тому или иному вопросу.
Дальше идет
- БЛА
- БЛА
- БЛА...

Ага, а вот и рекомендации:

В настоящее время существуют программные-роботы, которые сканируют сайт на предмет наличия email – адресов, и если Ваш email попадает в базу данных этих роботов, то на ваш адрес начинает приходить сотни сообщений в день, которые несут в себе не нужную Вам информацию. Такие сообщения получили название – SPAM. В результате, Ваш почтовый ящик начинает засоряться мусором, и Вам труднее будет найти действительно важное, для Вас письмо!

Что предлагают:
Для решения этой проблемы есть несколько способов:
  ПЕРВЫЙ. На своем сайте Вы не засвечиваете свой email-адрес, а для связи с Вами используете форму обратной связи.
  ВТОРОЙ. Вы используете свой email-адрес не в явном виде, при котором Ваш email формируется благодаря использованию javascript.
Дальше приводится скрипт как засекретить свой e-mail адрес и Бла- Бла - Бла про ужасных spam-роботов.


  Я думаю, смысл понятен - все предлагают секретить свои e-mail адреса, чтобы СПАМ не приходил.
Мое мнение - это добровольно отказаться от клондайка. К ВАМ приходят письма (СПАМ) реальных коммерческих предложений - Вам даже искать не надо чужие e-mail - они сами к Вам льются потоком. Кто будет против уникальных посетителей на свой сайт?
Итак, к Вам пришло 100 писем (СПАМ) на e-mail. Отлично! Заходим в любимый WORD, ну или в БЛОКНОТ. Пишем свое письмо, если хотите, называйте СПАМОМ. Текст письма придумайте сами исходя из направленности своего сайта.

  Вариант письма как пример:
Мы предлагаем сотрудничество!

...........................основной текст с Вашими предложениями..............................

С уважением администрация сайта!
Сайт 'имя_Вашего_сайта' для Вас и Вашего бизнеса!
И указываете свой адрес http://'имя_Вашего_сайта'

  Сохраняем свой месседж. А дальше все просто - на каждое письмо (СПАМ) в почтовике нажимаем кнопку ОТВЕТИТЬ и вставляем свой контр-спам (письмо). Жмем кнопку отправить. Ваше письмо с предложением может и не заинтересует никого, но посещение ВАШЕГО сайта при правильном тексте послания гарантировано. Что Вам и надо! Про статистику сказать точно не смогу, но даже если 30% зайдет на ВАШ сайт - уже хорошо!

  Угадываю вопрос: "-Это много может занять времени, стоит это того?"
  Отвечаю: "- А модерить бесплатные объявления или дурацкие комментарии время есть?"
Это обзор и даже не рекомендация - решать Вам. На нашем сайте черным по белому монитору (ладно, не по белому, а по цвету #d5d0b2) указан e-mail: gnz@krm.net.ua
Всегда ждем SPAM-роботов!

P.S. Чёйто хреново последнее время работают SPAM-роботы, на сегодня пришло всего 14 писем...:(


9. Видео на сайт


 Если Вы уже дошли до этого вопроса, значит в курсе, что накладно размещать видео на хостинг. Дело не в объеме (Гб), хотя это тоже имеет свои ограничения. Дело в авторских правах. Если видео имеет статус free - не проблема!
Даже не знаю, будет кому интересно узнать про онлайн стыренное видео? Сейчас для пользователей пофиг, что где когда смотреть. Есть спрос - есть предложение! Зачем юзеру знать про 'Абузоучтойчивые хостинги'?

  Легкий месседж для верстальщиков сайтов. Вам нужен трейлер фильма (как пример) разместить на своем сайте из ютуб. Это знают все - запускаете ролик на Ютуб (некоторые личности считают, что знают аглицкий и правильно говорить Ютьюб. Флаг им в руки - спросите у них как звучит имя на русском Брюс Виллис! -Bruce Willis- Вариантов будет масса - Уиллис, Уоллес, Валлес и т.д.)
Для тех кто не понял о чем речь - драйвер по аглицки будет звучать как драйвэ.

Даже был такой вариант - Брюс Йолис. Все для уважаемых посетителей сайта - конечно, Ютьюб!

 Итак, запускаем ролик на Ютуб - правой кнопкой мыши вызываем контекстное меню - выбираем 'Копировать HTML- код'. В свой код страницы вставляем теги. Это понятно всем! Возникают другие вопросы - ролик закончился и Вам выпадают в предложение запустить еще массу других не по теме или по теме сторонних роликов... Как их обрезать? Наконец добрались до сути вопроса!


< iframe width="640" height="360" src="https://www.youtube.com/embed/9r9W-DNWiI8?feature=player_detailpage" frameborder="0"
allowfullscreen >
</iframe>

Меняем код:

< iframe width="640" height="360" src="https://www.youtube.com/embed/9r9W-DNWiI8?rel=0" frameborder="0"
allowfullscreen >
</iframe>


Всё! Ролик закончился и перешел вновь на стартовую позицию без предложений на левые видео от Ютуб.


10. HTML5 Canvas: рисуем отрезок толщиной в 1px

  Как происходит рисование линии: сначала мы ставим карандашом начальную точку линии (метод moveTo()), потом ставим конечную (метод lineTo()) и, наконец, собственно рисуем линию, соединяя ее начальную и конечную точки (метод stroke()).

 При построении графиков с помощью HTML5 и Canvas обязательно потребуется сделать линии (сетку) толщиной в 1 пиксель. Например, для визуального отличия самого графика от сетки. Устанавливаем метод ctx.lineWidth = 1; //Толщина линии в 1 пиксель и довольные ждем результата... А в результате получаем привычный "железнодорожный болт":)
Смотрите ниже на результат - линии не стали в 1 пиксель:


< canvas id="myCanvas" height='200' width='800'></canvas>
<script>
var ctx = document.getElementById("myCanvas").getContext("2d");
  ctx.fillStyle = "#FFF"; // меняем цвет фона (холста)
  ctx.fillRect(0, 0, myCanvas.width, myCanvas.height);
//ось Y и X
  ctx.beginPath();
   ctx.moveTo(10, 20);
   ctx.lineTo(10, 200);
   ctx.lineWidth = 2; //Толщина линии в 2 пикселя - рисуем оси координат
   ctx.moveTo(0, 190);
   ctx.lineTo(780, 190);
   ctx.strokeStyle = '#000'; //Задаем цвет для осей X,Y (черный)
ctx.stroke(); //метод stroke собственно рисует линию на холсте, если не указать его - холст будет пуст (ничего не отобразится)
//линии сетки по X горизонтальные
var dY=20;
var yL=190;
  for (i=1; i<=6; i++){
   yL=yL-dY;
   ctx.beginPath();
   ctx.moveTo(10, yL);
   ctx.lineTo(700, yL);
   ctx.lineWidth = 1; // установили толщину в 1 пиксель, но линии остались "толстыми"
   ctx.strokeStyle = '#63C';
  ctx.stroke();
}
</script>
Обновите браузер

Оказалось, что задать толщину в 1px не достаточно, надо ещё к координатам концов отрезка добавить полпикселя. Меняем код:

   ctx.moveTo(10.5, yL+0.5);
   ctx.lineTo(700.5, yL+0.5);
   ctx.lineWidth = 1;


Смотрим на результат - то что требовалось, линии сетки стали в 1 пиксель!

Обновите браузер

11. Поисковые системы

  Поисковики - это обычные программы, которые четко следуют алгоритму. Если случится ошибка в фильтре (в программе), попробуй объясни компьютеру (или монитору для любителей разговаривать как Светлаков с телевизором), что вы хотели найти другой сайт, а не тот, что вам предложили. Здесь объясняется все просто - Гугл или Яндекс поисковики работают по заданной схеме, определяют первой из двух страниц (приблизительно одинаковых по теме) ту, на которую ссылаются много других сайтов. Да и не просто сайтов, а авторитетных. Такой подход вполне целесообразен в качестве поиска - ссылки только на то, что действительно важно или интересно. И другой момент - ссылки, размещенные на сторонних сайтах, не доступны для манипулирования. И вот здесь происходит вечная борьба защита - нападение. Щит в виде Гугл и Яндекс знаем и видим. Но, и меч в виде оптимизаторов сайтов не притупляется - придумали биржу ссылок. Хотя, нет. Слишком пафосно про щит и меч. Правильней будет - соревнование хитрого болта с хитрой гайкой.

  Соревнование продолжается! Так, ссылками начали торговать налево и направо. Империя Гугл наносит ответный удар! Решили отслеживать поведение пользователей на сайте. Сколько времени вы задержались на сайте и какие странички посетили, был или не был возврат на этот сайт и многое другое, о чем я и не подозреваю. Тайна, однако. Ответ себя не заставил ждать! Про работу в инете на кликах все слышали. Через сервисы предлагается заработать на посещении сайта (кликах). Человек регистрируется на таком сервисе - ему предлагается список сайтов для посещения. Он кликает (переходит) на сайт и ждет некоторое время - сервис выводит таймер, а вы ждете, пока он не обнулится. Для программы все ОК - реальный сайт посещается реальными людьми и сайт продвигается. А что по факту? Продвигаемый ресурс может оказаться бесполезным (не интересным).



© 2015-2017 Zitec дизайн

Тема: Бизнес новости

Сайт КРАМАТОРСК

Карта сайта

Индекс цитирования