Материал: Разработка web-сайта преподавателя

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

Возможности CSS

·        Раздельное хранение представления и документа позволяет стилизовать этот документ для различных устройств, включая, монитор принтер, проектор и даже портативные устройства.

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

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

·        Отделив представление от структуры и содержимого, легко добиться доступности документа. Документы, в которых не используются сложные таблицы и большое количество элементов языка HTML, отвечающих за представление, являются более доступными, чем те документы, у которых перечисленные свойства присутствуют.изначально создавался для того, чтобы сделать web-странички «живыми». Программы на этом языке называются скриптами. В браузере они подключаются напрямую к HTML и, как только загружается страничка - тут же выполняются.может выполняться не только в браузере, а где угодно, нужна лишь специальная программа - интерпретатор. Процесс выполнения скрипта называют «интерпретацией».

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

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

·              Создавать новые HTML-теги, удалять существующие, менять стили элементов, прятать, показывать элементы и т.п.

·              Реагировать на действия посетителя, обрабатывать клики мыши, перемещения курсора, нажатия на клавиатуру и т.п.

·              Посылать запросы на сервер и загружать данные без перезагрузки страницы (эта технология называется «AJAX»).

·              Получать и устанавливать cookie, запрашивать данные, выводить сообщения…

·              …и многое, многое другое!- быстрый и мощный язык, но браузер накладывает на его исполнение некоторые ограничения…

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

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

WordPress- система управления содержимым сайта с открытым исходным кодом; написана на PHP; сервер базы данных - MySQL; выпущена под лицензией GNU GPL версии 2. Сфера применения - от блогов до достаточно сложных новостных ресурсов и интернет-магазинов. Встроенная система «тем» и «плагинов» вместе с удачной архитектурой позволяет конструировать проекты широкой функциональной сложности.

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

К основным преимуществам WordPress можно отнести следующие:

·        Это наиболее популярная CMS: более половины пользователей предпочитают именно WordPress. Возможно, данная статистика уже является сильным доказательством в пользу преимущества данной системы;

·        Наиболее широкий набор плагинов, тем, виджетов для галерей, форумов, мультиязычность, различные каталоги, магазины и так далее;

·        WYSIWYG редактор облегчит жизнь тем, у кого есть проблемы с HTML-разметкой и другими языками;

·        Технический опыт не обязателен. Админ-панель намного проще, чем в других CMS: PHP и CSS файлы можно редактировать непосредственно в админке. Например, можно легко вставить текст из любого текстового редактора, в отличие от Drupal или Joomla;

·        Также WordPress - довольно сильный инструмент для разработчиков и дизайнеров, которые создают сайты для клиентов.

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

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

Наиболее популярных категорий плагинов:

·        плагины для администрирования;

·        плагины для SEO-продвижения;

·        плагины комментариев;

·        плагины для увеличения производительности WordPress;

·        плагины для безопасности WordPress;

·        плагины WordPress для работы с изображениями;

·        плагины для работы с мультимедиа;

·        плагины для упрощенного комментирования;

·        WordPress плагины социальных сетей;

·        специальные плагины WordPress.

Преимущества WordPress:

·        Движок и шаблоны к нему можно скачать бесплатно;

·        Выбор шаблонов WordPress. достаточно большой;

·        Быстрая установка;

·        Понятная и простая панель управления (админка);

·        Большой выбор доступных дополнений и расширений (плагины);

·        Возможность вносить изменения в код шаблона.

Недостатки WordPress:

·        Достаточно весомая нагрузка на сервер;

·        Порою низкая скорость загрузки сайта;

·        Ограниченный набор базовых функций;

·        Дублирование страниц и изображений;

·        Большое количество некачественных тем и дополнений с ошибками;

·        Относительное недоверие поисковых систем к сайтам на бесплатных движках.

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

Целью дипломной работы является разработка web-сайта. Для написания web-сайта были выбраны языки программирования web-технологий, такие как: HTML, PHP, CSS и движок WordPress.

Эти языки были выбраны благодаря их возможностями и преимуществам над другими языками.

Выбранные языки хорошо взаимодействуют между собой и дополняют возможности друг друга.(HypertextMarkupLanguage)

HTML обладает преимуществами для создания гипертекстных документов, формат которых не зависит от ЭВМ или используемой ОС. Это позволяет прописывать текст на сайте в самом коде, описав его шрифт и размер. Это функция пригодна в случает с крупными заголовками сайтов, описания основных статей, которые обязательно должны быть на сайте. Однако, не практично прописывать текст всего сайта в коде. Код становится очень объемным, и такой код может работать не стабильно и долго обрабатывать информацию.

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

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

Так же на web-сайте используется заливка документов для скачивания. Эту функцию приемлемо использовать как на HTML, так и на PHP.

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

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

Все свойства атрибутов языка HTML можно определить как в HTML, так и в CSS. Чтобы не делать код HTML слишком объемным, все свойства компонентов будут описаны в CSS.

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

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

PHP доступно формирование изображений, файлов PDF и даже роликов Flash. Преимуществом PHP является поддержка широкого круга баз данных. Создать скрипт, использующий базы данных, - невероятно просто.поддерживает стандарт обмена сложными структурами данных WDDX практически между всеми языками веб-программирования.имеет много возможностей по обработке текста, включая регулярные выражения Perl (PCRE) и много других расширений и инструментов для обработки и доступа к XML документам.

Преимущество PHP - возможность получить свободу выбора операционной системы и web-сервера.

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

CSS

Основным назначением CSS является описание стиля, позволяющий сделать сайт стилизированным, привлекающим взгляд пользователей. Так же CSS позволяет анимировать все компоненты сайта, такие как блоки меню, фотографии, или же сам текст.

Преимущество CSS в том, что описывая свойство компонентов в файле css, а не в html, это не отягощает код html. До появления CSS описание всех свойств описывалось в HTML, это делало код очень объемным и времени на обработку такого файла, уходило больше. CSS позволило упростить код файлаHTML, переняв описание всех свойств на себя. Это сделало сайт более быстрым и функциональным.

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

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

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

WordPress

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

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

Возможности

·              Интеграция сайта со сторонними сервисами (например, LiveJournal).

·              Моментальная публикация.

Преимущества

·              Простая установка и настройка.

·              Легкая реализация сложных решений.

·              Много шаблонных «тем» для изменения внешнего вида страниц.

·              Поддерживаются RSS, trackback, Atom, pingback.

·              Адреса страниц пишутся простыми и понятными словами, а не кодируются в сложные знаково-числовые идентификаторы (Человеко-Понятный URL).

·              Поддерживаются стандарты XHTML и CSS.

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

2. Специальная часть

.1 Постановка задачи

Разработать web-сайт преподавателя, содержащий информацию по дисциплинам и курсам для студентов и преподавателя.

Web-сайт должен быть разработан на движке WordPress.

Web-сайт должен выполнять задачи:

·        информирования по актуальным вопросам;

·        простой навигации, доступный поиск информации на сайте;

·        предоставления просмотра методических разработок и лекционных материалов;

·        возможности скачивания лекций и лабораторных работ;

·        предоставления доступа к просмотру изображений в фотоальбомах на сайте;

·        возможности прохождения теста для всех пользователей на сайте.

·        предоставления возможности предложить тему, используя обратную связь.

Web-сайт должен:

·        иметь понятный и простой в использовании интерфейс;

·        корректно работать в любом браузере;

·        Быть адаптированным под мобильные устройства.

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

2.2 Требования к входным и выходным данным

Входные данные

·        Информация, размещаемая на сайте;

·        Текстовые документы, размещаемые на сайте в формате.pdf и.docx;

·        Изображения, размещаемые на сайте (.jpg.png);

·        Запросы, вводимые пользователями сайта, для поиска информации;

·        Данные Host для размещения сайта в интернете;

·        Выбранные варианты ответов в тестировании;

·        Сообщение, отправляемое на emailадминистратора пользователем.

Выходные данные:

·        Web-сайт (ссылка на сайт);

·        Ответы на запрос пользователя;

·        Скаченные файлы с сайта;

·        Результаты тестирования.

2.3 Требования к составу и параметрам технических средств

Состав технических средств необходимых для разработки данного программного продукта:

Процессор: Intel Celeron1.80 GHz;

Дисплей: любой;

ОЗУ: 2,00 Gb

Видеокарта: NVIDIAGeForceGT 630 илиRadeonHD 6750 1 GB.

Дисковое пространство: 500МЬ;

Жесткие диски: 2 Gb свободного места на диске;

Состав программных средств необходимых для разработки данного программного продукта: