Инструментальные средства разработки сайтов
Языки программирования
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 оптимизацией
Универсальные движки:
Joomla!
Drupal
WordPress
Для интернет-магазинов:
OpenCart
Booot CMS
Prestashop
osCommerce
Форумные движки:
phpBB
SMF
PunBB
Vanilla
Платные движки:
DataLifeEngine
1С-Битрикс
IP Board
Обоснование выбора языка программирования.
Основной язык программирования в программе является HTML, но так как web-ресурс содержит значительное количество страниц, для облегчения работы с прописыванием шрифта и ссылок, для размеров и цветов используется язык CSS. В программе так же не большое количество кода, прописанного на языке JavaScript, что делает сайт более функциональным и несет в себе не мало необходимых модулей, создание которых невозможно на языке HTML.
Техническое задание.
Название сайта.
«Курорт Аршан».
Назначение сайта / цель создания сайта.
Предоставление общей информации для посетителей о общих сведениях об курорте Аршан и прилежащей местности, Тункинском национальном парке и минеральных источниках, Памятниках природы, водных ресурсах.
Язык сайта.
Русский
Объём и состав графической информации.
Графические изображения содержат информацию общую информацию об курорте аршан, реке Кынгырга, животных, местах, климате.
Предполагаемая возрастная аудитория сайта
От 6 лет и старше(Рекомендательная информация сайта).
Количество страниц сайта
Сайт содержит 23 страницы: Главная; о Аршане(2 стр.); Минеральном источнике(2 стр.); водных ресурсах(15 вкладок со стр.); Природные памятники(2 стр.); Фотографии.
Кнопки управления (навигация сайта)
В конце каждой страницы есть кнопка с возвратом в начало страницы, есть главное меню, с помощью которого можно перемещаться между категориями и страницами сайта.
БРИФ на разработку сайта.
|
|
Название компании: |
БИИК ФГБОУ ВО СибГУТИ |
|
|
|
Название сайта: |
Курорт Аршан |
|
|
|
URL для размещения сайта: |
https://arshan.ru/ |
|
|
|
Задачи разработчика: |
|
|
|
|
Цель создания сайта: |
В рамках курсовой работы |
|
|
|
Сфера деятельности компании: |
|
|
|
|
Целевая аудитория: |
От 6 лет и старше |
|
|
|
На какие географические регионы должен быть ориентирован сайт: |
Тункинский район, республика Бурятия |
|
|
|
Языковые версии сайта: |
Русский |
|
|
|
Сайты конкурентов: |
Анализ сайтов конкурентов приведен в приложении 1 |
|
|
|
Материалы, предоставленные заказчиком: |
|
|
|
|
Структура сайта: |
|
|
|
|
Компоненты сайта (новости, анкетирование, интернет-магазин, баннерная реклама, счетчики посещений, др.): |
|
|
|
|
Цветовая гамма сайта: |
Зелёный, Серый, Белый |
|
|
|
Что в результате посещения сайта пользователь должен |
увидеть: |
Красоту природы Аршана |
сделать: |
Выводы по посещению курорта и минеральных источников |
||
почувствовать: |
Важную значимость сохранения природы и бережливое отношение к ней |
||
|
|
Вид верстки (фиксированный/резиновый): |
Фиксированный |
|
|
|
Ширина веб-страницы: |
|
|
|
|
Браузеры, в которых будет просматриваться сайт, и их минимальная версия: |
Google Chrome, Opera, Yandex, Mozilla Firefox |
|
|
|
График работ: |
|
|
|
|
Бюджет заказа: |
|
|
|
|
Передача разработки: |
Эскизы web-страниц в формате DESIGN и JPG. HTML-файлы, WordPress CMS -файлы. |
|
Заказчик: Гороховская Н.А., преподаватель кафедры «ИВТ» |
Исполнитель проекта: Цыденов Б.Б., студент гр. И-161
|
Структура сайта
Главная
Об Аршане Минеральные источники
География Углекислые радоновые термы Шумака
Религия
история Углекислые воды курорта Аршан
Обитатели Аршана Нилова Пустынь
Вода Метановые термы Жемчужного источника
Фотографии
Происхождение Железистые источники Хонгор-Уулы
История заселения Папийн Аршан
Сейсмоактивность Субурга
Климат
Природные памятники
Водопады на реке Кынгарга
Горячие источники
Священная роща слез и глазной источник
Лиственница-долгожитель возрастом 500 лет
Монгольский рынок
Обзорное плато
Хойморский дацан
Пик Любви
Потухшие вулканы
Описание сайта
Рис.1.Слайдер сайта и регистрация сайта
Слайдер:
<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>