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

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

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

  1. кроссбраузерность (Chrome, Firefox, IE 9+, 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 коде не желательно, за исключением случаев когда стили формируются например скриптами динамически.