Мы верим, что человек должен не только работать, но и постоянно обучаться. В обществе образованных и порядочных людей не будет войн и бедности. Ещё мы занимаемся рекламой и создаём сайты.

HTML-разметка по блок-схеме

  • Внимание к деталям
  • Выгодные цены
  • Честная работа
  • Качественный результат
Услуга S3 на 2 часа
2400 руб.
Оставить заявку

HTML-разметка по блок-схеме

Осмысленный семантический перенос блок-схемы в вёрстку с сохранением изложенных в блок-схеме идей и иллюстраций. Без сохранения отступов, размеров, цветов если это не является идеей. Оценивается 1 час на 4 блока.

После HTML-Разметки подразумевается обязательная поблочная разработка сайта S31 и разработка общего оформления S32.

Исходные данные

  • Блок-схема или psd шаблон
  • Основное наполнение
  • Графические элементы, favicon
  • Доступ к репозитарию
  • Доступ к серверу в Интернете

Результат

html файл, в который перенесена все данные из блок-схемы с примерной разбивкой шапка, колонка и тп. На следующих этапах не должно быть необходимости открывать блок-схему. Все моменты, которые были указаны в блок-схеме, но не были реализованы нужно лично списком передать следующему исполнителю. Добавить этот список к следующей задаче в проектных документах.

Что должно быть сделано

  1. Перенесён весь текст и иллюстрации представленные в блок-схеме в HTML-вёрстку с нуля или в предложенный шаблон.
  2. В местах анимаций использовать стандартные решения bootstrap или устанавливаются подходящие расширение (bower, composer). От расширений нужна демонстрационная работа, без отладки под требования сайта.
  3. Если заранее известно, что в блоке необходимо уникальное решение, в вёрстке отражаются только данные, иллюстрации в произвольном виде.
  4. Актуальные адреса в ссылках.
  5. Актуальный текст в футере.
  6. Загрузить вёрстку на сервер в интернет для демонстрации на сервере клиента или на сервере Айтилайф site1.itlife-studio.ru или тп. Команды git

Необходимо знать для аттестации

Описание

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

Используется jquery и bootstrap, которые устанавливаются с помощью composer.json

{

"require":{

"components/jquery":"~2",

"twbs/bootstrap": "~3",

"infrajs/router":"~1",

"infrajs/imager":"~1"

}

}

Из dropbox нужно взять

  • favicon.ico
  • data/
  • logo.png
  • Картинки для главной страницы

Структура файлов в репозитарии

images/

logo.png

data/

vendor/

.gitignore

.htaccess

index.html

composer.json

composer.lock

style.css

favicon.ico

Содержимое .gitignore

vendor/

bower_components/

cache/

data/

Настройка веб-сервера

Типовой .htaccess

# Настройка маршрутизации

RewriteEngine on

RewriteCond %{HTTP_HOST} ^www\.(.*) [NC]

RewriteRule ^(.*)$ http://%1/$1 [R=301,L]

RewriteCond %{REQUEST_FILENAME} !-f

RewriteRule ^(.*)$ vendor/infrajs/router/index.php [L,QSA]

Вёрстка

Правила и ограничения для вёрстки

  1. style.css присутствует формально, текущая задача предполагает отсутствие уникальных стилей оформления, только то, что есть, по умолчанию, в bootstrap или в каком-то подключаемом расширении.
  2. В html-разметку должна попасть вся информация представленная в блок-схеме.
  3. Оформление не проверяется. Если семантиченски сделано правильно, что как разъезжается, не исправляется.
  4. Адаптивность формальная. Есть разметка по колонкам и определено их поведение для разных экранов col-sm-x и тп.

Отзывы