Рекомендации по разработке дизайна
Вот решил изложить некоторые рекомендации по разработке дизайна, т.к. дизайнеры часто повторяют одни и те же ошибки.
1. Каждый блок - законченная смысловая структура. Т.е. теги в ограничивающие блок должны начинаться в блоке и в нём заканчиваться. Ни в коем случае, теги, которые относятся к какому-то из блоков не должны находиться в других блоках.
2. Все изображения должны находиться в отдельной папке. Папка должна называться images. Ни в коем случае, не i или ещё какое-то одно-буквенное название...
3. Все пути к файлам должны быть относительными.
4. Логотип - чаще всего является ссылкой на начло сайта. Т.е. ссылкой на '/'
... Логотип...
5. Все стили - в отдельном файле стилей, который называется styles.css или style.css.
6. Не забывайте включать в дизайн все блоки, которые должны быть на сайте. Например, часто на сайте есть авторизация, значит в дизайне она тоже должна быть. Так же часто есть: поиск, карта сайта, меню (верхнее, левое, нижнее), смена страниц, полоса навигации (хлебная крошка), логотип, центральная часть (контент, каталог товаров и т.п.), новости, последние новости, анонсы, полоса прокрутки страниц, и т.п.
7. Лучше использовать div, а не таблицы для расположения блоков. Т.к. div обладает большей свободой, чем таблицы.
8. Название стилей должно быть осмысленным. Название полей, форм и т.п. тоже осмысленные.
9. Не забывайте заключать формы в тег для форм - form.
10. Кнопки должны быть кнопками, а не ссылками.
11. Обязательно указывайте стили для основных тегов, которые срабатывают по умолчанию.
Например, обязательно необходимо назначать стили:
h1, h2, h3, h4, h5, h6, body, a, a:hover и т.п.
12. В стилях используйте комментарии.
13. Теги, закрывающие должны быть под тегами открывающими. Форматируйте корреткно текст.
14. Если грузится для стиля фоновое изображение для стиля, то вначале грузите простой фон, а потом, следующим захом - стиль с изображением.
15. Используйте по-максимуму стили по-умолчанию.
Например, если идёт заголовок страницы, используйте тег
, а не указывайте отдельный div или класс для ячейки.
1. Каждый блок - законченная смысловая структура. Т.е. теги в ограничивающие блок должны начинаться в блоке и в нём заканчиваться. Ни в коем случае, теги, которые относятся к какому-то из блоков не должны находиться в других блоках.
2. Все изображения должны находиться в отдельной папке. Папка должна называться images. Ни в коем случае, не i или ещё какое-то одно-буквенное название...
3. Все пути к файлам должны быть относительными.
4. Логотип - чаще всего является ссылкой на начло сайта. Т.е. ссылкой на '/'
... Логотип...
5. Все стили - в отдельном файле стилей, который называется styles.css или style.css.
6. Не забывайте включать в дизайн все блоки, которые должны быть на сайте. Например, часто на сайте есть авторизация, значит в дизайне она тоже должна быть. Так же часто есть: поиск, карта сайта, меню (верхнее, левое, нижнее), смена страниц, полоса навигации (хлебная крошка), логотип, центральная часть (контент, каталог товаров и т.п.), новости, последние новости, анонсы, полоса прокрутки страниц, и т.п.
7. Лучше использовать div, а не таблицы для расположения блоков. Т.к. div обладает большей свободой, чем таблицы.
8. Название стилей должно быть осмысленным. Название полей, форм и т.п. тоже осмысленные.
9. Не забывайте заключать формы в тег для форм - form.
10. Кнопки должны быть кнопками, а не ссылками.
11. Обязательно указывайте стили для основных тегов, которые срабатывают по умолчанию.
Например, обязательно необходимо назначать стили:
h1, h2, h3, h4, h5, h6, body, a, a:hover и т.п.
12. В стилях используйте комментарии.
13. Теги, закрывающие должны быть под тегами открывающими. Форматируйте корреткно текст.
14. Если грузится для стиля фоновое изображение для стиля, то вначале грузите простой фон, а потом, следующим захом - стиль с изображением.
15. Используйте по-максимуму стили по-умолчанию.
Например, если идёт заголовок страницы, используйте тег
Комментарии