Технологии создания сайтов. Кафедра иностранных языков и межъязыковых коммуникаций
МИНИСТЕРСТВО КУЛЬТУРЫ РЕСПУБЛИКИ КРЫМ
ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ РЕСПУБЛИКИ КРЫМ
«КРЫМСКИЙ УНИВЕРСИТЕТ КУЛЬТУРЫ, ИСКУССТВ И ТУРИЗМА»
(ГБОУВОРК «КУКИиТ»)
Кафедра иностранных языков и межъязыковых коммуникаций
УТВЕРЖДАЮ
Заведующий кафедрой
_____________________
«____»_________2016 г.
Учебное пособие
Практикум по дисциплине
«Библиотечное сайтостроение»
по направлению и профилю подготовки
51.03.06 Библиотечно-информационная деятельность
Библиотечно-информационное обеспечение потребителей информации
квалификация (степень) выпускника
«бакалавр»
Рассмотрено и одобрено
на заседании кафедры
протокол № __ от _____
Автор-составитель: доц. Матросова И.Г
Симферополь – 2016
Раздел 1 ВВЕДЕНИЕ В ТЕХНОЛОГИЮ СОЗДАНИЯ WEB-САЙТОВ
Понятие веб-сайта. Доменное имя. Веб-порталы. Хостинг. Классификация сайтов. Критерии классификации: по доступности сервисов, по природе содержимого, по физическому расположению. Типы веб-ресурсов: сайт-визитка, интернет-представительство, представительский сайт, корпоративный сайт, интернет-магазин, промо-сайт, сайт-квест, информационные ресурсы, тематический сайт, тематический портал. Веб-сервис. Технологии создания сайтов.Инструменты создания сайтов
Понятие веб-сайта
Веб-сайт (от англ. website: web — «паутина», «сеть» и site — «место», букв. «место в сети») или просто сайт — в компьютерной сети объединённая под одним адресом (доменным именем или IP-адресом) совокупность документов частного лица или организации. По умолчанию подразумевается, что сайт располагается в сети Интернет. Все веб-сайты в совокупности составляют Всемирную паутину. Для прямого доступа клиентов к веб-сайтам на серверах был специально разработан протокол HTTP. Веб-сайты иначе называют Интернет-представительством человека или организации. Когда говорят «своя страничка в Интернет», то подразумевается целый веб-сайт или личная страница в составе чужого сайта. Кроме веб-сайтов в сети Интернет так же доступны WAP-сайты[1] для мобильных телефонов.
Изначально веб-сайты представляли собой совокупности статических документов. В настоящее время большинству из них свойственна динамичность и интерактивность. Для таких случаев специалисты используют термин веб-приложение — готовый программный комплекс для решения задач веб-сайта. Веб-приложение входит в состав веб-сайта, но веб-приложение без данных сайтом является только технически.
По скольку со времен создания интернета прошло много времени, и многие уже узрели проблемы связанные с ним в плане безопасности, кроме HTTP и WAP, появилось и защищенное Https соединение.Данное соединение похоже на HTTP, но обладает высокой степенью безопасности. Обычно применяется в Личных Кабинетах, интернет магазинах. Всё больше и больше сайтов используют такой метод соединения.
Доменное имя
В большинстве случаев в Интернете одному веб-сайту соответствует одно доменное имя. Именно по доменным именам сайты идентифицируются в глобальной сети. Возможны иные варианты: один сайт на нескольких доменах или несколько сайтов под одним доменом. Обычно несколько доменов используют крупные сайты (веб-порталы) чтобы логически отделить разные виды предоставляемых услуг (mail.google.com, news.google.com, maps.google.com). Нередки и случаи выделения отдельных доменов для разных стран или языков. Например, google.ru и google.fr логически являются сайтом Google на разных языках, но технически это разные сайты. Объединение нескольких сайтов под одним доменом характерно для бесплатных хостингов. Иногда для идентификации сайтов в адресе после указания хоста стоит тильда и имя сайта: example.com/~my-site-name/, а чаще всего используется домен третьего уровня: my-site-name.example.com.
Веб-порталы. Хостинг
Аппаратные сервера для хранения веб-сайтов называются веб-серверами. Сама услуга хранения называется веб-хостингом. Раньше каждый сайт хранился на своём собственном сервере, но с ростом Интернета технологическим улучшением серверов на одном компьютере стало возможно размещение множества сайтов (виртуальный хостинг). Сейчас сервера для хранения только одного сайта называются выделенными (англ. dedicated).
Один и тот же сайт может быть доступен по разным адресам и хранится на разных серверах. Копия оригинального сайта в таком случае называется зеркалом. Существует так же понятие оффлайновая версия сайта — это копия сайта, которая может быть просмотрена на любом компьютере без подключения к компьютерной сети и использования серверного программного обеспечения (ПО).
Классификация веб-сайтов
По доступности сервисов:
• Открытые — все сервисы полностью доступны для любых посетителей.
• Полуоткрытые — для доступа необходимо зарегистрироваться (обычно бесплатно).
• Закрытые — полностью закрытые служебные сайты организаций (в том числе корпоративные сайты), личные сайты частных лиц. Такие сайты доступны для узкого круга людей. Доступ новым людям обычно даётся через т. н. инвайты (приглашения).
По природе содержимого:
• Статические — всё содержимое заранее подготавливается. Пользователю выдаются файлы в том виде, в котором они хранятся на сервере.
• Динамические — содержимое генерируется специальными скриптами (программами) на основе других данных из любого источника.
По физическому расположению:
• Внешние сайты сети Интернет.
• Локальные сайты — доступны только в пределах локальной сети. Это могут как корпоративные сайты организаций, так и сайты частных лиц в локальной сети провайдера.
По схеме представления информации, её объёму и категории решаемых задач можно выделить следующие типы веб-ресурсов:
• Интернет-представительства владельцев бизнеса (торговля и услуги, не всегда связанные напрямую с Интернетом):
o Сайт-визитка — содержит самые общие данные о владельце сайта (организация или индивидуальный предприниматель). Вид деятельности, история, прайс-лист, контактные данные, реквизиты, схема проезда. Специалисты размещают своё резюме. То есть подробная визитная карточка.
o Представительский сайт — так иногда называют сайт-визитку с расширенной функциональностью: подробное описание услуг, портфолио, отзывы, форма обратной связи и т. д.
o Корпоративный сайт — содержит полную информацию о компании-владельце, услугах/продукции, событиях в жизни компании. Отличается от сайта-визитки и представительского сайта полнотой представленной информации, зачастую содержит различные функциональные инструменты для работы с контентом (поиск и фильтры, календари событий, фотогалереи, корпоративные блоги, форумы). Может быть интегрирован с внутренними информационными системами компании-владельца (КИС, CRM, бухгалтерскими системами). Может содержать закрытые разделы для тех или иных групп пользоватлей — сотрудников, дилеров, контрагентов и пр.
o Каталог продукции — в каталоге присутствует подробное описание товаров/услуг, сертификаты, технические и потребительские данные, отзывы экспертов и т. д. На таких сайтах размещается информация о товарах/услугах, которую невозможно поместить в прайс-лист.
o Интернет-магазин — веб-сайт с каталогом продукции, с помощью которого клиент может заказать нужные ему товары. Используются различные системы расчётов: от пересылки товаров наложенным платежом или автоматической пересылки счета по факсу до расчётов с помощью пластиковых карт.
o Промо-сайт — сайт о конкретной торговой марке или продукте, на таких сайтах размещается исчерпывающая информация о бренде, различных рекламных акциях (конкурсы, викторины, игры и т. п.).
o Сайт-квест — Интернет-ресурс, на котором организовано соревнование по разгадыванию последовательности взаимосвязанных логических загадок.
• Информационные ресурсы:
o Тематический сайт — веб-сайт, предоставляющий исчерпывающую информацию о какой-либо теме.
o Тематический портал — это очень большой веб-ресурс, который предоставляет исчерпывающую информацию по определённой тематике. Порталы похожи на тематические сайты, но дополнительно содержат средства взаимодействия с пользователями и позволяют пользователям общаться в рамках портала (форумы, чаты) — это среда существования пользователя.
• Веб-сервис — обычно решает конкретную пользовательскую задачу напрямую связанную с сетью Интернет:
o Поисковые сервисы — например, Яндекс, Google.
o Почтовый сервис.
o Веб-форумы.
o Блоговый сервис.
o Фотохостинг — например, Flickr, ImageShack, Panoramio, Photobucket.
o Хранение видео — например, YouTube, RuTube.
o Доска объявлений.
o Каталог сайтов — например, Open Directory Project
Технологии создания сайтов
В зависимости от технологии создания можно выделить следующие типы сайтов:
1. Статические сайты, содержащие статические HTML или XHTML страницы. Статические веб-страницы - это статические файлы (набор текста, таблиц, рисунков и т.д.), которые создается с помощью языка разметки HTML (имеют расширение .html или .htm) и хранятся в готовом виде в файловой системе сервера.
2. Динамические сайты, в которых веб-страницы генерируются или формируются (создаются динамически) в процессе исполнения запроса пользователя. Динамические сайты бывают двух типов. В первом типе сайтов, веб-страницы генерируются или формируются из данных хранящихся на сервере в базе данных. Во втором типе сайтов веб-страницы генерируются на стороне клиентского приложения (в браузере).
3. Flash-сайты – это интерактивные приложения, разработанные в среде Macromedia Flash. Основным инструментом разработки flash-программ является векторная графика (интерактивная векторная анимация для Web). Flash придает сайтам динамичность и интерактивность.
4. Комбинированные сайты, в которых используются вышеизложенные технологии создания сайтов.
Сайты по взаимодействию пользователя с ресурсами веб-страницы можно разделить на пассивные и активные или интерактивные.
Пассивные сайты – это сайты с пассивными веб-страницами. В пассивных сайтах пользователь имеет возможность только просматривать информацию на веб-страницах.
Интерактивные сайты – это сайты с активными веб-страницами. При работе с интерактивными веб-страницами пользователь имеет возможность обмениваться данными с сервером, участвовать в интерактивном диалоге.
Статические сайты с пассивными веб-страницами
Технология создания веб-страницы статических сайтов: язык HTML (Hyper Text Markup Language), который является языком разметки гипертекста и каскадные таблицы стилей CSS (Cascading Style Sheets). CSS используется для оформления и форматирования различных элементов веб-страниц, в результате чего значительно снижают размеры веб-страниц.
Создание веб-страниц статических сайтов — это трудоемкий процесс. Статические сайты с пассивными веб-страницами создаются вручную, с помощью какого-либо редактора HTML в файловой системе компьютера, потом загружаются на сайт. Создание новых веб-страниц или редактирование существующих страниц пользователь выполняет на ПК в редакторе, а затем вновь загружает на Web-сайт.
В основном статические сайты с пассивными веб-страницами применяются для создания небольших и средних сайтов с постоянной структурой и внешним видом страниц (но каждая страница может иметь свой шаблон оформления), которые можно размещать на любых хостингах, в том числе на бесплатных, которые не поддерживают работу скриптов.
Для создания сайта используют различные средства: редакторы текста типа Блокнот, визуальные редакторы типа Microsoft FrontPage, Macromedia Dreamweaver и множество других редакторов, а также конструкторы сайтов (дизайнеры). Конструкторы веб-сайтов размещаются на некоторых сайтах в сети Интернет.
Необходимо отметить, что с целью быстрой загрузки веб-страниц их размеры не должны превышать 20 Кбайт.
Статические сайты с интерактивными веб-страницами
Для придания статическим веб-страницам интерактивности и динамичности в веб-страницу можно вставлять скрипты на языках сценариев JavaScript и VBScript, исполняемых на стороне клиента. Скрипты на JavaScript и VBScript могут исполняться либо при наличии каких-либо действий пользователя либо автоматически во время загрузки веб-страницы.
Кроме того, в HTML документ можно вставлять элементы DHTML (динамический HTML). DHTML — это способ создания интерактивного веб-сайта. Динамический HTML построен на языке программирования JavaScript, каскадных таблицах стилей CSS и DOM (объектной модели документа).
В документ HTML можно вставлять флэш-фрагменты или Flаsh-ролики (swf-файлы). В документ HTML можно вставлять Flash-формы аналогичные HTML формам. Флеш обеспечивает интерактивность за счет интерактивной векторной анимации для Web. Для создания Флеш используется язык сценариев ActionScript.
Для обмена данными между пользователем и сервером в веб-страницу можно вставить веб-приложение, называемое HTML формой (form). Форма — это часть веб-страницы, в которую пользователь может вводить свою информацию и отправлять ее на сервер, где размещена веб-страница, щелчком на кнопке. Запросы обрабатываются на сервере, который генерирует соответствующую выходную информацию. Запросы в форме могут выполняться методами GET или POST[2]. Эти методы используются в PHP.
В связи с тем, что скрипты, исполняемые на стороне клиента, увеличивают объем веб-страниц, их количество и размер на странице должно быть ограниченным. Создание статических сайтов с интерактивными веб-страницами целесообразно выполнять в редакторе Macromedia Dreamweaver 8.
Динамические сайты, веб-страницы которых генерируются или формируются из данных хранящихся на сервере в базе данных
В настоящее время для создания динамических сайтов применяются различные веб-приложения. Для разработки веб-приложений применяются различные технологии, обеспечивающие создание динамических веб-страниц. Динамические сайты способны реагировать на введенную пользователем информацию, т.е. могут быть интерактивными, поэтому динамические сайты, как правило, являются интерактивными, но не всегда.
Для разработки веб-приложений используют два подхода:
— на основе компилируемых модулей;
— на основе интерпретируемых сценариев.
Компилируемые модули
Компилируемые модули — это модули типа CGI[3], которые транслируются в исполняемые файлы и выполняются веб-сервером. Первыми веб-приложениями для создания динамических сайтов были отдельные модули CGI (сценарии, созданные в основном на языке Perl), которые выполнялись на сервере. CGI-сценарии являются обыкновенными программами. Результатом выполнения модуля является страница в формате HTML.
В Интернет можно бесплатно скачать модули CGI или CGI-скрипты (гостевые книги, обратную связь, каталоги ссылок, поиск по сайту и т.д.), которые выполняются на Web-сервере по запросу пользователя. С другой стороны Common Gateway Interface (CGI) – это стандартный интерфейс обмена данных, который определяет способ взаимодействия клиентского приложения и веб-сервера. CGI обеспечивает запуск скрипта на сервере и взаимодействие с ним. В дальнейшем для реализации этого подхода стали применять интерфейсы (серверные расширения) ISAPI и NSAPI (Internet Server Application Programming Interface (ISAPI) и Netscape Server API).