1. Сайт виртуальной компании Honour Верстка тестового сайта виртуальной компании Honour. Основу сайта составляет html код, каскадные таблицы стилей CSS. Сайт сверстан с применением семантической верстки и прошел проверку на валидность. Так же по требованиям заказчика была выполнена поддержка IE6+.
Сайт сверстан с использованием блочных элементов - div. Сайт корректно отображается в броузерах, таких как:Opera, Firefox, Safari, Google Chrome, Internet Explorer.
Категория работы:тестовая верстка.
Цель проекта:показать/проверить уровень исполнителя верстки.
2. Тестовая верстка шаблонного дизайна - summer-lover Верстка первого полностью резинового сайта. Основу сайта составляет html, каскадные таблицы стилей CSS. Используются приемы размещения картинок для резиновой структуры сайта.
Сайт сверстан с использованием блочных элементов - div. Сайт корректно отображается в броузерах, таких как:Opera, Firefox, Safari, Google Chrome, Internet Explorer.
3. Авторский сайт (редизайн) Верстка авторского сайта-визитки на популярном движке Joomla. Основу сайта составляют страницы шаблонов - PHP, на которых используется html, каскадные таблицы стилей CSS, эффекты визуализации - HightSlide на основе библиотеки JavaScript/JQwery.
По выполненному редизайну была выполнена верстка под систему Joomla.
Сайт сверстан с использованием блочных элементов - div, а также с использованием таблиц, применяемых Joomla для построения компонентов, плагинов, модулей. На данный момент сайт нормально отображается с нормальных броузерах, таких как:Opera, Firefox, Safari, Google Chrome.
5. Тестовый сайт food Зачетный сайт в конце обучения в компьтерной академии "ШАГ", г. Харьков. Сайт выполнен на CMS Joomla. Так как это тестовая площадка, то ниже привожу список страниц которые работают на сайте: все вкладки меню, в левкой колнке во всех меню только первая ссылка, В правом меню работают все ссылки. Подгрузка фотографий с сервиса Flickr
6. Верстка сайта-визитки телефонной компании Основа верстки – язык гипертекстовой разметки – HTML, каскадные таблицы стилей CSS, для модульности - использован прародитель PHP - SSI (Server Side Include) SSI - это самая простая система реализации модульной конструкции.
Сайт верстался в качестве тренировочной площадки для развития и совершенствования навыков работы с SSI на курсах «Web-техногии. Сайтостроение» программы обучения в компьютерной академии «Шаг« (http://www.itstep.org/). Ниже привожу названия сверстанных страниц, доступных с основного верхнего меню: Home About us Servises
Категория работы:верстка сайта.
Цель проекта:научиться использовать технологию SSI для построения сайтов имеющих не сложный функционал - сайты-визитки, promo-сайты и т.д. .
Основа верстки – язык гипертекстовой разметки – HTML, каскадные таблицы стилей CSS с элементами динамики на JavaScript, для модульности - язык программирования - PHP.
Сайт полностью сверстан с использованием блочных элементов - div, для кроссброузерности использованы условные комментарии и отдельно подключаемые стили CSS для разных версий IE включая 6, а также так называемые фиксы для корректного отображения картинок с расширением .png.
8. Редизайн и верстка странички регистрации пользователей Верстка нового дизайна существующей странички регистрации посетителей. Основа верстки – язык гипертекстовой разметки - HTML, каскадные таблицы стилей CSS. Страничка сверстана на основе имеющегося кода, внесены необходимые дополнения и поправки. На сайте присутствует три варианта дизайна. Переключение между ними осуществляется кнопками с нижней части страницы.
9. Авторский сайт (редизайн в процессе) Верстка авторского сайта-визитки с последующей публикацией в Интернете. Основу сайта составляет язык гипертекстовой разметки - HTML, каскадные таблицы стилей CSS, для модульности - язык программирования - PHP, эффекты визуализации - Lightbox на основе библиотеки JavaScript - JQwery. Сайт полностью сверстан с использованием блочных элементов - div, применены оригинальные методы выравнивания контента в ячейках, а так же сайт адапритован к популярным броузерам - Opera, Firefox, Safari, Google Chrome
Страничка по ссылке - страничка со сверстанными работами. Главная страница - greenwebdesign.ru
10. Сайт визитка строительной компании Проект на разработку сайта для строительной компании. В дизайне использованы оригинальные сочетания цветов, шрифтов и контента. Основу сайта составляет язык гипертекстовой разметки - HTML, каскадные таблицы стилей CSS, для модульности - язык программирования - PHP, эффекты визуализации - Lightbox на основе библиотеки JavaScript - JQwery. Сайт полностью сверстан с использованием блочных элементов - div, применены оригинальные методы выравнивания контента в ячейках, а так же сайт адапритован к популярным броузерам - Opera, Firefox, Safari, Google Chrome
11. Редизайн авторского сайта Дизайн аторского сайта вторая редакция. Категория работы:редизайн авторского сайта. Цель проекта:создание более гармоничного сочетания используемых цветов и учет накопленного опыта и пожеланий к новому дизайну.
12. Верстка макета сайта компании ЭКОМ После дизайн-студии (первая картинка) были исправлены все косяки и доработан и несколько изменен исходный вид дизайн-макета (вторая картинка). После согласования и полной реализации идей заказчика была выполнена верстка дизайн-макета, и разработан соответствующий функционал (javascript/jQuery - слайдеры, аккордеоны, прокрутка картинок, всплывающие подсказки, проверка и отправка форм, галерея выполненных работ, кроссброузерные решения для IE6-7)
Категория работы:исправление боков дизайнерской студии и согласование дизайна макета с требованиями заказчика.
Цель проекта:подготовить макет к последующей верстке.
13. Редизайн странички регистрации Этот дизайн был разработан по заявке с биржи удаленной работы. Клиенту было предоставлено пару вариантов нового дизайна. Для представления работы в завершенном варианте, была выполнена верстка дазайн-макета.
Категория работы:Редизайн странички.
Цель проекта:разработать дизайн странички для улучшения эстетического вида страниц.
14. Дизайн-макет детских игровых площадок Разработка сайта-визитки в нескольких стилях, соответствующих направлению деятельности компании - производство детских игровых площадок. Дизайн был проработан в следующих стилях: web 2.0 в различных цветовых вариантах, бизнес стиль и широкоформатное представление.
Категория работы:дизайн сайта-визитки производственной компании.
Цель проекта:разработать дизайн сайта для рекламы компании в Интернете, а также с помощью сайта повысить престиж компании.
15. Дизайн-макет сайта фотогаллереи Разработка сайта-визитки в стиле фотогалереи. Новое направление сайтостроения связано с увлечением автором фотографией.
Категория работы:дизайн фотогалереи.
Цель проекта:разработать дизайн фото галлереи в Интернете, а также предусмотреть возможность дальнейшего усовершенствования и модернизации.
Технологии:макет главной страницы сайта (формат .PSD + оригиналы используемого материала (картинки)).
Бюджет:сделано по личной инициативе (получение опыта и навыков в веб-дизайне).
16. Авторский сайт-визитка (первая редакция) Разработка авторского сайта-визитки с последующей версткой и публикацией в Интернете. Новые направления в работе - создание дизайн-макета вокруг оптимизированного контента, использование типографики и сеток для верстки. После разработки дизайна была выполнена верстка.
Категория работы:дизайн авторского сайта-визитки.
Цель проекта:разработать дизайн авторского сайта-визитки для оригинального отображения в Интернете, а также предусмотреть возможность дальнейшего усовершенствования и модернизации.
Технологии:макет главной страницы сайта (формат .PSD + оригиналы используемого материала (картинки)).
17. Сайт-визитка строительной компании Проект на разработку сайта для строительной компании. В дизайне использованы оригинальные сочетания цветов, шрифтов и контента. После согласования с заказчиком была выполнена верстка дизайн-макета
Категория работы:дизайн сайта-визитки строительной компании.
Цель проекта:разработать дизайн сайта-визитки для рекламы строительной компании в Интернете, а также с помощью сайта повысить престиж компании.
Технологии:макет двух трех страниц сайта (формат .PSD + оригиналы используемого материала (картинки)).
Бюджет:сделано по заказу знакомого (получение опыта и навыков в веб-дизайне).
Цель проекта:разработать дизайн сайта-визитки в стиле фотогалереи для представительства породы собак в Интернете, предусмотреть возможное добавление магазина.
Технологии:макет двух трех страниц сайта (формат .PSD + оригиналы используемого материала (картинки)).
Бюджет сайта:сделано по личной инициативе (получение опыта и навыков в веб-дизайне).
19. Дизайн-макет магазина дверей Четвертый проект — это работа над дизайном сайта-визитки для магазина дверей по просьбе знакомого. На сайте отрабатывалась схема применения одновременно разных типов шрифтов.
Категория работы:дизайн сайта-визитки магазина продажи дверей и фурнитуры.
Цель проекта:разработать дизайн сайта-визитки для представительства магазина в Интернете, предусмотреть возможное добавление магазина.
Технологии:макет главной страницы сайта (формат .PSD + оригиналы используемого материала (картинки)).
Бюджет сайта:сделано по личной инициативе (получение опыта и навыков в веб-дизайне).
20. Дизайн-макет строительного училища Третий дизайн-макет был выполнен по собственному желанию автора на закрытую заявку с удаленной биржи труда — free-lance.ru. Тема проекта - создать сайт-визитку строительного училища. На дизайне этого сайта автор решил закрепить только что приобретенные знания по применяемым цветам в веб-дизайне и их комфортном сочетании для пользователей.
Категория работы:дизайн сайта-визитки строительного училища ПУ-19.
Цель проекта:разработать дизайн сайта по закрытой теме на бирже удаленной работы free-lance.ru в целях повышения квалификации.
Технологии:макет главной страницы сайта (формат .PSD + оригиналы используемого материала (картинки)).
Бюджет сайта:сделано по личной инициативе (получение опыта и навыков в веб-дизайне).
21. Авторский сайт-визитка лирической поэзии Вторая и, действительно, сложная для новичка работа - дизайн авторского сайта-визитки лирической поэзии. Самовыразиться в интернет-кругах автор предпочел таким образом, хотя в детстве и отрочестве за собой таких поэтических склонностей не наблюдал. Дизайн был основой всего ресурса и давался с трудом, учитывая малый опыт работы в графической программе.
22. Редизайн автомобильного форума Первая работа по дизайну сайтов - это редизайн автомобильного форума «MoskvichClub-Kharkov». Дизайн - самый простенький и, в то же время, придает сайту порядок и последовательность.