Цель создания css

CSS используется создателями веб-страниц для задания цветов, шрифтов, расположения отдельных блоков и других аспектов представления внешнего вида этих веб-страниц. Основной целью разработки CSS являлось разделение описания логической структуры веб-страницы (которое производится с помощью HTML или других языков разметки) от описания внешнего вида этой веб-страницы (которое теперь производится с помощью формального языка CSS). Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печатное представление, чтение голосом (специальным голосовым браузером или программой чтения с экрана), или при выводе устройствами, использующими шрифт Брайля.

HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме.

Язык HTML был разработан британским учёным Тимом Бернерсом-Ли  приблизительно в 1986-1991 годах в стенах Европейского Центра ядерных иследований в Женеве(Швейцария).  HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов -дескрипторов. Дескрипторы также часто называют «тегами». С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже.

Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов). Однако современное применение HTML очень далеко от его изначальной задачи. Например, тег <TABLE>, несколько раз использованный для форматирования страницы, которую вы на данный момент читаете, предназначен для создания в документах самых обычных таблиц, но, как можно убедиться, здесь нет ни одной таблицы. С течением времени основная идея платформонезависимости языка HTML была принесена в жертву современным потребностям в мультимедийном и графическом оформлении.

3. Проектирование задачи

3.1. Требования к приложению

Построить функциональный сайт, который будет в полной мере удовлетворять всем современным запросам, можно только используя не менее современные решения в области сайтостроительства. Главным вопросом, встающим перед тем, кто решил создать сайт для бизнеса или даже для собственного удовольствия является выбор платформы, на которой этот сайт будет развиваться.

Практика создания web-сайтов позволила сформулировать следующий ряд общих требований:

глубина содержания;

простота навигации;

стабильность информационных ресурсов;

оперативность обновления информации;

доступность для пользователей;

единство дизайна всех разделов.

Глубина содержания определяется объемом имеющейся информации, степенью ее детализации и ценностью. Все эти показатели должны стремиться к максимуму. Информативность web-сайтов может быть достигнута путем размещения материалов, представляющих наибольший интерес для виртуальных посетителей, которыми потенциально могут стать все пользователи Интернет.

Простота навигации зависит от логичности схемы построения web-сайта, которая обычно имеет иерархическую структуру. Важно обеспечить посетителям возможность без труда двигаться от раздела к разделу, легко возвращаться назад или получить справку. Ключевое значение при этом имеет разработка титульной страницы, которая содержит самый общий перечень разделов сервера, его "основной ряд".

Стабильность информационного наполнения определяется постоянством представленной информации. Пользователи должны быть уверены, что найдут интересующие их сведения, при любых технических и структурных реорганизациях. Даже утратившие острую актуальность материалы, например, доклады позапрошлогодней конференции или материалы завершившейся выставки, следует не удалять, а переводить в архивную часть сайта.

Оперативность обновления данных обеспечивает постоянное поддержание сайта в актуальном состоянии. Регулярное обновление и пополнение сведений, как ничто другое способствует сохранению интереса к web-сайту у его постоянных посетителей и, соответственно, повышают его популярность.

Доступность страниц складывается из нескольких факторов, главным их которых является техническая "устойчивость" web-сайта, что составляет заботу штата системных администраторов. Однако на доступность информации может повлиять и оформление страниц. Злоупотребление иллюстративными материалами, аудио- и видеофрагментами, которые "весят" намного больше обычного текста, может ощутимо снизить скорость передачи данных и, таким образом, в значительной степени затруднит или сделает совершенно невозможным их использование. Об этом надо постоянно помнить и применять графику, а тем более звук и видео, в разумных пределах.

Естественным требованием является единообразный стиль оформления всего web-сайта. При выборе цветового решения не следует гнаться за чрезмерной оригинальностью дизайнерского решения, цветовая схема web-сайта должен быть удобна для восприятия пользователем. Однако, следует всегда помнить, что изысканный внешний вид сайта не самоцель и хорош только тот дизайн, который работает на содержание. После создания или обновления страниц и перед загрузкой страниц непосредственно на web-сайт необходимо произвести проверку текста на наличие орфографических ошибок.

Пользовательский интерфейс сайта должен обеспечивать наглядное, интуитивно понятное представление структуры размещенной на нем информации, быстрый и логичный переход к разделам и страницам. Навигационные элементы должны обеспечивать однозначное понимание пользователем их смысла: ссылки на страницы должны быть снабжены заголовками, условные обозначения соответствовать общепринятым. Графические элементы навигации должны быть снабжены альтернативной подписью.

Система должна обеспечивать навигацию по всем доступным пользователю ресурсам и отображать соответствующую информацию. Для навигации должна использоваться система контент-меню. Меню должно представлять собой текстовый блок (список гиперссылок) в левой колонке или в верхней части страницы (в зависимости от утвержденного дизайна).

Для разделов, содержащих подразделы, должно быть предусмотрено выпадающее подменю.

При выборе какого-либо из пунктов меню пользователем должна загружаться соответствующая ему информационная страница (новостная лента, форма обратной связи и пр.), а в блоке меню (или в основной части страницы в зависимости от утвержденного дизайна) открываться список подразделов выбранного Дизайн и функциональные возможности сайта должны удовлетворять современным требованиям.

Требования предъявляемые заказчиком к обычному современному сайту, построенному на cms:

система отображения и публикации новостей с поддержкой RSS.

динамическое меню в несколько уровней;

вывод некой информации в виде блоков 

публикация объявлений

собственный поиск по сайту или по группам документов

публикация фото галерей

строка навигации по сайту, навигация в рамках категории , группы документов.

карта сайта

социальные закладки

видео публикации

На всех этапах работы над пользовательским интерфейсом соблюдены основные принципы проектирования пользовательского интерфейса: естественность, согласованность, простота, дружественность, гибкость, эстетическая привлекательность.