Управление веб-сайтом

Тема Управление веб-сайтом Название дисциплины Информатика и ВТ Овчаров Юрий Валерьевич

• Введение
• 1. Управление веб-сайтом
• 1.1 Шаблоны и HTML
• 1.2 PHP и JavaScript
• 2. Простые системы управления
• 2.1 Блоги и CMS для них
• 3. Сложные системы управление
• 3.1 CMS для магазинов
• 3.2 Универсальные CMS
• Заключение
• Глоссарий
• Список использованных источников
• Приложения

В глобальной сети интернет информация предоставляется с помощью сайтов. Cайт или веб-сайт на английском языке website, дословно переводится web — паутина и site — «место». От этого и пошло название «Всемирная паутина». Веб сайт — это место во всемирной сети интернет, которое имеет свой адрес, собственного хозяина и состоит из отдельных веб-страниц, которые мы видим как одно целое. Антоненко М. В. SQL. Интернет. Полное руководство. — С-пб.: «Наука и техника», 2011. — с 483

Всемирная паутина сеть состоит из сайтов, доступных для общего пользования. Все страницы любого сайта объединяются одним корневым адресом, то, что мы набираем в адресной строке браузера, тематикой, системой управления и дизайном. Все страницы веб-сайта это текстовый документ, который написан на языке программирования HTML, XHTML, PHP, JavaScript и другие веб языки программирования. Данные текстовые файлы загружаются на ваш компьютер в папку Coockies, полученные данные обрабатываются браузером пользователя и отображаются на мониторе вашего компьютера в виде страницы сайта. Сайт отображается, так как задумал программист. Языки программирования дают возможность редактировать текст страницы, добавлять ссылки, вставлять видео, картинки и звуковые файлы. Сайты могут иметь простые страницы, которые содержат тексты и картинки, в приложении, А представлена структура простого сайта. Есть и сайты, у которых имеются сложные страницы с большим количеством функций, которые управляются различными программами и на разных языках программирования. Вирин Ф. Интернет-маркетинг. Полный сборник практических инструментов. — М.: «Эксмо», 2012. — с 178

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

6 августа 1991 года был создан самый первый сайт в мире. Автором первого сайта был Тим Бернерс-Ли. Информацией, опубликованной на этом сайте, было описание новой технологии World Wide Web. Гаевский А. Ю., Романовский В. А. 100% самоучитель. Создание Web-страниц и Web-сайтов. HTML и JavaScript. — М.: «Триумф», 2008. — с 352

В настоящем времени сайт является визитной карточкой предприятия, фирмы, вашим портфолио. К сожалению, в России фирмы и предприятия не спешат создавать сайты. Во всемирной паутине имеются файлообменики, социальные сети, такие как odnoklassniki.ru, livejournal.ru, vkontakte.ru, интернет-магазины, онлайн-сервисы, браузерные онлайн-игры. Благодаря сайту можно распространять информацию, которую вы хотите, быстро её изменять, таким образом, пользователи, посетившие ваш сайт, будут обладать представленными вами данными. С помощью сайта вы сможете донести огромное количество информации до людей. Телевидение, радио и газеты не способны дать такого ошеломляющего эффекта. В газете информация ограничивается количеством страниц, на радио можно расслышать или неправильно записать, запомнить информацию. Имея собственный сайт вы не ограничены и можете разместить большое количество информации. Сайт доступен 24 часа в сутки 7 дней в неделю, благодаря этому все желающие могут получить к нему доступ. Главная задача сайта — доносить информацию до потенциальных клиентов и пользователей. Гаевский А. Ю., Романовский В. А. 100% самоучитель. Создание Web-страниц и Web-сайтов. HTML и JavaScript. — М.: «Триумф», 2008. — с 452

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

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

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

Динамические сайты основаны на шаблонной странице, в которую вставляется постоянно меняющееся информационное наполнение, которое обычно хранится в базе данных. Когда идет запрос страницы, нужная информация извлекается из базы данных, вставляется в нужное место в шаблоне, образуя новую веб-страницу, и пересылается веб-сервером в браузер пользователя, который и отображает ее должным образом. Помимо наполнения информация, динамически могут создаваться также и элементы навигации по сайту. Для обновления страницы достаточно вставить нужный текст и, который затем вставляется в базу данных с помощью определенного программного кода. В приложение В показана структура работы динамического сайта. Спиридонов М. Рунетология. Кто управляет русским Интернетом? — М.: «Манн, Иванов и Фербер», 2011. — с 252

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

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

В динамических сайтах используются различные системы управления. Со временем они видоизменяются и совершенствуются для облегчения работы пользователя. Спиридонов М. Рунетология. Кто управляет русским Интернетом? — М.: «Манн, Иванов и Фербер», 2011. — с 298

1. Управление веб-сайтом

С возрастающей популярностью интернета и соответственно к сайтам, появилась необходимость в создании программы, которая будет управлять сайтом. Так появилась CMS — Content Management System, что в переводе с английскогосистема управления контентом. Примерно 17 августа 2000 года появилась первая CMS написанная на языке программирования PHP, называлась PHP-Nuke.

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

В самом начале создания систем управления шаблоны создавались посредством языка программирования HTML. На рисунке 1.1 показана структура простого сайта на языке HTML.

Рисунок 1.1

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

Простые сайты писались как всегда в языке программирования HTML, что и остается, по сей день. Для работы необходимо было знание данного языка. Благодаря CMS отпадает необходимость в знании языка программирования HTML.

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

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

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

Имеются три типа систем управления. Первый тип это коммерческие CMS, что бы с ними работать надо купить лицензию. На рисунке 2 показаны статистика популярности коммерческих CMS на 2011 год.

Рисунок 1.2

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

• программный обеспечение интроспекция установка

Рисунок 1.3

Третий тип — это самописные или индивидуальные системы управления, которые создаются в интернет компаниях. На рисунке 4 показана статистика популярности индивидуальных систем управления на 2011 год.

Рисунок 1.4

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

1.1 Шаблоны и HTML

Шаблоны в первых системах управления строились на языке веб-программирования HTML. Данный язык появился приблизительно в 1989;1991 годах. Создан он был для обмена научной и технической информации между компьютерами. Впоследствии он стал одним из основных языков веб-программирования. Язык HTML отлично справляется с проблемой сложности SGML путем определения небольшого набора семантических и структурных элементов — дескрипторов. Другое название дескрипторов — теги. Благодаря простоте восприятия синтаксиса языка HTML, создавать страницы было просто и удобно. С помощью языка можно создать страницы, который ссылаются друга на друга, что удобно в использовании и получении информации. На рисунке 1.5 показана простая страница, написанная на языке веб-программрования HTML.

Рисунок 1.5

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

Рисунок 1.6

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

Рисунок 1.7

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

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

Версия 3 была предложена Консорциумом всемирной паутины (W3C) в марте 1995 года и обеспечивала много новых возможностей, таких как создание таблиц, «обтекание» изображений текстом и отображение сложных математических формул. Даже при том, что этот стандарт был совместим со второй версией, реализация его была сложна для браузеров того времени. Версия 3.1 официально никогда не предлагалась, и следующей версией стандарта HTML стала 3.2, в которой были опущены многие нововведения версии 3.0, но добавлены нестандартные элементы, поддерживаемые браузерами Netscape Navigator и Mosaic.

В версии HTML 4.0 произошла некоторая «очистка» стандарта. Многие элементы были отмечены как устаревшие и нерекомендованные (англ. deprecated). В частности, элемент font, используемый для изменения свойств шрифта, был помечен как устаревший (вместо него рекомендуется использовать таблицы стилей CSS).

В 1998 году консорциум Всемирной паутины начал работу над новым языком разметки, основанном на HTML 4, но соответствующим синтаксису XML. Впоследствии новый язык получил название XHTML. Первая версия XHTML 1.0 одобрена в качестве Рекомендации консорциума Всемирной паутины 26 января 2000 года.

Планируемая версия XHTML 2.0 должна была разорвать совместимость со старыми версиями HTML и XHTML, но 2 июля 2009 года консорциум Всемирной паутины объявил, что полномочия рабочей группы XHTML2 истекают в конце 2009 года. Таким образом, была приостановлена вся дальнейшая разработка стандарта XHTML 2.0.

Модуляризация XHTML это разделение XHTML 1.0, относительно HTML 4, на коллекцию абстрактных модулей, которые предоставляют специфические типы функциональности. Эти абстрактные модули реализованы в данной спецификации с использованием языка XML Document Type Definition/Определения Типа Документа, но ожидается появление реализации с использованием Схемы XML.

Правила определения абстрактных модулей и реализации их с использованием ОТД XML также определены в данном документе.

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

Модуляризация XHTML — это задача специфицирования правильно определённых наборов элементов XHTML, которые (наборы) могут комбинироваться и расширяться авторами документов, создателями типов документов, другими спецификациями стандартов XML и дизайнерами приложений и продуктов с целью дать техническую возможность разработчикам содержимого доставлять это содержимое на большое количество разнообразных платформ.

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

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

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

Эти модули служат «точками соответствия» для сообщества содержимого. Сообщество содержимого может теперь иметь установленную базу, поддерживающую определённые коллекции модулей, вместо того, чтобы беспокоиться об установленной базе, которая поддерживает то или иное изменение элементов XHTML. Использование стандартов является критичным для того, чтобы модуляризованный XHTML имел успех повсюду. Для разработчиков содержимого экономически нереально подгонять содержимое к каждому изменению элементов XHTML. Путём спецификации стандарта, любой процесс программы может автономно создавать содержимое для устройства, или устройство может автоматически загрузить программу, необходимую для работы модуля.

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

В результате этого появилась нужда в специальной программе помогающей программисту в написании страниц сайта. Первая такая программа появилась примерно в 1997 году. Только в 2002 году такие программы стали популярны. На рисунке 1.8 показана одна из программ помогающая программисту, создавать сайты. Муссиано Ч., Кеннеди Б. HTML и XHTML. Полное руководство. — М.: «Символ-Плюс», 2011. — с 258

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

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

Рисунок 1.8

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

1.2 PHP и JavaScript

Язык программирования PHP создал в 1995 году датский программист Расмус Лердорф. Создавался язык для вывода и учета посетителей онлайн-резюме, обрабатывающие шаблоны HTML-документов. Написан он был на Perl. На рисунке 1.9 показан код на языке PHP. Зандстра М. PHP. Объекты, шаблоны и методики программирования. — М.: «Вильямс», 2009. — с 289

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

В 1996 году PHP прошел еще одно преобразование. В новом PHP было включена поддержка mSQL, DBM и Postgress95 без данных, cookies, поддержку определяемых пользователем функции и многие другое.

Рисунок 1.9

Даже имея все плюсы, язык веб-программирования PHP в 1998 году имел малую популярность, всего 1% от всех сайтов в интернете, примерно 50 тысяч сайтов. Через год популярность языка PHP увеличилась по состоянию на 1999 год. Развитие языка в этот период совершал один и тот же человек, создатель языка Расмус Лердорф.

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

Это будет проигнорировано.

Это тоже будет проигнорировано.

Можно использовать и более продвинутые структуры:

Пример #1 Продвинутое внедрение

if ($expression) {

?>

Это истина.

} else {

?>

Это ложь.

}

?>

Это работает так, как и ожидается, потому что когда PHP встречает закрывающие теги ?>, он просто начинает выводить все, что встретит (за исключением перевода строки, стоящим сразу после закрывающего тега — смотрите разделение инструкций), пока не встретит следующий открывающий тег. Вышеуказанный пример, разумеется, надуман, но при больших объемах текста выход из режима PHP обычно более эффективен, чем посылка всего текста через echo () или print ().

Существует четыре набора тегов, которые могут быть использованы для обозначения PHP-кода. Из них только два и) всегда доступны. Другими двумя являются короткие теги и теги в стиле ASP, которые могут быть включены или выключены в конфигурационном файле php.ini. Хотя короткие теги и теги в стиле ASP могут быть удобны, они не так переносимы, как длинные версии, и поэтому не рекомендуются.

Замечание:

Кроме того, если вы намереваетесь вставлять PHP-код в XML или XHTML, чтобы соответствовать XML стандартам, ам следует использовать форму .

Пример #2 Открывающие и закрывающие теги PHP

1.

2.

echo 'некоторые редакторы (например, FrontPage) не любят инструкции обработки';

3.

Это синоним для « «

4. <% echo 'Вы можете по выбору использовать теги в стиле ASP'; %>

<%= $variable; # Это синоним для «<% echo. . ." %>

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

Короткие теги (третий пример) доступны только когда они включены с помощью директивы short_open_tag в конфигурационном файле php. ini, либо если PHP был скомпилирован с опцией —enable-short-tags .

Теги в стиле ASP (четвертый пример) доступны только когда они были с помощью директивы asp_tags в конфигурационном файле php.ini.

Замечание:

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

Замечание:

В PHP 5.2 и более ранних версиях парсер не позволял файлам содержать только один открытый тег

Замечание:

Начиная с версии PHP 5.4, короткий тег вывода

Как в C или Perl, PHP требует окончания инструкций точкой запятой в конце каждой инструкции. Закрывающий тег блока PHP-кода автоматически применяет точку с запятой; т. е. нет необходимости ставить точку с запятой в конце последней строки блока с PHP-кодом. Закрывающий тег блока «поглотит» немедленно следующий за ним переход на новую строку, если таковой будет обнаружен.

echo 'Это тест';

?>