Сенсив-Код

Создать сайт самостоятельно с нулевым уровнем подготовки

Для многих обывателей создание сайтов кажется недостижимой задачей из области IT. Но сайты создаются ежедневно, и создаются разными людьми. К созданию сайтов нередко приступают люди, изначально далёкие от вышеупомянутой сферы деятельности. Безусловно, они не сразу становятся профессионалами, т.к. нужно накопить достаточный багаж знаний и опыта, постоянно совершенствоваться и развиваться, — однако с каждым шагом это приближает к такому уровню тех, кто жаждет освоить долгий, кропотливый, но интересный и удивительный путь веб-разработки. С чего же начинаются сайты?

создать сайт самостоятельно

Данный материал описывает базис создания управляемых сайтов (на базе CMS, Системы Управления сайтом), включающий основные ориентиры для размещения сайта в интернете, с использованием шаблонного веб-дизайна.

Статья будет полезна как для т.н. «чайников» (людей с нулевым уровнем подготовки), так и начинающим веб-дизайнерам (с базовыми знаниями HTML и СSS), которые представляют создание сайтов / отдельных веб-страниц, но весьма смутно представляют процесс размещения сайта в интернете. Материал может оказаться интересным для владельцев сайтов (заказчиков веб-услуг), желающих оценить уровень работ по созданию сайта или взглянуть на базовый процесс создания сайтов изнутри. Автор постарается избегать немотивированного использования спец. терминологии и объяснять всё «на пальцах». Между тем, некоторые из устойчивых обозначений пригодятся в качестве наводки для самостоятельного поиска. В любом случае, автор склонен организовать текст в прикладном ключе, с минимумом непонятных тезисов.

Условно, процесс создания сайтов (начинающий уровень) можно представить следующим образом:

  • Регистрация адреса сайта вида «www.mybusiness.ru». Покупка домена (доменного имени сайта).
  • Физическое размещение сайта в интернете. Выбор и оплата площадки для сайта (хостинг-провайдера). Привязка доменного имени.
  • Установка готовых Систем Управления Сайтов (движков) с шаблонным веб-дизайном. Выбор CMS для сайта с учётом обеспечения задач (информационный сайт, интернет-магазин), установка на сервер. Автоустановка CMS. Использование файлового менеджера (FTP-клиента) для перекачки файлов CMS на сервер, ручная установка CMS на сайте.
  • Администрирование структуры и наполнение сайта. Создание разделов, смена логотипа и информации на сайте.
    • Смена одного шаблонного дизайна на другой шаблонный дизайн
    • Установка нового логотипа в шаблонный веб-дизайн
    • Создание разделов сайта
    • Формирование пунктов навигационного меню сайта: привязка разделов к пунктам меню
    • Размещение информации в разделах сайта

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

Читать дальше

Теги , , , , ,
Лаборатория Кода, Сенсив-Код

Веб-дизайн и вёрстка сайтов. Кроссбраузерность и мировые веб-стандарты (W3C)

Менее 10% сайтов, выполненных ведущими российскими веб-студиями, соответствуют мировым веб-стандартам. Половина из них имеют простой веб-дизайн, не требующий специальных адаптаций. [+/-] 99% сайтов устарели и некорректно отображаются в современных браузерах.

соответствие сайтов мировым веб-стандартам
Данный материал начинает цикл статей о «веб-дизайне по стандартам», грамотной вёрстке сайтов. Ввиду того, что в России высшее профессиональное образование в области веб-разработок было введено сравнительно недавно (всего несколько лет назад, — ничтожно в сравнении с Западом, где такие направления существуют десятилетия), веб-мастера (верстальщики) зачастую весьма посредственно относятся к стандартам W3C, а порой даже и — к кроссбраузерности.

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

В качестве небольшого замечания, следует сказать, что кроссбраузерность и W3C-стандарты отнюдь не случайно рассматриваются в связке…

Читать дальше

Теги , , , , ,
Лаборатория Кода

JQuery на практике, или мой топ5 ++ JQuery методов

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

В этой статье я хочу рассказать о своём наборе JQuery-методов, который прижился в реальной практике, на примере одного из сайта своей работы. Для новичков в JQuery (среди них, кстати, не исключены профессиональные веб-дизайнеры или программисты) — может упростить понимание общих принципов работы с этим приложением. Для владельцев сайтов — послужить в качестве идейного плацдарма.

В статье рассмотрены методы:

  • Анимация объектов (.animate ())
  • Динамичная смена классов CSS (.css())
  • Динамичная смена содержимого (картинки) (.attr())
  • Действие по таймеру (setInterval)
  • Затухание и возгорание текста (.fadeIn() и .fadeOut())

В конце текста вы найдёте небольшую шпаргалку-словарик методов (написан для себя).

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

Читать дальше

Теги , ,
Лаборатория Кода, Маркетинг-Код

YML-файл для трансляции товаров на Яндекс.Маркете (скрипт для osCommerce 2.3)

Рано или поздно для интернет-магазинов (или просто магазинов-салонов) может возникнуть необходимость вывода товаров на Яндекс.Маркет. По статистике Яндекса (июнь 2011), более 9 млн. покупателей по всей России выбирают Яндекс.Маркет, чтобы сравнить цены и найти лучшее предложение для себя.

yandex-market - добавить магазин

Для трансляции товаров из магазинов, Яндекс.Маркет требует загрузить прайс-лист в особом формате — YML (на самом деле, его можно генерировать с помощью языка программирования — в моем случае, PHP, -подобно родительному XML-формату). О создании такого файла для движка osCommerce читаем под катом.

Читать дальше

Теги , , ,
Колор-Код, Лаборатория Кода, Маркетинг-Код

Тюнинг osCommerce v.2.3, или прокачка интернет-магазина для дизайнерских и seo-целей

Любой движок можно накачать согласно собственным стандартам.

Материалы статьи подготовлены на основе практики применения на двух сайтах. В статье описаны ряд фрагментов «тюнинг-решений» для популярного движка интернет-магазина osCommerce  (v/2.3), основная часть которых разрабатывалась по принципу экстремального программирования — в условиях лимитированных сроков и сразу «начисто». В связи с этим, указанные программные решения не претендуют на единственно возможные и правильные для исполнения описанных задач.

Статья может быть полезна разработчикам (описывается схема действий — где искать, что править и по какому принципу), однако не подойдет для новичков (практически исключены детальные «рецепты» — нужно владеть php и иметь некоторые знания по JS).

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

В публикации представлены темы:

  • Тюнинг УРЛов
  • Кейворды
  • Маркировка текста — прикрутка визуального редактора
  • Нанесение лого на картинки (подгрузка картинок в визуальный редактор)
  • Автоуменьшение (авторесайз) картинок товаров и насение лого
  • Создание описаний категорий
  • Вывод кратких и полных описаний товаров
  • Создание тегов (меток) товаров

Это некоторый фрагмент тюнинг-решений, которые были актуальны для меня в первую очередь. Для каждого отдельного интернет-проекта могут выделяться индивидуальные требования. Пишите — если будет время, можно подумать вместе.

Читать дальше

Теги , , , , , , , , , , , , ,