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

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

Интернет-магазин по продаже торгового оборудования posmsk.ru

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

  • Adobe Photoshop CS3 (рисование и нарезка макета)
  • html (xhtml 1.0 Strict)
  • CSS 2.1
  • php 5 (создание шаблона сайта, кастомизация компонентов магазина и шаблонов компонентов)
 

Описание:

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

Кроме того, были произведены настройки для корректной работы интернет-магазина, в частности: обмена с «1С», создание различных типов цен и групп покупателей.

Сайт работает под управлением CMS «1С-Битрикс».

Скачать шаблон сайта для ознакомления

Сайт-визитка компании ООО «Орехово-Зуевская Теплосеть»

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

  • Adobe Photoshop CS3 (рисование и нарезка макета)
  • html (xhtml 1.0 Transitional)
  • CSS 2.1
 

Описание:

В процесе работы над этим проектом мной был создан .psd макет сайта, который впоследствии был сверстан в html–шаблон. На момент создания сайта тестирование макета производилось в браузерах IE6, IE7, IE8, Firefox3, Opera9.64, GoogleChrome2, Safari4. Кроме верстки шаблона для CMS «1С-Битрикс», мной были созданы инфоблоки для хранения информации, а также настроен внешний вид шаблонов компонентов  для вывода новостей, документов, вакансий. Кроме того были произведены настройки шаблонов фотогалереи.

Посетить сайт ООО «Орехово-Зуевская Теплосеть»

Калькулятор для расчета стоимости сайта.

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

  • html (xhtml 1.0 Strict)
  • CSS 2.1
  • JQuery
  • php
 

Описание:

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

Посмотреть страничку с калькулятором

Небольшой сайт с описанием европейских стран.

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

  • Adobe Photoshop CS3 (рисование и нарезка макета)
  • xml, xslt
  • html (xhtml 1.0 Strict)
  • CSS 2.1
  • PHP
 

Описание:

Однажды передо мной встала задача ознакомиться с технологиями xml и xslt. В результате получился этой небольшой сайт с описание европейских стран.Было создано несколько xml файлов - в них хранится информация о странах, при помощи xslt данные преобразуются в страницы сайта. Преобразования происходят на стороне сервера, поэтому в этой работе использовуется еще и php. Макет создан в “Adobe Photoshop”. Во время разработки тестирование сайта производилось в браузерах IE6, IE7, Firefox3, Opera9.64, GoogleChrome2, Safari4.

Посмотреть сайт в работе

Пример верстки макета сайта мебельной фабрики «Роникон».

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

  • Adobe Photoshop CS2 (нарезка макета)
  • html (xhtml 1.0 Transitional)
  • CSS 2.1
 

Описание:

Из .psd–макета был создан кроссбраузерный блочный html–макет. На момент создания тестирование макета производилось в браузерах IE6, IE7, Firefox3, Opera9.64, GoogleChrome2, Safari4.

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

 

Пример верстки макета сайта салона оптики «EyeKraft».

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

  • Adobe Photoshop CS2 (нарезка макета)
  • html (xhtml 1.0 Strict)
  • CSS 2.1
  • JavaScript
 

Описание:

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

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

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