Differences

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

--- organization:html [2014/02/03 11:30] – 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 дизайн, либо простая проверка на корректность отображения в мобильных устройствах.
+  - адекватное представление на телефонах (если нет указаний, что мобильные устройства можно игнорировать). Либо полностью responsive дизайн, либо простая проверка на корректность отображения в мобильных устройствах.
   - валидность на http://validator.w3.org/
-  - максимально быстрая загрузка(хороший мануал http://developer.yahoo.com/performance/rules.html)
+  - максимально быстрая загрузка (хороший мануал http://developer.yahoo.com/performance/rules.html)
 Порядок работы
   - Определяется набор картинок используемых для реализации страницы. В существующем проекте надо сперва проверить, нет ли уже готовых картинок по данной тематике страницы и возможно ли их использование либо изменение. В случае если картинка используется только на изменяемых страницах, имеет смысл редактировать картинку. Если есть изменения в картинке, в то же время на других страницах сайта используется оригинальная картинка, то создаем новую. Проверка использования картинки может осуществляться поиском по сайту в Dreamweaver. Более неиспользуемые картинки удаляем из свн и с сервера.
+  - использование картинок для показа текста. Целесообразно в случае когда используется сложный шрифт, который более не используется в документе, в таком случае быстрее загружать картинку, а не стили шрифта. В ином случае надо использовать текст - картинка не индексируется поисковыми движками.
   - Определяется набор изменений в стилях. Подход примерно аналогичен работе с картинками - в случае работы с существующим файлом производиться проверка существования такого стиля в файлах, не затронутых изменениями -  в таком случае пишется модификатор, к примеру
 .authentic-list {
-    height:1%;
+    height: 1%;
-    overflow:hidden;
+    overflow: hidden;
-    font-size:14px;
+    font-size: 14px;
-    line-height:16px;
+    line-height: 16px;
-    padding:0 105px 70px 150px;
+    padding: 0 105px 70px 150px;
 }
@@ Line 29: / Line 31: @@
 }
-Ненужные более блоки удаляются, если картинки определяемые в этих блоках не используются, они также удаляются.
+Ненужные более блоки удаляются, если картинки определяемые в этих блоках не используются, они также удаляются. Использование css непосредственно в HTML коде не желательно, за исключением случаев когда стили формируются например скриптами динамически.