CSS— формальный язык описания внешнего вида документа, написанного с использованием языка разметки.

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

Правила CSS пишутся на формальном языке CSS и располагаются в таблицах стилей, то есть таблицы стилей содержат в себе правила CSS. Эти таблицы стилей могут располагаться как в самом веб-документе, внешний вид которого они описывают, так и в отдельных файлах, имеющих формат CSS. (По сути, формат CSS — это обычный текстовый файл.В файле .css не содержится ничего, кроме перечня правил CSS и комментариев к ним.)

PHP— скриптовый язык общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков, применяющихся для создания динамических веб-сайтов.В области веб-программирования, в частности серверной части, PHP — один из популярных сценарных языков (наряду с JSP, Perl и языками, используемыми в ASP.NET).

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

В настоящее время PHP используется сотнями тысяч разработчиков. Согласно рейтингу корпорации TIOBE, базирующемся на данных поисковых систем, в мае 2016 года PHP находился на 6 месте среди языков программирования. К крупнейшим сайтам, использующим PHP, относятся Facebook, Wikipedia и др.

JavaScript—прототипно-ориентированныйсценарный язык программирования. Является реализацией языка ECMAScript.

JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.

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

Постановка задачи

Задачи сайта «Сарапул вчера и сегодня»:

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

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

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

Тексты на сайте не должны содержать грамматических и стилистических ошибок.

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

Сайт должен нормально просматриваться и функционировать в наиболее распространенных браузерах: Firefox, GoogleChrome.

Сайт должен корректно отображаться для посетителей, имеющих разрешение экрана 800x600 и выше.

ПРОЕКТНАЯ ЧАСТЬ

Описание объектов информационной системы

В ходе разработки курсового проектирования были выделены следующие основные разделы сайта:

Прошлое

Настоящее

Популярные места

Местоположение

Регистрация

Подвал

Комментарий

Слайдер

Календарь

Время

Социальные кнопки

Вход на сайт

Описание интерфейса

На этой странице отображена история города Сарапул (рисунок 3)

CSS— формальный язык описания внешнего вида документа, написанного с использованием языка разметки. - student2.ru

Рисунок 3 – Прошлое

На сайте находятся пункты горизонтального меню. Располагаются в верхней части страницы. С помощью них можно получить доступ к разным страницам сайта (рисунок 4)

CSS— формальный язык описания внешнего вида документа, написанного с использованием языка разметки. - student2.ru

Рисунок 4 – горизонтальное меню

Нажав на пункт меню «Настоящее» выходит информация о Сарапуле в наше время (рисунок 5)

CSS— формальный язык описания внешнего вида документа, написанного с использованием языка разметки. - student2.ru

Рисунок 5 – Настоящее

Нажав на пункт меню «Популярные места» выходит информация о часто посещаемых местах в городе Сарапул (рисунок 6)

CSS— формальный язык описания внешнего вида документа, написанного с использованием языка разметки. - student2.ru

Рисунок 6 – Популярные места

Нажав на пункт меню «Местоположение» появляется карта с местоположением города Сарапул (рисунок 7)

CSS— формальный язык описания внешнего вида документа, написанного с использованием языка разметки. - student2.ru

Рисунок 7 – Местоположение

Нажав на кнопку «Зарегистрироваться» идёт переход на окно регистрации (рисунок 8)

CSS— формальный язык описания внешнего вида документа, написанного с использованием языка разметки. - student2.ru

Рисунок 8 – Регистрация

Так же на сайте присутствует «Подвал» (рисунок 9)

CSS— формальный язык описания внешнего вида документа, написанного с использованием языка разметки. - student2.ru

Рисунок 9 - Подвал

Наши рекомендации