Разработка проекта веб-сайта курорта Аршан

Размещено на http://www.allbest.ru

Размещено на http://www.allbest.ru

Введение

Курорт Аршан - самый известный в Восточной Сибири и посещаемый курорт. Аршан расположен в Тункинской долине у подножия Тункинских гольцов на высоте 893 м над уровнем моря.

Первое письменное сообщение о минеральных источниках аршан относится к 1894 г. Курорт Аршан основан в 1920 г. "Аршан" в переводе с бурятского - "целебный источник". Это слово произошло от санскритского «рашиани» - нектар, напиток богов. Так называли минеральный или теплый источник, имеющий целебное значение. В прошлом буддисты приписывали свойство аршана некоторым пресным источникам и, поэтому аршанами стали называть все ключи с холодной пресной, чистой водой, придавая им целебное значение. Эта название источников широко распространено в Монголии, Китае, Средней Азии, Алтае и в Восточной Сибири. Отношение к аршанам особое. Те места, где на поверхность выходят минеральные воды, считаются священными, там строят культовые сооружения, «обо», устраивают молебны.

Роскошная природа Тункинской долины, чистый горный воздух, сосновый лес и прозрачная вода реки Кынгарга, падающая с многометровой высоты - все это Аршан.

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

Объектом курсовой работы является описание курорта Аршан и минеральных источниках.

Предметом курсовой работы Веб-программирование.

Целью курсовой работы является написание сайта с использованием Веб-программирования.

Задачами курсовой работы в связи с указанной целью являются:

1. Использовать при создании сайта CSS файл, и связать с сайтом;

2. При создании, использовать более трех Java-скриптов;

3. Общее меню сайта.

Гипотеза.

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

1. Описание предметной области

Аршамн (бур. Аршаан -- «целебный источник») -- посёлок сельского типа в Тункинском районе Бурятии.

Образует муниципальное образование сельское поселение «Аршан». Бальнеологический и горно-климатический курорт.

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

Основные природные лечебные факторы -- углекислые, маломинерализованные, кремнистые сульфатно-гидрокарбанатно-магниево-кальциевые слабокислые термальные воды и сульфидные иловые грязи, которые высокоэффективно лечат заболевания органов пищеварения, кровообращения, дыхания, мочевыделительной и эндокринной системы, обмена веществ. Минеральные воды курорта Аршан имеют широкий диапазон температур: от холодных (11-13 °C) до горячих (45 °C). По химическому составу минеральные воды, по классификации В. А. Александрова, относятся к 1-му классу, являясь углекислыми с высоким содержанием газа.

В комплексном санаторно-курортном лечении используется питьё минеральной воды «Аршан», бальнеотерапия (ванны, лечебные души, орошения), климатолечение, диетотерапия, физиотерапия, парафино-озокеритолечение, лечебная гимнастика, массаж, ингаляции, галотерапия и современные методы диагностики.

Вулканы в окрестностях Аршана

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

В получасе ходьбы от посёлка расположен один из крупных водопадов на реке Кынгарга. В окрестностях Аршана насчитывается более 30 дышащих вулканов. Последний раз они извергались в мезозойскую эру, но в связи с наличием горячих источников не считаются окончательно потухшими. Поблизости находятся минеральные источники Субурга, Папий Аршан, Жемчуг, Хонгор-Ула.

Теоретическая часть.

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

Задачи и цели современного веб-сайта:

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

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

· бесплатное предоставление информации или услуг. На самом деле предоставление информации или услуг -- это средство привлечения посетителей к данному ресурсу для получения, к примеру, статистической информации либо для показа рекламы, если это рекламная площадка;

· поддержка клиентов.

Какие сайты бывают.

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

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

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

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

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

Дизайны сайтов.

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

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

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

Немаловажной частью проектирования ресурса в последнее время стало приведение ресурса в соответствие стандартам W3C, что обеспечивает доступность содержания для людей с ограниченными физическими возможностями и пользователей портативных устройств (см. юзабилити -- «удобство использования»), а также кроссплатформенность (в данном случае -- т. н. кросс-браузерность) вёрстки ресурса. Также непосредственно с дизайном сайтов смежны маркетинг в Интернете (интернет-маркетинг), то есть продвижение и реклама созданного ресурса, поисковая оптимизация.

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

Методы сочетания цветов:

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

2. Метод контрастности. В этом случае используются противоположные цвета, такой приём часто встречается в рекламе и дизайне интерьеров.

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

4. Метод использования цвета разной насыщенности. При этом методе применяется один и тот же цвет, но разных оттенков. Такой приём позволяет сделать аккуратные акценты и создаёт ощущение лёгкости.

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

2. Инструментальные средства разработки сайтов

веб многопользовательский информационный

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

HTML.

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

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

Все плюсы использования HTML в создании сайта.

Ш Он является первым языком web-программирования. Именно на его основе построены многие команды на php, JavaScript и так далее. Таким образом можно сказать, что он вечен. Если поисковые системы по ряду признаков могут забанить какой либо движок, то HTML неприкосновенен в этом плане.

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

Ш В HTML можно продумать свою Иерархию страниц, выделить главные и провести добротную внутреннюю оптимизацию сайта.

JavaScript.

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

Преимущество в использовании JavaScript:

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

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

CSS.

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

Все плюсы CSS вёрстки:

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

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

Ш Простота последующего изменения дизайна. Не нужно править каждую страницу, а лишь изменить CSS-файл.

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

PHP.

PHP в настоящее время поддерживается подавляющим большинством хостинг-провайдеров, благодаря своей простоте, скорости выполнения, богатой функциональности и распространению исходных кодов на основе лицензии PHP. Он еще входит в LAMP -- «стандартный» набор для создания веб-сайтов (Linux, Apache, MySQL, PHP (Python или Perl)). Кроме этого, он может использоваться для решения административных задач в операционных системах UNIX, GNU/Linux, Microsoft Windows, Mac OS X и AmigaOS. Однако в таком качестве он не получил распространение, отдавая пальму первенства Perl, Python и VBScript.

Все плюсы языка PHP:

Главным фактором языка РНР является практичность. РНР должен предоставить программисту средства для быстрого и эффективного решения поставленных задач. РНР обусловлен пятью важными характеристиками:

· Традиционность

Язык РНР будет казаться знакомым программистам, работающим в разных областях. Многие конструкции языка позаимствованы из Си, Perl.

Код РНР очень похож на тот, который встречается в типичных программах на С или Pascal. Это заметно снижает начальные усилия при изучении РНР. PHP -- язык, сочетающий достоинства Perl и Си и специально нацеленный на работу в Интернете, язык с универсальным и ясным синтаксисом.

· Простота

Не придется подгружать библиотеки, указывать специальные параметры компиляции. Механизм РНР просто начинает выполнять код после первой экранирующей последовательности (<?) и продолжает выполнение до того момента, когда он встретит парную экранирующую последовательность (?>). Если код имеет правильный синтаксис, он исполняется в точности так, как указал программист.

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

· Эффективность.

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

Очень важное преимущество PHP заключается в его «движке». «Движок» PHP не является ни компилятором, ни интерпретатором. Он является транслирующим интерпретатором. Такое устройство «движка» PHP позволяет обрабатывать сценарии с достаточно высокой скоростью.

· Безопасность.

РНР предоставляет в распоряжение разработчиков и администраторов гибкие и эффективные средства безопасности, которые условно делятся на две категории: средства системного уровня и средства уровня приложения.

1. Средства безопасности системного уровня.

В РНР реализованы механизмы безопасности, находящиеся под управлением администраторов; при правильной настройке РНР это обеспечивает максимальную свободу действий и безопасность. РНР может работать в так называемом безопасном режиме (safe mode), который ограничивает возможности применения РНР пользователями по ряду важных показателей. Например, можно ограничить максимальное время выполнения и использование памяти (неконтролируемый расход памяти отрицательно влияет на быстродействие сервера). По аналогии с cgi-bin администратор также может устанавливать ограничения на каталоги, в которых пользователь может просматривать и исполнять сценарии РНР, а также использовать сценарии РНР для просмотра конфиденциальной информации на сервере (например, файла passwd).

2. Средства безопасности уровня приложения.

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

· Гибкость.

Поскольку РНР является встраиваемым (embedded) языком, он отличается исключительной гибкостью по отношению к потребностям разработчика. Хотя РНР обычно рекомендуется использовать в сочетании с HTML, он с таким же успехом интегрируется и в JavaScript, WML, XML и другие языки. Кроме того, хорошо структурированные приложения РНР легко расширяются по мере необходимости.

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

Движки.

Множество сайтов для своей работы используют движки, потому что это упрощает работу по созданию, наполнению и поддержанию страниц сайта. Есть также и другое распространенное название движков - CMS (Content Management System, система управления контентом). Движок и CMS - это одно и то же.

Основные преимущества использования CMS:

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

2. В простых случаях не требуется даже знания HTML и CSS.

3. Редактирование сайта напоминает детский конструктор. Все элементы представлены в виде блоков виджетов, модулей, плагинов. Их можно изменять и компоновать по своему усмотрению.

4. CMS решает вопрос автоматизации работы сайта. Например, возможность вносить изменения по расписанию и т. д.

5. Легко меняется дизайн страниц. Информация о внешнем виде страниц вынесена в отдельный файл.

Требования при выборе движка:

1. Простота основных действий. Важно, чтобы добавлять статьи, изображения на сайт было легко.

2. Редактирование дизайна должно быть простым.

3. Модернизация и модификация. При выборе CMS нужно обратить внимание на возможность изменения сайта: добавление новых рубрик, перемещение элементов. У многих движков есть целый ворох дополнительных модулей и плагинов, расширяющих базовый функционал.

4. SEO-адекватность. Движок должен удовлетворять требованиям поисковых систем.

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

6. Стоимость. Встречаются как платные, так и бесплатные варианты. Причем платные совсем не означает лучшие, в некоторых из них так же имеется масса проблем и с безопасностью, и с SEO оптимизацией

Универсальные движки:

1. Joomla!

2. Drupal

3. WordPress

Для интернет-магазинов:

1. OpenCart

2. Booot CMS

3. Prestashop

4. osCommerce

Форумные движки:

1. phpBB

2. SMF

3. PunBB

4. Vanilla

Платные движки:

1. DataLifeEngine

2. 1С-Битрикс

3. IP Board

Обоснование выбора языка программирования.

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

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

1. Название сайта.

«Курорт Аршан».

2. Назначение сайта / цель создания сайта.

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

3. Язык сайта.

Русский

4. Объём и состав графической информации.

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

5. Предполагаемая возрастная аудитория сайта

От 6 лет и старше(Рекомендательная информация сайта).

6. Количество страниц сайта

Сайт содержит 23 страницы: Главная; о Аршане(2 стр.); Минеральном источнике(2 стр.); водных ресурсах(15 вкладок со стр.); Природные памятники(2 стр.); Фотографии.

7. Кнопки управления (навигация сайта)

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

2. БРИФ на разработку сайта.

Табл. 1

1	Название компании:	БИИК ФГБОУ ВО СибГУТИ
2	Название сайта:	Курорт Аршан
3	URL для размещения сайта:	https://arshan.ru/
4	Задачи разработчика:	1. Разработка фирменного стиля. 2. Разработка дизайна главной и второстепенной страниц сайта. 3. Верстка главной и второстепенной страницы. 4. 4.Интеграция дизайна главной и второстепенной страниц сайта в WordPresse CMS
5	Цель создания сайта:	В рамках курсовой работы
6	Сфера деятельности компании:
7	Целевая аудитория:	От 6 лет и старше
8	На какие географические регионы должен быть ориентирован сайт:	Тункинский район, республика Бурятия
9	Языковые версии сайта:	Русский
10	Сайты конкурентов:	Анализ сайтов конкурентов приведен в приложении 1
11	Материалы, предоставленные заказчиком:
12	Структура сайта:	1. Главная 2. Об Аршане 3. Минеральные источники 4. Природные памятники 5. Фотографии
13	Компоненты сайта (новости, анкетирование, интернет-магазин, баннерная реклама, счетчики посещений, др.):	1. Авторизация 2. Необходимая информация 3. Навигация 4. Календарь
14	Цветовая гамма сайта:	Зелёный, Серый, Белый
15	Что в результате посещения сайта пользователь должен	увидеть:	Красоту природы Аршана
		сделать:	Выводы по посещению курорта и минеральных источников
		почувствовать:	Важную значимость сохранения природы и бережливое отношение к ней
16	Вид верстки (фиксированный/резиновый):	Фиксированный
17	Ширина веб-страницы:
18	Браузеры, в которых будет просматриваться сайт, и их минимальная версия:	Google Chrome, Opera, Yandex, Mozilla Firefox
19	График работ:	1. Фирменный стиль: 21.10.2015 2. Лейаут страниц: 24.10.2015 3. Эскизы web-страниц: 22.10.2015 4. Верстка страниц: 18.12.2015 5. Интеграция в CMS: 20.12.2013 6. Передача готового проекта: 24.12.2013
20	Бюджет заказа:
21	Передача разработки:	Эскизы web-страниц в формате DESIGN и JPG. HTML-файлы, WordPress CMS -файлы.

5. Структура сайта

Рис. 1

6. Описание сайта

Рис. 2. Слайдер сайта и регистрация сайта

Слайдер:

<div id="content-bottom">

<div id="slide">

<div id="slideshow-w">

<div id="slideshow" class="slideshowlite" style="width: 835px; height: 334px;">

<a target="blank" rel="1" style="display: none; z-index: 1;"><img src="/images/apicloudnature/images/baykal2.jpg" alt="image1"></a>

<a target="blank" rel="2" style="display: block; z-index: 1;"><img src="/images/apicloudnature/images/264234628449.jpg" alt="image2"></a>

<a target="blank" rel="3" style="display: none; z-index: 1;"><img src="/images/apicloudnature/images/nerpa_3.jpg" alt="image3"></a>

<ul style="opacity: 1;"><li><a href="#" class="">1</a></li><li><a href="#" class="current">2</a></li><li><a href="#" class="">3</a></li></ul><ol style="opacity: 0.6; display: none;"><li>image1</li><li>image2</li><li>image3</li></ol></div>

</div>

</div>

</div>

Панель регистрации:

<form action="/index.php" method="post" id="login-form">

<fieldset class="userdata">

<p id="form-login-username">

<label for="modlgn-username">Логин</label>

<input id="modlgn-username" type="text" name="username" class="inputbox" size="18">

</p>

<p id="form-login-password">

<label for="modlgn-passwd">Пароль</label>

<input id="modlgn-passwd" type="password" name="password" class="inputbox" size="18">

</p>

<p id="form-login-remember">

<label for="modlgn-remember">Запомнить меня</label>

<input id="modlgn-remember" type="checkbox" name="remember" class="inputbox" value="yes">

</p>

<input type="submit" name="Submit" class="button" value="Войти">

<input type="hidden" name="option" value="com_users">

<input type="hidden" name="task" value="user.login">

<input type="hidden" name="return" value="aW5kZXgucGhwP0l0ZW1pZD0xMDE=">

<input type="hidden" name="c2cf18b91e400254beda7e586a0d1ded" value="1"></fieldset>

<ul class="sf-js-enabled"><li>

<a href="/index.php/component/users/?view=reset">

Забыли пароль?</a></li><li>

<a href="/index.php/component/users/?view=remind">

Забыли логин?</a></li>

<li><a href="/index.php/component/users/?view=registration">

Регистрация</a></li></ul></form>

Рис. 3. Главная

На главной странице есть статья:

<p><strong>Аршан</strong>&nbsp;(бур.&nbsp;<span lang="bua" xml:lang="bua">Курорт Аршан</span>)&nbsp;--&nbsp;озеро&nbsp; самый известный в Восточной Сибири и посещаемый курорт. &nbsp;Восточной Сибири,&nbsp; «Аршан» в переводе с бурятского -- «целебный источник» &nbsp;пресной воды.</p>

Меню:

<div id="right"><div class="moduletable_menu"><h3>Main Menu</h3><ul class="menu"><li class="item-101 current active"><a href="/">Главная</a></li><li class="item-102"><a href="/index.php/Arshan">Аршан</a></li><li class="item-106"><a href="/index.php/Video">Видео </a></li><li class="item-107"><a href="/index.php/kak dobratsya&Uznai tut))">Как добраться?Узнай тут)) </a></li><li class="item-109"><a href="/index.php/Dostoprimechatel'nosti">Достопримечательности </a></li><li class="item-110"><a href="/index.php/Eda">Еда</a></li></ul></div></div>

Рис. 4. Пункт меню «об Аршане»

Перейдя по пункту меню открывается страница с блогом, где описываются все материалы попадающие в данную категорию, по такому же принципу работают и остальные категории кроме «Особенности маршрута».

Рис. 5. Статья об Особенности маршрута

Заключение

В ходе выполнения данной курсовой работы были использованы CSS, JavaScript и HTML. Выполнялась работа программиста, целью которой являлось написание программного кода сайта. Из данной курсовой работы узнал об использовании CSS и других средствах реализации сайта.

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

В ходе выполнения данной курсовой работы был использован WordPress CSS, версия 3.5. Выполнялась работа программиста, целью которой являлось написание программного кода сайта. Из данной курсовой работы узнал об использовании WordPressa CSS и других средствах реализации сайта.

При создании сайта также нужно учесть оформление, дизайн того или иного содержания web-страницы.

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

Литература

1. Рассохин Д.Е., Лебедев А.Г. World Wide Web - информационная паутина в сети Интернет. - М.:Техиздат, 2010. -115 с.

2. Денни Гудман. JavaScript. Библия пользователя, 4-е издание.- М.: Издательский дом «Вильямс», 2003. - 960с.

1. Дж. Тарин Тауэрс. Macromedia HomeSite MX: - М.: ДМК Пресс, 2003. - 768 с.

2. Карла Роуз. Adobe Photoshop за 24 часа..- М. :Издательский дом «Вильямс», 2001. - 381с.

3. Флэнаган Д. Java в примерах. Справочник, 2-е издание. - СПб: Символ-Плюс, 2003. - 664 с.

4. Фролов А.В., Фролов Г.В. Создание Web-приложений: Практическое руководство. - М.: Издательско-торговый дом «Русская Редакция», 2001. - 1040 с.

5. Шапошников И.В. Самоучитель HTML 4. - СПб.: БХВ-Петербург, 2003. - 288 с.

6. Белсуновская, Н.А. Возможности использования офисной программы Microsoft Excel в деятельности педагогов - психологов / Н.А. Болсуновская, Л.В. Беспалова // Вестник практической психологии образования. - 2007. - № 1. - С. 121 - 127.

7. WordPress // Википедия - свободная энциклопедия. Страница «WordPress» - http://ru.wikipedia.org/wiki/WordPress

8. Хаген Г.Ф. Создание веб-сайтов с помощью WordPress 3.4.5 / Пер. с англ. - М.:Вильямс, 2012. -352 с.

9. Рамел Д.А. WordPress / Пер. с англ. - С. Пб.:BHV, 2012. -572 с.

10. Пауэлл Т.А. Полное руководство по HTML / Пер. с англ. А.В. Качанов. - Мн.: ООО “Попурри”, 2001. - 912 с.

11. Бенкен Е.С. PHP, MySQL, XML: программирование для Интернета. - С. Пб.:BHV, 2011. -570 с.

12. Бенкен Е.С. PHP, MySQL, XML: программирование для Интернета. - С. Пб.:BHV, 2011. -570 с.

13. MySQL // Википедия - свободная энциклопедия. Страница «MySQL» -http://ru.wikipedia.org/wiki/MySQL

14. Введение в MySQL // Русское сообщество разработчиков MySQL. Раздел «Документы». Страница «Введение». - http://www.mysql.ru/docs/ilyin/

15. PHP // Википедия - свободная энциклопедия. Страница «PHP» - http://ru.wikipedia.org/wiki/PHP

16. Харрис Э. PHP/MySQL для начинающих. - С. Пб.:Издательство «КУДИЦ-Образ», 2011. -384 с.

17. Бердышев С.Н. - Искусство оформления сайта. Практическое пособие. - М.: Издательско-торговый дом «Русская Редакция», 2008.

18. Влад Мержевич. HTML и CSS на примерах. - СПб: БХВ-Петербург, 2005.

Размещено на Allbest.ru

...