Файл: Разработка Web-сайта с использованием технологии PHP и MySQL.pdf

ВВЕДЕНИЕ

Веб-технологии ознаменовали собой массовый прорыв Интернет-ресурсов к широкому кругу пользователей, и активное их распространение представляется необратимым процессом. Большинство ученых и специалистов считают, что ХХI столетие - век информации и информационных технологий. Экономическое развитие мирового сообщества обусловлено двумя необратимыми поступательными процессами: быстрым развитием информационных технологий и жесткой конкуренцией на рынке интеллектуальных услуг. Ведущая роль всемирной паутины в этих процессах сегодня становится очевидной. Большинство компаний, будь то крупная корпорация или фирма с малым бизнесом, используют информационные технологии для автоматизации своих бизнес-процессов, где Интернет зачастую выступает в качестве основной технологии, а иногда и единственной.

С помощью информационных технологий можно построить единое информационное пространство, охватывающее все бизнес-процессы компании: объединение участников бизнеса - сотрудников компании; ее клиентов; партнеров компании; ее поставщиков и производителей; участников сети продаж. В этом случае уместно говорить об «электронном бизнесе», составляющей которого является электронная коммерция. Электронный бизнес предусматривает проведение всего цикла коммерческих операций только через Интернет, и его реализация требует пересмотра всей модели ведения бизнеса. Компания, недоучитывающая потенциал электронного бизнеса и электронной коммерции, может утратить свои коммерческие позиции под натиском более способных к адаптации в условиях новых реалий рынка конкурентов. Значимость современных Интернет-технологий и их влияние на развитие мирового сообщества, определило выбор темы курсовой работы, ее цели и состав рассмотренных в ней задач. Актуальность темы исследования: заключается в том, что на сегодняшний день любая фирма, компания или обычный фрилансер нуждаются в рекламе своей организации, как текстовой, так и визуальной в виде сайтов.

Целью курсовой работы является разработка Web-сайта при помощи языка PHP c использованием баз данных MySQL. Поставленные цели обусловили необходимость решения следующих задач:

1. Изучить технологии разработки сайта и необходимые для этого инструменты.
2. Выработать оптимальную структуру Web-сайта.
3. Разработать Web-сайт, построенный с помощью языка PHP, который будет предоставлять полезную структурированную информацию пользователям. 
    

---

1.Технологические процессы и инструменты разработки сайтов

Web - сайт – это набор Web-страниц, связанных между собой гиперссылками. Web-страницы или гипертекстовые документы представляют собой текст, в котором содержатся специальные команды, называемые тегами (tags). Эти теги обеспечивают форматирование элементов страницы и позволяют размещать на ней графические объекты, рисунки, гиперссылки и т.д. Web-страницы создаются с помощью специального языка HTML. HTML или Hyper Text Markup Language является языком разметки гипертекста, разметка осуществляется с помощью тегов. Сегодня кроме HTML применяются и другие языка разметки: WML, XML. В настоящее время для создания интерактивных сайтов применяются различные современные технологии: PHP, ASP, Perl, JSP, CSS, базы данных DB2, MsSQL, Oracle, Access и т.д. Современные сайты, как правило, управляемые сайты, т.е. сайты, которые оснащены CMS (Системой Управления Контентом - Content Management Systems).

• 1. Разметка web-документа

HTML (HyperText Markup Language) — это обычный текстовый документ, может быть создан как в обычном текстовом редакторе (Блокнот), так и в специализированном, с подсветкой кода (Notepad++, Visual Studio Code и т.п.). HTML-документ имеет расширение .html. 

HTML-документ состоит из дерева HTML-элементов и текста. Каждый элемент обозначается в исходном документе начальным (открывающим) и конечным (закрывающим) тегом (за редким исключением).  Начальный тег показывает, где начинается элемент, конечный — где заканчивается. Закрывающий тег образуется путем добавления слэша «/» перед именем тега: «<имя тега>…</имя тега>». Между начальным и закрывающим тегами находится содержимое тега — контент.

Одиночные теги не могут хранить в себе содержимого напрямую, оно прописывается как значение атрибута, например, тег <input type="button" value="Кнопка"> создаст кнопку с текстом Кнопка внутри.

Теги могут вкладываться друг в друга, например, <p><i>Текст</i></p>. При вложении следует соблюдать порядок их закрытия (принцип «матрёшки»), например, следующая запись будет неверной: <p><i>Текст</p></i>.

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

---

Каждому элементу можно присвоить несколько значений class и только одно значение id. Множественные значения class записываются через пробел, <div class="nav top">. Значения class и id должны состоять только из букв, цифр, дефисов и нижних подчеркиваний и должны начинаться только с букв или цифр.

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

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

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

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

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

Объявление стиля состоит из двух частей: селектора и объявления. В HTML имена элементов нечувствительны к регистру, поэтому «h1» работает так же, как и «H1». Объявление состоит из двух частей: имя свойства (например, color) и значение свойства (grey). Селектор сообщает браузеру, какой именно элемент форматировать, а в блоке объявления (код в фигурных скобках) перечисляются форматирующие команды — свойства и их значения. Стили CSS по своей сути являются технологией, которая позволяет изменять цвета, размеры и расположение блоков, текста и любых других элементов HTML-разметки. Можно сказать кратко: CSS — это любые «красивости» на веб-сайте.

---

• 1. Языки программирования и БД

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

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

JavaScript – язык программирования, являющийся прототипно-ориентированным. Он отражает язык ECMAScript, чьим прототипом изначально и являлся. Первая вариация появилась ещё в 1995 году и с тех пор постоянно совершенствовалась, пока не пришла к нынешнему виду.

Чаще этот язык используется в разработке приложений и браузерах с целью придания им интерактивности и «живости».

Частой ошибкой встречается путаница между Java и JavaScript – это два разных языка, несмотря на схожие названия.

Базовой особенностью этого языка отмечается то, что на него повлияли другие (Python, Java и др.) языки программирования с целью придания максимального комфорта JavaScript и лёгкости в понимании его теми пользователями, которые не имеют соответствующего образования и глубинных знаний – не программистами. JavaScript – официально зарегистрированная торговая марка компании Oracle.

С помощью него доступны к исполнению следующие функции:

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

Область применения этого языка удивительно обширна и ничем не ограничена: среди программ, которые используют JS, присутствуют и тестовые редакторы, и приложения (как для компьютеров, так и мобильные и даже серверные), и прикладное ПО.

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

• Полная поддержка современных браузеров языка JavaScript.
• Простота использования и понимания написанных на JavaScript плагинов и скриптов.
• Полезные функциональные настройки.
• Постоянно совершенствующийся язык – сейчас разрабатывается бета-вариация проекта, JavaScript2.
• Взаимодействие с приложением может осуществляется даже через текстовые редакторы – Microsoft Office и Open Office.
• Перспектива использования языка в процессе обучения программированию и информатике.

---

Но, как и все в этом мире имеет свои недостатки, так и JavaScript они не обошли:

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

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

PHP создавался для веб-разработки, и для этого он в основном и используется, причём в основном для backend-разработки, то есть разработки серверной стороны сайта. На нём часто пишут динамические страницы и небольшие веб-программы. Вот несколько примеров его использования:

• работа с базами данных; 
• создание системы комментариев; 
• разработка форумов; 
• разработка поиска по сайту; 
• создание страницы для регистрации и входа в систему. 

Если говорить о плюсах данного языка:

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

Конечно, стоит так же осветить и минусы:

• Чтобы работать с PHP, нужно знать как минимум HTML, а лучше ещё и CSS. Знание JavaScript тоже пригодится.
• У простоты и гибкости PHP тоже есть обратная сторона: написать плохой код очень просто, ошибиться легко, а найти ошибку тяжело. Из-за этого поддерживать код бывает непросто.
• Безопасность. Во-первых, проблему создаёт то, что код лежит в открытом доступе: если кто-то найдёт в коде баг, он может использовать это в своих целях. Во-вторых, из-за простоты языка и большого количества разработчиков код часто низкого качества и в нём не предусмотрена защита.
• Скорость. PHP не самый производительный язык: например, его конкурент JavaScript-быстрее.
• Нет четкой системы в названиях функций стандартной библиотеки: в некоторых есть сокращения, в некоторых нет (call_user_func vs. create_function). В некоторых есть подчёркивание, в некоторых нет (isset vs. is_null), а, например, в названиях функций для работы со строками иногда бывает обозначение str, а иногда его не бывает. Такая нестабильность усложняет работу.

---