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

Создание сайта по интересам

Содержание:

Введение

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

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

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

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

Техническое задание. Средства реализации

Техническое задание

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

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

На сайте предусмотрено три вида пользователей:

Администратор
Модератор
Автор

За работоспособность сайта отвечает администратор, в обязанности которого входит:

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

Основной информацией хранимой в справочниках системы является информация, касающаяся направлений в фотографии.

Модератор назначается администратором из числа зарегистрированных на сайте пользователей, и имеет право:

публикация статей на сайте;
снятие с публикации статей
публикация собственных работ на сайте
снятие любых работ с публикации.

Рисунок . – Варианты использования системы

Автор регистрируется на сайте самостоятельно. Посредством специальной формы и для него доступны операции:

публикация собственных работ на сайте;
снятие своих работ с публикации.

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

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

Возможные варианты использования и способы доступа на сайт и доступные функции для каждого из пользователей показаны на схеме (Рисунок 1.1).

Средства реализации

HTML5

HTML5 (англ. HyperText Markup Language, version 5) — язык для структурирования и представления содержимого всемирной паутины. Это пятая версия HTML. [2] Хотя стандарт был завершён (рекомендованная версия к использованию) только в 2014 году (предыдущая, четвёртая, версия опубликована в 1999 году), ещё с 2013 года браузерами оперативно осуществлялась поддержка, а разработчиками — использование рабочего стандарта (англ. HTML Living Standard). Цель разработки HTML5 — улучшение уровня поддержки мультимедиа-технологий с одновременным сохранением обратной совместимости, удобочитаемости кода для человека и простоты анализа для парсеров.

Во всемирной паутине долгое время использовались стандарты HTML 4.01, XHTML 1.0 и XHTML 1.1. Веб-страницы на практике оказывались свёрстаны с использованием смеси особенностей, представленных различными спецификациями, включая спецификации программных продуктов, например, веб-браузеров, а также сложившихся общеупотребительных приёмов. HTML5 был создан как единый язык разметки, который мог бы сочетать синтаксические нормы HTML и XHTML. Он расширяет, улучшает и рационализирует разметку документов, а также добавляет единый API для сложных веб-приложений.

CSS

Спецификация CSS3 – это неоспоримое будущее в области декоративного оформления веб-страниц, и ее разработка еще далека от завершения. Большинство модулей все еще продолжает совершенствоваться и модифицироваться, и ни один браузер не поддерживает все модули. Это означает, что CSS3 испытывает такие же сложности, как и HTML5. Веб-разработчикам нужно решать, какие возможности использовать, а какие игнорировать, а также каким образом заполнить зияющие пробелы в браузерной поддержке.[2]

Аббревиатура CSS расшифровывается, как «каскадные таблицы стилей» (от англ. Cascading Style Sheets). Таблицы стилей предназначены для визуального оформления элементов веб-страницы. Как правило, CSS используется в связке с HTML, что является весьма эффективным «инструментом» при создании любого сайта. Именно поэтому, наряду с изучением HTML также рекомендуется изучить технологию CSS.

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

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

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

JavaScript

JavaScript (JS для краткости) является языком программирования, который позволяет веб-страницам отвечать на действия пользователя дальше базового уровня. Он был создан в начале 90-х фирмой Netscape, браузер которой Netscape Navigator в те времена был наиболее популярным средством для просмотра веб-сайтов. Название javascript наводит на мысли о связи с языком java, который также может использоваться в веб-программировании, и, действительно, javascript разрабатывался во многом с опорой на язык Java, но следует всё же помнить, что это совершенно разные языки. Скрипты, написанные на javascript, выполняются на стороне клиента (т. е. на компьютере пользователя), и не просто на стороне клиента, а в самом браузере, поэтому не требуется никаких дополнительных программ, никаких плагинов и т. п., скрипт можно просто вставить в html-код страницы, и он будет выполняться в любом браузере. Javascript - простой и удобный язык, позволяющий легко управлять содержимым веб-страницы, отслеживая самые различные действия пользователя, и реагируя на это. Благодаря этому, javascript практически не имеет конкурентов в своей области применения и является первым языком, изучение которого нужно начинать веб-разработчику.

Bootstrap

Бутстрап — это css и js-фреймворк, по сути, по сути, набор файлов с готовым написанным кодом. Цель разработчиков практически любого фреймворка — упростить разработку сайта себе и другим, кому будет доступен инструмент. В случае с Bootstrap он полностью бесплатен, так что вы можете использовать его любым образом, редактировать исходный код и как угодно переделывать фреймворк под себя.

Классы Bootstrap можно разбить на 3 большие группы:

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

Кроме классов во фреймворке Bootstrap имеются ещё и компоненты (готовые объекты интерфейса). Это кнопки, хлебные крошки, формы, навигационные меню, выпадающие списки, всплывающие панели и др.

Применение фреймворка во время создания сайтов позволит решить многие задачи:

создание качественных адаптивных сайтов
современный дизайн (единый стиль оформления HTML элементов и компонентов).
является кроссбраузерным и кроссплатформенным (работает на всех популярных операционных системах и браузерах (Mozilla Firefox, Google Chrome, Safari, Internet Explorer и Opera и пр.).
является открытым и бесплатным, что означает, что его можно использовать бесплатно как для личного, так и для коммерческого использования.

MySQL

MySQL – это одна из самых популярных и получивших широкое распространенние СУБД (система управления базами данных) для интернета ресурсов. Данная система не предназначена для обеспечения обработки больших объемов информации, но ее использование идеально в сфере интернет-сайтов, как не очень небольших, так и весьма крупных ресурсах.

MySQL выделяется прекрасной скоростью работы, он надежен и гибок. Работа с ним, в основном, не вызывает каких-либо затруднений. Что немаловажно – автоматическая поддержка сервера MySQL присутствует в поставке PHP.

PHP

PHP (рекурсивный акроним словосочетания PHP: Hypertext Preprocessor) – это распространенный язык программирования общего назначения с открытым исходным кодом. PHP специально сконструирован для веб-разработок и его код может внедряться непосредственно в HTML и наоборот, HTML теги легко добавляются к скриптам, написанным на PHP.

PHP отличается от JavaScript тем, что PHP-скрипты выполняются на сервере и генерируют HTML, который посылается клиенту.

В настоящее время PHP широко применяется не только для непосредственного создания динамических сайтов, но и для написания инструментов и средств web-разработки. На данном языке создано большое количество всевозможных фреймворков и готовых систем управления контентом (всевозможных CMS и CMR).

Плагин dataTables

Данный jQuery плагин используется для организации табличного представления типизированного набора на html страницах сайтов.

Заявленная цель DataTables - «Улучшить доступность данных в таблицах HTML».

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

Описание модулей серверной части программы и их взаимодействие

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

Представим описание и функциональное назначение каждого из модулей в виде таблицы (Таблица 2.1).

Таблица . – Модули системы сайта

№ п/п	Наименование модуля	Назначение
1	articleRead.php	Просмотр текста определенной статьи
2	articles.php	Просмотр списка опубликованных статей
3	articlesAdd.php	Форма ввода данных для регистрации статьи
4	articlesDel.php	Удаление статьи из списка публикации
5	articlesIns.php	Изменение данных о статье
6	chkSession.php	Проверка входа пользователя в систему
7	enter.php	Запрос данных для входа в систему
8	enterUser.php	Проверка данных пользователя при входе в систему
9	exit.php	Завершение работы с системой
10	footer.php	Отображение подвала станицы
11	genree.php	Справочник жанров
12	genreeAdd.php	Форма ввода / изменения информации о жанре
13	genreeDel.php	Удаление жанра из справочника
14	genreeIns.php	Добавление изменение информации о жанре
15	header.php	Вывод заголовка страницы
16	index.php	Главная страница сайта
17	ini.php	Инициализация, настройки системы
18	menu.php	Подготовка меню системы в зависимости от прав и ролей пользователей
19	register.php	Форма регистрации пользователя в системе
20	registerIns.php	Добавление информации о зарегистрированном пользователе
21	registerOk.php	Отображение информации об успешной регистрации
Продолжение таблицы 2.1
22	userDel.php	Удаление информации о пользователе из системы
23	users.php	Список зарегистрированных пользователей
24	userSwitch.php	Переназначение прав пользователей
25	works.php	Список опубликованных работ
26	worksAdd.php	Форма добавления новой работы
27	worksDel.php	Удаление работы
28	worksIns.php	Добавление информации о работе в систему, загрузка файла

Каждый ресурс Интернета содержит несколько тематических рубрик, соединенных между собой гиперсвязями. Как правило, ссылки на все разделы сайта с краткими анонсами их содержимого приводится на первой, так называемой стартовой странице, которой присваивается имя index.htm (.html) или как в нашем случае index.php, так как основой создания сайта служит язык php. Если тематические рубрики содержат собственные подразделы, каждая из них также имеет свою стартовую страницу, называющуюся index.html.

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

Структурная схема сайта показана на рисунке (Рисунок 2.1).

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

Сессии – это группы переменных, которые хранятся на сервере, но относятся к одному уникальному посетителю. Повторю, это ключевой момент: сессии хранятся на сервере.

Рисунок . – Схема сайта

Для того, чтобы обеспечить взаимодействие каждого посетителя с его данными из его сессии используется файл cookie, команду создать который PHP даёт сам, вам об это беспокоится не нужно. Этот cookie имеет значение только для сервера и не может быть использован для получения данных о пользователе.

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

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

В данном модуле содержится следующий код:

<?php

/**

* Проверка сессии, входа пользователя в систему

session_start();

$id_us = 0;

$id_rl = 0;

$usName = "";

$usMail = "";

if(isset($_SESSION["id_us"]))

$id_us = (int)$_SESSION["id_us"];

if(isset($_SESSION["id_rl"]))

$id_rl = (int)$_SESSION["id_rl"];

if(isset($_SESSION["usName"]))

$usName = $_SESSION["usName"];

if(isset($_SESSION["usMail"]))

$usMail = $_SESSION["usMail"];

Здесь переменные $id_us, $id_rl, $usName используются для получения информации о коде пользователя, его имени и роли в системе. Если переменная $id_us после проверки равна 0 – значит пользователя в системе не зарегистрировано.

Если $id_us > 0 значит в систему вошел один из авторизованных пользователей системы, роль которого определяется значением, сохраненным в id_rl.

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

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

<?php

// авторизация роли

const ADMIN = 1;

const MODERATOR = 2;

const AVTOR = 3;

const NOBODY=0;

// база данных, соединение

const DB_NAME = "fotos";

const DB_USER = "root";

const DB_HOST = "127.0.0.1";

const DB_PASS = "";

Описание структуры базы данных и ее функций

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

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

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

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

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

Построим описание атрибутов сущностей разрабатываемой системы.

Описание сущности Жанр (Таблица 3.1).

Таблица . – Атрибуты сущности Жанр

Атрибут	Ключ	Значение	Домен
Код жанра	+	Идентификатор записи	Число
Наименование		Название жанра фотографии	Текст

Описание сущности Роли (Таблица 3.3).

Таблица . – Атрибуты сущности Роли

Атрибут	Ключ	Значение	Домен
Код роли	+	Идентификатор записи	Число
Наименование		Наименование роли пользователя	Текст

Описание сущности Пользователи (Таблица 3.4).

Таблица . – Атрибуты сущности Пользователи

Атрибут	Ключ	Значение	Домен
Код пользователя	+	Идентификатор записи	Число
Ник		Никнейм пользователя, заданный при регистрации	Текст
Логин (E-Mail)		Адрес электронной почты, используется как логин для входа	Текст
Пароль		Пароль для входа в систему	Текст
Код роли		Роль пользователя в системе	Чсило

Описание сущности Статьи (Таблица 3.5).

Таблица . – Атрибуты сущности Статьи

Атрибут	Ключ	Значение	Домен
Код статьи	+	Идентификатор записи	Число
Название		Наименование статьи	Текст
Анонс		Краткий анонс	Текст
Текст		Текст статьи	Текст
Дата публикации		Дата публикации	Дата
Код пользователя		Пользователь, разместивший статью	Число

Описание сущности Работы (Таблица 3.6).

Таблица . – Атрибуты сущности Работы

Атрибут	Ключ	Значение	Домен
Код работы	+	Идентификатор записи	Число
Наименование		Наименование работы
Дата съемки		Дата проведения съемки
Описание		Описание работы, условий съемки
Файл		Имя файла

На основе построенных описаний сущностей и их атрибутов построим инфологическую схему базы данных (Рисунок 3.1).

Рисунок . – Логическая структура базы данных

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

Физическое представление схемы базы данных приведено на схеме (Рисунок 3.2).

Рисунок . – Физическая схема базы данных

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

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

Приведем пример кода для процедуры userDel:

-- Создать процедуру `userDel`

CREATE DEFINER = 'root'@'%'

PROCEDURE userDel (IN _id_us int)

BEGIN

SET AUTOCOMMIT = 0;

START TRANSACTION;

DELETE

FROM works

WHERE id_us = _id_us;

DELETE

FROM works

WHERE id_us = _id_us;

DELETE

FROM users

WHERE id_us = _id_us;

COMMIT;

END

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

Описание структуры клиентской части

Описание интерфейса «Обычный пользователь»

Начало любой работы с системой начинается с главной формы приложения (Рисунок 4.1).

Рисунок . – Главная страница

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

Для перехода к списку статей следует использовать пункт меню Статьи. При выборе данного пункта осуществиться переход на список статей, опубликованных на сайте (Рисунок 4.2).

Рисунок . – Список статей

Для просмотра заинтересовавшей статьи следует кликнуть на ее заголовке, после чего откроется полный текст статьи (Рисунок 4.3).

Рисунок . – Текст статьи

Использование пункта меню Работы откроет список работ, опубликованных авторами сервиса (Рисунок 4.4).

Рисунок . – Просмотр работ авторов сервиса

Описание интерфейса «Администратор»

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

Рисунок . – Меню системы неавторизованного пользователя

После чего будет открыта форма авторизации в системе, в которой следует ввести свои учетные данные (Рисунок 4.6).

Рисунок . – Вход в систему

После входа в систему, меню примет следующий вид (Рисунок 4.7).

Рисунок . – Меню администратора сайта

В данном меню кроме стандартных и предопределенных пунктов добавится пункт Справочники. При помощи данного пункта администратор имеет возможность вносить изменения в справочники системы (Рисунок 4.8).

Рисунок . – Справочники системы

Справочники обрабатываются при помощи табличного представления данных (Рисунок 4.9).

Рисунок . – Справочник жанров

Кнопка Добавить осуществляет переход на форму запроса и добавления новой информации в справочник жанров (Рисунок 4.10).

Рисунок . – Добавление нового жанра

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

Кнопка Изменить – откроет форму, в которой необходимо внести изменения в существующую запись (Рисунок 4.11).

Рисунок . – Форма изменения жанров

Для просмотра и управления аккаунтами пользователей необходимо использовать пункт меню Справочников – Пользователи. Данный пункт откроет систему управления аккаунтами пользователей (Рисунок 4.12).

Рисунок . – Справочник пользователей

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

Рисунок . – Настройка отображения

Табличная система управления информацией в справочниках предоставляет возможность настроек визуализации представленной информации для этого необходимо использовать настройку показа количества записей на странице (Рисунок 4.13).

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

Также возможно производить фильтрацию записей по содержимому. Для чего следует использовать поисковый функционал системы управления данными (Рисунок 4.14).

Рисунок . – Применение поиска по данным

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

Так в списке статей возможно добавить новую статью или удалить ее из публикации используя соответствующие кнопки (Рисунок 4.15).

Рисунок . – Управление статьями

Кнопка удалить под статьей удаляет ее из списка публикации.

Кнопка добавить над списком статей осуществляет переход на форму добавления новой статьи.

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

Инструкция пользователя

Для начала работы необходимо войти на главную страницу сайта (Рисунок 4.16).

Рисунок . – Начало работы

Для перемещения и управления функционалом необходимо использовать систему меню сайта (Рисунок 4.17).

Рисунок . – Меню администратора сайта

Для просмотра статей следует перейти в соответствующий раздел, нажав выбрав пункт Статьи. Данное действие направит на список статей, опубликованных на сервисе (Рисунок 4.18).

Рисунок . – Список статей для чтения

Рисунок . – Текст статьи

Для просмотра опубликованных работ используется раздел Работы.

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

Рисунок . – Регистрация пользователя

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

Заключение

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

дано общее описание автоматизируемого объекта;
построена модель базы данных;
спроектировано и реализовано приложение для работы и управления созданной базой данных с применением web-технологий.

В процессе выполнения работы была создана база данных, с применением среды MySQL. Реализация проекта велась с применением языков CSS, HTML, PHP, а также м использованием языка SQL запросов для обращения и изменения информации в связанной базе данных системы.

Результатом работы явилось достижение целей:

закрепление теоретического материала по дисциплинам, связанных с изучением баз данных;
практические навыки создания web-ресурса с применением языка программирования PHP.

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

Литература

Пирогов, В.Ю. Информационные системы и базы данных: организация и проектирование: Учебное пособие / В.Ю. Пирогов. - СПб.: БХВ-Петербург, 2009. - 528 c.
Вадим Дунаев. HTML, скрипты и стили. BHV, Санкт-Петербург, 2015. ISBN 978-5-9775-3317-1.
Н. Закас, Джереми Мак-Пик, Джо Фосетт. Ajax для профессионалов. Перевод: Александр Киселев. Символ, Санкт-Петербург, 2015. ISBN 978 5 93286-081-6.
К. Блессинг, Роб Черни, К. Шмитт. Применение Web-стандартов CSS и Ajax для больших сайтов. Корона-Век, Санкт-Петербург, 2011. ISBN 978 5 7931-0844-7.
Adobe Dreamweaver CS6. Официальный учебный курс. Эксмо, Москва, 2014. ISBN 978-5-699-69655-0.
Чои Вин. Как спроектировать современный сайт. Питер, Санкт-Петербург, 2011. ISBN 978-5-459-00579-0.
А. Годин, К. Джонсон, К. Уоррен, М. Уэбер, Брайан Хоган. Книга веб-программиста: секреты профессиональной разработки веб-сайтов. Питер, Санкт-Петербург, 2013. ISBN 978-5-459-01510-2.
Алан Купер, Дэйв Кронин, Кристофер Носсел, Роберт Рейман. Алан Купер об интерфейсе. Основы проектирования взаимодействия. Символ, Санкт-Петербург, 2015. ISBN 978-5-93286-132-5.
Стив Круг. Как сделать сайт удобным. Юзабилити по методу Стива Круга. Питер, Санкт-Петербург, 2010. ISBN 978-5-49807-515-0.
Кирилл Сухов. HTML 5. Путеводитель по технологии. ДМК, Москва, 2013. ISBN 978-5-94074-910-3.

Исходные коды

Index.php

<?php

include "header.php";

<h1>Фотография</h1>

<p>Фотогра́фия (фр. photographie от др.-греч. φως / φωτος — свет и γραφω — пишу; светопись — техника рисования

светом) — получение и сохранение статичного изображения на светочувствительном материале (фотоплёнке или

фотографической матрице) при помощи фотокамеры.

</p>

<p>Также фотографией или фотоснимком, или просто снимком называют конечное изображение, полученное в результате

фотографического процесса и рассматриваемое человеком непосредственно (имеется в виду как кадр проявленной

плёнки, так и изображение в электронном или печатном виде).

</p>

</div>

<?php

include "footer.php";

menu.php

<?php

include "ini.php";

//include "chkSession.php";

</button>

<a class="nav-link" href="index.php">Главная</a>

</li>

<a class="nav-link" href="articles.php">Статьи</a>

</li>

<a class="nav-link" href="works.php">Работы</a>

</li>

<?php

if ($id_rl == ADMIN) {

<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Справочники</a>

<a class="dropdown-item" href="genree.php">Жанры</a>

<a class="dropdown-item" href="users.php">Пользователи</a>

</div>

</li>

<?php

}

</ul>

<?php

if($id_us == NOBODY) {

<a href="register.php" class="btn btn-outline-light mr-sm-2">Регистрация</a>

</div>

<?php

}else {

<a href="exit.php" class="btn btn-danger my-2 my-sm-0">Выход</a>

</div>

<?php

}

</div>

</nav>

</div>

fotos.js

$(document).ready(function () {

var tbl = $('#dataTables').DataTable( {

select: true,

sort: true,

responsive: true,

language : {

"processing": "Подождите...",

"search": "Поиск:",

"lengthMenu": "Показать _MENU_ записей",

"info": "Записи с _START_ до _END_ из _TOTAL_ записей",

"infoEmpty": "Записи с 0 до 0 из 0 записей",

"infoFiltered": "(отфильтровано из _MAX_ записей)",

"infoPostFix": "",

"loadingRecords": "Загрузка записей...",

"zeroRecords": "Записи отсутствуют.",

"emptyTable": "В таблице отсутствуют данные",

"paginate": {

"first": "Первая",

"previous": "Предыдущая",

"next": "Следующая",

"last": "Последняя"

"aria": {

"sortAscending": ": активировать для сортировки столбца по возрастанию",

"sortDescending": ": активировать для сортировки столбца по убыванию"

}

});