Матвей Земсков

Заметки веб-мастера

Создание сайта (рекламное агентство) под управлением CMS «1С-Битрикс»

Используемые инструменты и технологии:

  • HTML, CSS
  • jQuery, AJAX
  • PHP, Bitrix API
 

Описание:

В процессе разработки сайта мной было сделаны следующие работы:

  • Создана структура разделов сайта
  • Созданы инфоблоки для хранения динамической информации
  • Сверстаны шаблоны сайта
  • На страницах сайта размещены компоненты и кастомизированы их шаблоны
  • Разработан компонент заказа обратного звонка

Верстка landing page для сайта агентства недвижимости

Используемые инструменты и технологии:

  • HTML, CSS
  • jQuery
  • XML
  • PHP
 

Описание:

Из PSD-макета была сверстана страница (landing). Созданы скрипты для обработки форм и сохранения данных, полученных от посетителя, а также вывода «горячих предложений». Для удобства работы с «горячими предложениями», данные о них хранятся в XML-файле.

Посетить страницу

Разработка модуля для CMS “Joomla”

Используемые инструменты и технологии:

  • PHP
  • Joomla Framework
  • Библиотека “PHP QR Code”
 

Описание:

Модуль предназначен для генерации QR-кода на основе введенных данных и размещение его на страницах сайта. При создании модуля использовалась библиотека “PHP QR Code”*.

Скачать модуль.

О создании модуля для CMS Joomla 2.5

* Перед установкой модуля нужно скачать библиотеку PHP QR Code и разместить ее на сайте.

Создание сайта транспортной компании «Эксперт Автологистика»

Используемые инструменты и технологии:

  • HTML, CSS
  • jQuery
  • PHP
  • CMS “Joomla”
 

Описание:

Разработана структура сайта. Из PSD-макета был создан шаблон для системы управления. Размещены и настроены необходимые модули и компоненты системы. Созданы и наполнены содержимым разделы сайта.

Программирование и верстка шаблона рассылки на сайте под управлением «1С-Битрикс»

Используемые инструменты и технологии:

  • PHP
  • Bitrix Framework
  • HTML, CSS
 

Описание:

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

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

Модуль простой фотогалереи (Simple Slide Gallery) для CMS «1C-Битрикс»

Используемые инструменты и технологии:

  • php
  • Bitrix Framework
  • jQuery
 

Описание:

С помощью данного решения, представляющего собой компонент системы «1С-Битрикс» можно организовать простую фотогалерею с возможностью смены картинок.

Компонент создан на основе jQuery–плагина “Photo Slider” (автор Jesse Janzer). Он подойдет владельцам системы редакции «Старт», в которой нет встроенного модуля фотогалереи. Решение очень простое по функционалу и настройке.

Установить модуль на свой сайт

Пример верстки страниц сайта агентства недвижимости Realty

Используемые инструменты и технологии:

  • Adobe Photoshop CS4 (рисование и нарезка макета)
  • html (xhtml 1.0 Strict)
  • CSS 2.1
  • jQuery
  • jQuery UI
 

Описание:

Была поставлена задача разработать сайт одного агентства недвижимости. В процессе работы над этим проектом мной были созданы .psd макеты основных страниц сайта, из которых были сверстаны html–шаблоны. На момент создания тестирование макета производилось в браузерах IE7+, Firefox3+, Opera9.64+, GoogleChrome2+, Safari4+.

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

Открыть html–странички макета

Страница 2 из 3