Discussion Board

This is an old revision of the document!

Форматирование кода - стандартное

Стандарт при создании новых HTML - Bootstrap3. В случае невозможности применения bootstrap, можно использовать HTML5. При редактировании существующего файла, тип документа не меняем

Итоговый файл HTML должен удовлетворять следующему набору требований

1. кроссбраузерность (Chrome, Firefox, IE 8+, Safari)
2. адекватное представление на телефонах (если нет указаний что мобильные устройства можно игнорировать). Либо полностью responsive дизайн, либо простая проверка на корректность отображения в мобильных устройствах.
3. валидность на http://validator.w3.org/
4. максимально быстрая загрузка(хороший мануал http://developer.yahoo.com/performance/rules.html)

Порядок работы

1. Определяется набор картинок используемых для реализации страницы. В существующем проекте надо сперва проверить, нет ли уже готовых картинок по данной тематике страницы и возможно ли их использование либо изменение. В случае если картинка используется только на изменяемых страницах, имеет смысл редактировать картинку. Если есть изменения в картинке, в то же время на других страницах сайта используется оригинальная картинка, то создаем новую. Проверка использования картинки может осуществляться поиском по сайту в Dreamweaver. Более неиспользуемые картинки удаляем из свн и с сервера.
2. использование картинок для показа текста. Целесообразно в случае когда используется сложный шрифт, который более не используется в документе, в таком случае быстрее загружать картинку, а не стили шрифта. В ином случае надо использовать текст - картинка не индексируется поисковыми движками.
3. Определяется набор изменений в стилях. Подход примерно аналогичен работе с картинками - в случае работы с существующим файлом производиться проверка существования такого стиля в файлах, не затронутых изменениями - в таком случае пишется модификатор, к примеру

.authentic-list {

  height:1%;
  overflow:hidden;
  font-size:14px;
  line-height:16px;
  padding:0 105px 70px 150px;

}

используется на нескольких страницах, для него дописывается стиль

.part-2 .authentic-list {

  background:url('../../v2/images/testimonials/woman-1.png') no-repeat 270px;	 
  background-size: 70% auto;

}

Ненужные более блоки удаляются, если картинки определяемые в этих блоках не используются, они также удаляются. Использование css непосредственно в HTML коде не желательно, за исключением случаев когда стили формируются например скриптами динамически.