Файл: Курсовой проект Разработка Web сайта для заказа клининговых услуг.docx

Скачать файл
Заказать решение

ВУЗ: Не указан

Категория: Не указан

Дисциплина: Не указана

Добавлен: 03.02.2024

Просмотров: 14

Скачиваний: 0

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.


(модификаторов тегов).

Согласно Справочнику HTML ElementReferenceот Mozilla Developer Network, в настоящее время существует 140 тегов HTML, хотя некоторые из них уже устарели (не поддерживаются современными браузерами). Из-за быстрого роста популярности HTML теперь считается официальным веб-стандартом. Спецификации HTML поддерживаются и разрабатываются консорциумом World Wide Web (W3C).

Самым большим обновлением языка стало внедрение HTML5 в 2014 году. Было добавлено несколько новых семантических тегов к разметке, которые показывают смысл их собственного контента, например
,
и
.

HTML (Hypertext Markup Language) - это код, который используется для структурирования и отображения веб-страницы и её контента. Например, контент может быть структурирован внутри множества параграфов, маркированных списков или с использованием изображений и таблиц данных. Как видно из названия, эта статья даст вам базовое понимание HTML и его функций.

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

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

Также есть ограниченные возможности по изменению внешнего вида:

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

На данный момент выпущено пять версий языка. Первая версия была разработана между 1986 и 1991 годами, а последняя (5.2) - в 2017. Изначально он должен был стать независимым от каких-либо платформ - отображаться везде одинаково. Но этого не случилось, потому что у пользователей росли требования к мультимедиа.

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

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

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

Появился встроенный плеер - теперь не нужно подключать Adobe Flash Player или другие плагины. Визуальная часть перетаскивания элементов теперь реализуется на HTML и CSS, если добавить атрибут draggable.,
WordPress - бесплатный движок сайта, который позволяет создавать страницы без знания HTML-кода. Сейчас это самая популярная платформа для сайтов в интернете. Благодаря своей популярности она обросла бесконечным количеством надстроек и возможностей, поэтому сейчас на Вордпрессе можно сделать все.

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

Устройство WordPress:

Контент. У WordPress есть понятие контента: это текст, картинки, название статей, теги, категории, описания статей и всякие метаданные. Всё это хранится в базе данных и пока что никак не связано с дизайном.

Тема. Отдельно от контента живёт тема - это как бы мини программа, которая отвечает за вывод контента.

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

База. Собственно, сам WordPress. Он отвечает за связь с сервером, технический вывод страниц, создание контента в текстовом редакторе, хранение и резервирование данных, вход по паролю, загрузку обновление. Это как бы невидимая операционная система вашего сайта. Плюс есть видимая панель админа, через которую идет работа над сайтом.

Хотя CMS очень гибкая, в некоторых случаях ее использовать нецелесообразно.

Например, на вордпресс не рекомендуется делать такие веб-ресурсы, как:

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

Сложные сервисы. Если вам нужен ресурс, который может поддерживать и обрабатывать большой поток процессов, WordPress не подойдет. Для супер сложных задач CMS может не хватить возможностей, и она попросту заклинит.

В этом случае понадобятся, скорее всего, авторские разработки.

Язык программирования PHP.

PHP - это препроцессор гипертекста (HTML), серверный язык программирования, скриптовый, интерпретируемый язык программирования.

Основная задача PHP - это «оживление» HTML страниц.

Обычные HTML-страницы статичны. Статичность означает, что после того, как страницу создали и загрузили на сайт, при каждом обращении к этой странице браузер покажет её любому пользователю в неизменном виде.

Но этого не всегда достаточно.

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

Если использовать только HTML, то решить такие задачи не получится. Здесь нам и понадобится PHP. Он принимает входящий запрос от веб-сервера, выполняет сценарий и возвращает веб-серверу результат в виде готового HTML-код. Сервер отправляет этот результат в браузер пользователю, который, в свою очередь, отображает её пользователю. После этого видно свежий курс валют, погоду и т.д.

РНР позволяет изменять веб-страницу на сервере непосредственно перед тем, как она будет отправлена браузеру.

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

Где используется PHP

Основная сфера применения языка PHP - это веб, то есть сайты, которые мы каждый день посещаем через браузер компьютера или смартфона. Важно понимать, что веб - это не весь интернет, а только самая большая и популярная его часть. Кроме веба через интернет работает электронная почта, мессенджеры, файлообменные сервисы, сетевые игры и многое другое.

Практически каждый сайт, который есть в интернете, работает на PHP. Этот язык отлично подходит для любых динамических веб-сайтов, среди которых:

-социальные сети;

блоги и форумы;

интернет-магазины; - браузерные игры.

Модульные возможности PHP привели к тому, что большинство современных систем управления контентом на сайтах написаны на PHP: WordPress; Drupal; Joomla; MediaWiki; OpenCart; phpMyAdmin.

HTML плохо умеет работать с формами и отправлять куда-то данные, которые вы вводите в поля регистрации. PHP справляется с этим гораздо лучше: пишем, из какого поля что нужно взять и по какому адресу отправить, а всё остальное интерпретатор делает за нас.

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

1.3 Основные потребности в web-сайте

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

Создание и разработка сайтов включает:

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

Определение структурной схемы сайта - расположение разделов, контента и навигации.

Веб-дизайн - создание графических элементов макета сайта, стилей и элементов навигации.

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

Тестирование и размещение сайта в сети Интернет.

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

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

принять решение о необходимость написания web-сайта при помощи средств системы управления содержимым, выбрать подходящую систему управления содержимым;

разработка проекта (структурной схемы) web-сайта кафедры на основе системы управления содержимым Joomla;

разработка HTML-каркаса главной страницы web- сайта;

разработка автоматизированной системы конструирования контента web-сайта;

Понятие web-сайта

Информация, доступная пользователям Internet, располагается на компьютерах (Web-серверах), на которых установлено специальное программное обеспечение. Значительная часть этой информации организована в виде Web-сайтов. Каждый из них имеет свое имя (адрес) в Internet.

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


Web-сайт состоит из связанных между собой Web-страниц. Web-страница представляет собой текстовый файл с расширением *.htm, который содержит текстовую информацию и специальные команды - HTML-коды, определяющие в каком виде эта информация будет отображаться в окне браузера. Вся графическая, аудио- и видео-информация непосредственно в Web-страницу не входит и представляет собой отдельные файлы с расширениями *.gif, *.jpg (графика), *.mid, *.mp3 (звук), *.avi (видео). В HTML-коде страницы содержатся только указания на такие файлы.

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

Классификация web-сайтов

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

Информационные сайты. К ним относятся сайты учебных заведений, сообществ по интересам, фирм и др.

Сайты учебных заведений. К наиболее известным относится Web-сайт "Школьный сектор", созданный в 1998 г. Его создание способствовало развитию активного сегмента информационной образовательной среды для учителей-предметников из разных городов. Здесь еженедельно размещаются результаты проектной учебной работы школьников (в том числе, web-странички разного типа, созданные ими), размышления учителей и координаторов сетевой работы по поводу сетевой деятельности в школе, интеграции ее к учебной программе, выступления специалистов об образовательной деятельности школ в Сети. Здесь же представлена информация о семинарах, конференциях, новых web-сайтах, педагогических изданиях и медиасредствах, которые могут помочь учителям-предметникам в их учебной деятельности и многое другое.

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

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

Постепенно входит в нашу жизнь электронная коммерция. В Web встречаются виртуальные магазины, которые позволяют делать покупки, сидя за мониторами своих компьютеров.

Сейчас в Сети размещено также большое количество информационно-развлекательных сайтов.
2. Проектная часть
2.1 Общая структура сайта

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


Вход\ регистрация



О нас

Главная

Обратная связь






услуги


Рис.№1 . Структура Web-сайта

2.2 Дизайн и возможности Web-сайта
Главная – здесь расположена информация о нас и о наших услугах.

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





Рис№2 Главная страница Web-сайта
Цены в прайс листе могут варьироваться в зависимости от степени загрязнения объекта и его размера.




Рис.3 Прайс лист на предлагаемые услуги

Услуги которые вы сможете подобрать индивидуально для своего объекта у нас на сайте (рис№4-5)



Рис№4 Клининг услуги



Рис№5 Дополнительные услуги для вашего удобства

Наш адрес, номера телефонов ,почта, и всевозможные ссылки на соцсети вы сможете найти в разделе “обратная связь”. (рис№6)


Рис№6 Обратная связь

ЗАКЛЮЧЕНИЕ
Итогом данной работы является создание Web-сайта для заказа клининговых услуг, при помощи которых вы сможете сэкономить свое личное время как в уборке своего объекта так и в организации этого процесса.

Хотелось бы перечислить кратко основные плюсы этого проекта:

  1. Удобство в использовании ( все просто и понятно).

  2. Главный плюс по мнению и пожеланиям многих клиентов это экономия времени в организации уборки объекта.

  3. Можно заказать уборку в любом помещении и с любым уровнем загрязнения .

Смотрите также файлы