Differences

This shows you the differences between two versions of the page.

--- organization:html [2014/02/02 19:11] – dmitriy
+++ organization:html [2015/12/03 10:50] (current) – dmitriy
@@ Line 1: / Line 1: @@
 Форматирование кода - [[organization::formatting|стандартное]]
-Стандарт при создании новых HTML - Bootstrap3. В случае невозможности применения bootstrap, можно использовать HTML5. При редактировании сузествующего файла, тип документа не меняем
+Стандарт при создании новых HTML - Bootstrap3. В случае невозможности применения bootstrap, можно использовать HTML5. При редактировании существующего файла, тип документа не меняем (если используем xhtml, то оставляем его)
 Итоговый файл HTML должен удовлетворять следующему набору требований
-  - кроссбраузерность (Chrome, Firefox, IE 8+, Safari)
+  - кроссбраузерность (Chrome, Firefox, IE 9+, Safari)
-  - адекватное представление на телефонах
+  - адекватное представление на телефонах (если нет указаний, что мобильные устройства можно игнорировать). Либо полностью responsive дизайн, либо простая проверка на корректность отображения в мобильных устройствах.
   - валидность на http://validator.w3.org/
-  - максимально быстрая загрузка
+  - максимально быстрая загрузка (хороший мануал http://developer.yahoo.com/performance/rules.html)
+Порядок работы
+  - Определяется набор картинок используемых для реализации страницы. В существующем проекте надо сперва проверить, нет ли уже готовых картинок по данной тематике страницы и возможно ли их использование либо изменение. В случае если картинка используется только на изменяемых страницах, имеет смысл редактировать картинку. Если есть изменения в картинке, в то же время на других страницах сайта используется оригинальная картинка, то создаем новую. Проверка использования картинки может осуществляться поиском по сайту в Dreamweaver. Более неиспользуемые картинки удаляем из свн и с сервера.
+  - использование картинок для показа текста. Целесообразно в случае когда используется сложный шрифт, который более не используется в документе, в таком случае быстрее загружать картинку, а не стили шрифта. В ином случае надо использовать текст - картинка не индексируется поисковыми движками.
+  - Определяется набор изменений в стилях. Подход примерно аналогичен работе с картинками - в случае работы с существующим файлом производиться проверка существования такого стиля в файлах, не затронутых изменениями -  в таком случае пишется модификатор, к примеру
+.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 коде не желательно, за исключением случаев когда стили формируются например скриптами динамически.