- •Интернет браузеры Принцыпы работы, отличия
- •Какие браузеры мы рассмотрим:
- •Основные функции браузера
- •Гипертекст
- •Скрипты
- •Сфера использования скрипта
- •Что означает тег?
- •Что такое сайт?
- •Основные элементы сайта
- •Разновидности сайтов
- •По предоставляемой информации Сайты делятся на множество разновидностей
- •Основная классификация сайтов по типам
- •Этапы разработки и оформления сайта
- •Программирование оформления
- •Основные требования к сайту
- •Правило первое: простота чтения
- •Требования к шрифтам
- •Правило второе: простота навигации и поиска
- •Правило третье: согласованность дизайна и макета
- •Правило четыре: быстрая загрузка
- •Основные требования к дизайну сайта Акцентирование
- •Контрастирование
- •Балансировка
- •Выравнивание
- •Повторение
- •Удобство восприятия
- •Основные редакторы сайтов
- •Литературные источники:
- •Интернет ресурсы:
Правило первое: простота чтения
Это правило сводится к тому, что при каких бы условиях посетитель не находился на вашем сайте, ему должно быть там удобно. Необходимо, чтобы каждый элемент на странице был отчетливо виден и доступен для прочтения в большинстве браузеров, как с включенной, так и с выключенной графикой. Яркие цвета – это, что без сомнения должно привлекать внимание человека. Но, в то же время, яркие цвета могут и рассевать внимание, как в приведенном выше примере. При продумывании цветового решения нужно учитывать корпоративный стиль и цвета вашей компании, отталкивайтесь от брендбука, если таковой имеется. Как бы то ни было, для создания фона остерегайтесь использовать – не нем не будет видно текста. Мягкий стильный фон – это то, что нужно, он является замечательной основой для размещения привлекающих внимание элементов. Если сомневаетесь, лучше оставьте фон страницы просто белой.
Яркие цвета больше подходят для того, чтобы обратить внимание пользователя на какие-то важные моменты, например, это могут быть ссылки.
Чтобы привлечь внимание пользователя также можно и нужно использовать 3D эффекты. Привлекательные ярлыки с 3D эффектами придадут сайту индивидуальности, будут производить впечатление высокого качества дизайна. Для фотографии, картинки и других графических элементов рекомендуется использовать компактные форматы, например gif, jpg и png. Они более легкие по сравнению, например, с форматом bmp и в большей степени подходят для использования в интернет.
Но в очередной раз следует отметить, что не должно быть перегруза страницы такими элементами – это может дать обратный эффект, запутает пользователя.
Требования к шрифтам
Теперь поговорим о шрифтах и о расположении текста на странице. Шрифты лучше всего использовать самые обычные, например, Arial. Если вы будите использовать какие-нибудь диковинные шрифты, существует риск, что браузер вашего пользователя такой шрифт не распознает.
Что касается расположения текста на странице, традиционно – это выравнивание по ширине. Еще довольно часто применяется центральное выравнивание. Но это как вам захочется. И конечно, не стоит использовать слишком большие шрифты для общего текста, но более большим можно выделять заголовки и какие-то важные моменты.
Правило второе: простота навигации и поиска
Хорошая навигация – это интуитивно простая навигация, заключающаяся в том, что посетитель всегда найдет ту информацию, которую ищет. На всех страницах должна находиться ссылка на карту сайта и существовать возможность выхода на главную страницу. Обратите внимание на цветовое оформление текстовых ссылок: не посещенную ссылку, как правило, выделяют синим цветом и подчеркиванием, а посещенную - фиолетовым и подчеркиванием.
Правило третье: согласованность дизайна и макета
HTML код и скрипты – это то, что включает в себя макет. Правильно составленный макет – его логичность – это залог того, что пользователь будет получать удовольствие от работы с вашим сайтом, свободно и легко ориентируясь в его разделах.
Как было сказано выше, дизайн – это, прежде всего, графика. Если на сайте присутствуют графические элементы, повторяющиеся в разных разделах, то они должны быть выполнены в едином стиле. А все объекты, расположенные на одной странице должны быть визуально взаимосвязаны.
Если благодаря согласованности элементов дизайна, структура сайта четко видна пользователю – значит задача выполнена.
