Автор работы: Пользователь скрыл имя, 20 Августа 2013 в 18:04, реферат
В настоящее время Интернет стал для человека копилкой знаний и умений. Любой человек может учиться, знакомиться, смотреть фильмы и т.д. не выходя из дома, но все это он делает благодаря Интернету, а в частности Web-страницам. Вообще, слово Web - переводится как паутина. И главным образом, в компьютерном мире ассоциируется именно с Интернетом. Итак, что же такое Web-сайт и Web-страница? Чтобы разобраться в этом вопросе, давайте подумаем, а какая собственно информация может содержаться на Web-сайте?
Введение
В настоящее время Интернет стал для человека копилкой знаний и умений. Любой человек может учиться, знакомиться, смотреть фильмы и т.д. не выходя из дома, но все это он делает благодаря Интернету, а в частности Web-страницам. Вообще, слово Web - переводится как паутина. И главным образом, в компьютерном мире ассоциируется именно с Интернетом. Итак, что же такое Web-сайт и Web-страница? Чтобы разобраться в этом вопросе, давайте подумаем, а какая собственно информация может содержаться на Web-сайте? Ответ очевиден - практически любая. Сайт может содержать информацию о компьютерных играх, автомобилях, аквариумных рыбках, мифических существах, городах и странах мира и т.д. и т.п. Список можно продолжать бесконечно. На сайте даже можно разместить, к примеру, произведения великих русских классиков. Как вам, например сайт "Война и мир"? Получается, что сайт это книга, но только не простая, а электронная. Да, Web-сайт, по своей сути, действительно является электронной книгой, журналом или учебником, который может содержать как полезную для вас информацию, так и ту, что вас на данный момент совсем не интересует.
Суть нашего дипломного проекта облегчить жителям Ростова-на-Дону и приезжим гостям поиск мест проведения досуга. На сайте они смогут узнать месторасположение Парка им. М. Горького, проводимые мероприятия в парке и время их проведения, а так же какие аттракционы находятся на территории парка и стоимость билета на них. Еще на сайте есть история парка, где пользователи смогут узнать все о парке и фотогалерея, где можно увидеть парк в любое время года.
1 Постановка задачи
Сайт – совокупность электронных документов (файлов) частного лица или организации в компьютерной сети, объединённая под одним адресом (доменным именем или IР-адресом).
Все сайты в совокупности составляют Всемирную паутину, где коммуникация (паутина) объединяет сегменты информации мирового сообщества в единое целое — базу данных и коммуникации планетарного масштаба. Для прямого доступа, клиентов к сайтам на серверах был специально разработан протокол HTTP.
В соответствии с указанной целью в работе были поставлены и решены следующие задачи:
Тема дипломного проекта является актуальной и современной, так как интернет не объемлемая часть жизни любого человека, который живет в ногу со временем. Практическая часть этого диплома в том, что бы помочь людям и ускорить поиск мест проведения досуга.
Задача должна быть выполнена студентом колледжа ГОУ СПО РО РКСИ специальности «Программное обеспечение вычислительной техники и автоматизированных систем» группы ПО-43 Науменко В.А.
Результатом поставленной задачи имеет практическое применение в администрации Парка культуры и отдыха имени М. Горького г. Ростов-на-дону.
Задача решается при помощи компьютера, различных программных средств, а также учебной и научной литературы.
Итоговая информация предоставляется в виде программного продукта, отвечающего требованиям поставленной задачи.
Задача и итоговая информация должны быть выполнены и предоставлены в срок отведенный комиссией на дипломное проектирование.
2 Основная часть
Прежде чем переходить непосредственно к созданию сайта, необходимо разработать структуру основных входящих в него страниц, чтобы пользователю легко было перемешаться между страницами различных уровней, а также, чтобы он в любой момент мог вернуться на домашнюю страницу.
Первая страница, на которой оказывается посетитель, это домашняя страница. Она, несомненно, должна содержать заголовок, краткое описание разделов Web-сайта, ссылки на разделы второго уровня иерархии в структуре, а также информацию об авторских правах и информацию для контактов, которую можно разместить в колонтитуле.
После того как вы определились с домашней страницей и размещаемой на ней информацией, необходимо перейти к разработке страниц второго уровня. Их количество должно определяться количеством основных разделов, веб узла. На этих страницах размещается наиболее важная информация, относящаяся к разделам, а также, если в них есть необходимость, ссылки на страницы третьего уровня иерархии. На страницах третьего уровня размещается уточняющая информация к основным разделам веб сайта.
Важным понятием в разработке веб сайта является схема навигации, определяющая, как пользователь будет перемещаться между страницами. С помощью схемы навигации пользователь получает представление о структуре сайта, а также представление о том, в каком месте узла он находится в данный момент. Правильно разработанная схема позволит пользователю легко перемещаться между страницами сайта в поисках нужной ему информации.
Существует много вариантов организации навигационной схемы. Рассмотрим два полярных подхода. Первый из них, дает возможность пользователю перемещаться по иерархии страниц только вверх или вниз без возможности перехода между страницами одного иерархического уровня. При такой схеме навигации для перехода к странице, расположенной на другой ветви иерархии, необходимо вернуться назад, и лишь затем, перейдя на нужную ветвь, перемещаться по дереву вниз. Заблудиться на веб узле с такой структурой тяжело, но и для перехода к нужной информации требуется больше времени.
Другой подход, это когда пользователь получает возможность с любого уровня иерархии переходить на любую страницу сайта. В этом случае достигается максимум возможностей по перемещению, В нашем сайте используется первый тип схемы навигации.
2.1 Анализ сайтов конкурентов
Проанализировав и изучив структуру сайтов конкурентов я не нашел ничего похожего. Данная структура была создана эксклюзивно для Парка культуры и отдыха имени М. Горького г. Ростов-на-Дону. Использование не стандартного подхода к сайту парка придает свежесть и необычность. В отличии от других сайтов похожего уровня мы создали наш продукт для всех граждан любых возрастов.
2.2 Программирование сайта
Большая часть программы была написана на WordPress эта среда предназначена специально для разработки web сайтов от блогов до достаточно сложных новостных ресурсов и интернет-магазинов. Я отдаю ей предпочтение за то, что когда мы создаем, мы имеем возможность сразу увидеть то, что у нас получится, что очень удобно. WordPress один из лучших редакторов. Встроенная система «тем» и «плагинов» вместе с удачной архитектурой позволяет конструировать практически любые проекты. Также имеется множество бесплатных плагинов, доступных для скачивания.
2.2.2 HTML
HTML – стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме,
HTML является приложением SGML и соответствует, международному стандарту ISO 8879. XHTML же является приложением XML. Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов). Однако современное применение HTML очень далеко от его изначальной задачи. Например, тег <TABLE>, несколько раз использованный для форматирование страницы, которую вы сейчас читаете, предназначен для создания в документах самых обычных таблиц, но, как можно убедиться, здесь нет ни одной таблицы. С течением времени, основная идея платформонезависимости языка HTML была отдана в своеобразную жертву современным потребностям в мультимедийном и графическом оформлении.
HTML – теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками – тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки <br>). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для элемента font), Атрибуты указываются в открывающем теге. Регистр, в котором набрано имя элемента и имена атрибутов, в HTML значения не имеет – (в отличие от XHTML); Элементы могут быть вложенными. Кроме элементов, в HTML-документах есть и сущности— «специальные символы». Сущности начинаются с символа амперсанда и имеют вид &имя; или &#NNNN;, где NNNN – код символа в Юникоде в десятеричной системе счисления.
2.2.3 Java script
JavaScript – объектно-ориентированный скриптовый язык программирования. Является диалектом языка ECMAScript. JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам. Основные архитектурные черты: динамическая типизация, слабая типизация, автоматическое управление памятью, прототипное программирование, функции как объекты первого класса. На JavaScript оказали влияние многие языки, при разработке была цель сделать язык похожим на Java, но 'при этом лёгким для использования непрограммистами. Языком JavaScript не владеет какая-либо компания или организация, что отличает его от ряда языков программирования, используемых в веб-разработке. Название «JavaScript» является зарегистрированным товарным знаком компании Oracle Corporation.
JavaScript обладает рядом свойств объектно-ориентированного языка, но реализованное в языке прототипирование обусловливает отличия в работе с объектами по сравнению с традиционными объект-ориентированными языками. Кроме того, JavaScript имеет ряд свойств, присущих функциональным языкам — функции как объекты первого класса, объекты как списки, анонимные функции, замыкания что придаёт языку дополнительную гибкость.
2.2.4 PHP
PHP («препроцессор гипертекста»; первоначально Personal Home Page Tools – «Инструменты для создания персональных веб-страниц») -скриптовый язык программирования общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков программирования, применяющихся для создания динамических веб-сайтов.
Язык и его интерпретатор разрабатываются группой энтузиастов в рамках проекта с открытым кодом.
В области программирования для сети Интернет PHP - один из популярных сценарных языков (наряду с JSP, Perl и языками, используемыми в ASP.NET) благодаря своей простоте, скорости выполнения, богатой функциональности, кроссплатформенности и распространению исходных кодов на основе лицензии PHP.
Популярность в области построения веб-сайтов определяется наличием большого набора встроенных средств для разработки веб-приложений. В настоящее время PHP используется сотнями тысяч разработчиков. Согласно рейтингу корпорации TIOBE, базирующемся на данных поисковых систем, в декабре 2012 года PHP находился на 6 месте среди языков программирования. К крупнейшим сайтам, использующим PHP, относятся Facebook, Wikipedia и др.
2.3 Создание эксклюзивного дизайна
2.3.1 Adobe Photoshop
Для редактирования растровой графики я использовал Adobe Photoshop. Adobe Photoshop это многофункциональный графический редактор, разработанный и распространяемый фирмой Adobe Systems. В основном, работает с растровыми изображениями, однако имеет некоторые векторные инструменты. Продукт является лидером рынка в области коммерческих средств редактирования растровых изображений, и наиболее известным продуктом фирмы Аdobе. При выборе редактора растровой графики я остановил свое внимание именно на Adobe Photoshop, потому что у этой программы самый как мне кажется расширенный интерфейс, расширенная база.
2.3.2 Google Chrome
Google Chrome – браузер от Google, сочетает в себе понятный и практичный интерфейс и набор полезных инструментов. Он включает в себя функции Safari, IE, Firefox и Opera, безукоризненно совмещенные в одном пакете и заключенные в нестандартный интерфейс.
Особенности программы:
-оформите свой браузер, используя цветовые палитры, узоры, картинки и авторскую графику;
- вкладки можно расставлять в любом порядке – легко и быстро.
2.3.3 Opera
Opera — это популярнейший браузер от разработчиков из холодной Норвегии. Имеет собственное, весьма шустрое ядро, благодаря которому способен очень быстро обрабатывать страницы. По сравнению с Internet
Explorer, Опера работает гораздо быстрее. Более того, разработчики называют свой браузер самым быстрым в мире, что возможно и спорно, но очень даже близко к истине. Быстрый рендеринг страниц не единственное достоинство Оперы. В арсенале программы имеется куча всевозможных функций как на прямую связанных с отображением страниц, так и дополнительных: клиент для Р2Р-сети BitTorrent; простенький менеджер загрузки файлов; IRC-клиент; RSS-клиент; система виджетов (небольшие приложения типа всяких календариков, калькуляторов, записных книжек и т. д.), сервис обмена данными Opera Unite.
2.3.4 Firefox
Firefox — это мощный веб-браузер от сообщества Mozilla. Данный браузер имеет открытый исходный код и разрабатывается огромным сообществом, что в итоге, наверное, и дает программе значительное преимущество перед конкурентами. Очень быстро обрабатывает веб-страницы с самым разнообразным контентом. В общем: быстр, удобен и стабилен. Необходимо отметить и то, что Firefox поддерживает мощнейшую систему плагинов (расширений), благодаря которым можно в значительной степени расширить функционал браузера, добавив множество самых разнообразных возможностей.