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

Министерство образования и науки РФ

ФГБОУ ВПО Сибирский государственный индустриальный университет

Институт дополнительного профессионального образования

Задание

на выпускную квалификационную работу

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

Студент

Зиберт Марина Александровна

Утвердждаю

Зам директора ИДПО Морин С.В.



Исходные условия и данные к дипломной работе (объект исследования, методы, научный результат): Объект исследования - специфика проектирования сайта на языке PHP с обратной связи.

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

Содержание выпускной квалификационной работы: Введение; Определение термина "сайт"; Структура сайтов; Обзор типов сайтов; Теоретические основы построения веб-сайтов; Постановка задачи; Программно-технические средства; База данных; Создание схемы главной страницы сайта; Верстка страницы; Заключение; Список использованных источников.

Перечень графического материала: 21 рисунок., 47 стр., 9 рис., 27 источников, 1 прил.

HTML, САЙТ, ВЕБ-СЕРВЕР, DNS-СЕРВЕР, АРАСНЕ, PHP, MYSQL, РНРMYADMIN.

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

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

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

Содержание

Определения, обозначения и сокращения

Введение

1. Основная часть

1.1 Определение термина "сайт"

1.2 Структура сайта

1.3 Обзор типов сайтов

1.4 Обеспечение работы веб-сайта

1.4.1 Информационное обеспечение

1.4.2 Программное обеспечение

1.4.3 Техническое обеспечение сайта

1.5 Теоретические основы построения веб-сайтов

1.5.1 Принципы работы веб-сервера

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

1.5.3 Основы работы с базой данных

1.5.4 Взаимодействие РНР сайта с базой данных MySQL

1.5.5 Система управления контентом (CMS)

2. Разработка сайта в поддержку процесса обучения иностранному языку

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

2.2 Программно-технические средства

2.3 База данных

2.4 Создание схемы главной страницы сайта

2.5 Верстка страницы

Заключение

Список использованных источников

Приложение А База данных сайта



Определения, обозначения и сокращения

В настоящей ВКР применяют следующие термины с соответствующими определениями:

1. HTML (hypertext mark-up language) - язык разметки гипертекста. Система кодов для разметки документов. Применяется для документов, циркулирующих в среде World Wide Web. Основная задача HTML - определить структуру документов и семейств документов так, чтобы они могли быть легко и быстро доставлены пользователю по сетям и отображены на самых разных дисплеях.

2. САЙТ (от англ. site - место, синонимы: веб-сайт, ресурс) - это место в интернете, которое определяется своим адресом (URL), имеет своего владельца и состоит из веб-страниц, которые воспринимаются как единое целое.

3. ВЕБ-СЕРВЕР: 1) то же, что и сайт: "У нас на сервере появилась новая информация"; 2) компьютер, который обеспечивает работу сайта: "Наш сайт теперь быстрее работает - мы в сервер памяти добавили"; 3) основная программа, которая обеспечивает работу веб-сайта

4. DNS-СЕРВЕР (англ. Domain Name System - система доменных имён) - компьютерная распределённая система для получения информации о доменах. Чаще всего используется для получения IP-адреса по имени хоста (компьютера или устройства), получения информации о маршрутизации почты, обслуживающих узлах для протоколов в домене (SRV-запись).

5. АРАСНЕ (сокращение от англ. a patchyserver; среди русских пользователей общепринято искажённое апамч) - самый распространенный веб-сервер в мире, который может поддерживать несколько кодировок кириллицы одновременно.

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

7. MYSQL - свободная реляционная система управления базами данных.

8. РНРMYADMIN - веб-приложение с открытым кодом, написанное на языке PHP и представляющее собой веб-интерфейс для администрирования СУБД MySQL.



Введение

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

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

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

Исходя из этого, можно сформулировать цели и задачи данной работы.

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

В рамках этого исследования решаются задачи:

- проанализировать информацию по видам сайтов и способах их создания для выбора наиболее оптимального варианта применительно к цели исследования;

- осуществить обзор существующих веб-технологий на предмет их использования;

- разработать сайт в поддержку осуществления образовательного процесса.

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



1. Основная часть

1.1 Определение термина "сайт"

Сайт (от англ. Site - место, синонимы: веб-сайт, ресурс) - это место в интернете, которое определяется своим адресом (URL), имеет своего владельца и состоит из веб-страниц, которые воспринимаются как единое целое [27]. Строгого определения сайта не существует, кроме того, некоторые разделы больших сайтов вполне могут восприниматься и даже определяться их владельцами как отдельные сайты.

Глобальная сеть состоит из всех сайтов, доступных для общего пользования. Все странички каждого сайта объединяются одним корневым адресом (то, что мы набираем в адресной строке браузера), тематикой, системой и дизайном. Страница веб-сайта - это текстовый документ, который написан на языке программирования (HTML, XHTML, JAVA или другие), он загружается на компьютер, обрабатывается браузером и затем отображается на мониторе. Страницы сайтов могут быть как простыми наборами информации - тексты и картинки, так и сложными, с огромным количеством функций, которые управляются различными программами [3].

1.2 Структура сайта

Структура сайта - это система взаимного расположения его частей, т.е. это то, из каких частей он состоит и как эти части располагаются на сайте [25].

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

Выделяют внутреннюю и внешнюю структуры.

Внутреннюю структуру сайта можно уподобить оглавлению книги: есть главы (рубрики), параграфы (подрубрики) и одного взгляда достаточно, чтобы понять, что и где искать. Внутренняя структура сайта может быть следующих типов [23]:

Линейная структура сайта.

Рисунок 1 - Линейная структура сайта

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

Линейная структура сайта с альтернативами и вариантами.

Рисунок 2 - Линейная структура сайта с альтернативами и вариантами

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

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

Линейная структура сайта с ответвлениями.

Рисунок 3 - Линейная структура сайта с ответвлениями

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

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

Древовидная структура сайта.

Рисунок 4 - Древовидная структура сайта

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

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

Решетчатая структура.

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

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

Внешняя структура сайта - это блок-схема сайта, это то, какие элементы (части) используются на всех страницах сайта и каково их взаимное расположение. Упрощенную модель сайта (его макет) можно представить так [25]:

Рисунок 5 - Внешняя структура сайта

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

1.3 Обзор типов сайтов

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

1. Классификация по доступности сервисов [11]:

а) Открытые - все сервисы полностью доступны для любых посетителей и пользователей.

b) Полуоткрытые - для доступа необходимо зарегистрироваться (обычно бесплатно).

c) Закрытые - полностью закрытые служебные сайты организаций (в том числе корпоративные сайты), личные сайты частных лиц. Такие сайты доступны для узкого круга пользователей. Доступ новым пользователям обычно даётся через инвайты (приглашения). Инвайт - это код доступа (набор символов) или ссылка, содержащая в себе код, для регистрации в закрытом сервисе, форуме или партнерской программе. Приглашение обычно можно получить у уже зарегистрированного участника, либо у службы поддержки, либо выполнив определенные условия, установленные администрацией закрытого интернет-проекта. Инвайт используют для ограничения доступа к сервису сайта от посторонних пользователей. Закрытыми также могут быть проекты на стадии начального тестирования их сервисов [4].

2. Классификация по физическому расположению [11]:

а) Общедоступные сайты сети Интернет.

b) Локальные сайты - доступны только в пределах локальной сети.

3. Классификация по технологии отображения [4]:

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

b) Динамические сайты состоят из скриптов, шаблонов, информации и объектов в виде отдельных файлов. Содержимое такого сайта изменяется средствами самого сайта без применения пользователем дополнительного программирования. Страница динамического сайта с одним и тем же адресом может выглядеть по-разному в зависимости от введенного запроса, прав доступа пользователя и других условий. Это обусловлено тем, что в динамических сайтах при запросе информация извлекается из базы данных, вставляется в шаблон, формируя новую web-страницу, которая отображается в браузере пользователя. Обновление контента динамических сайтов осуществляется гораздо легче - достаточно просто добавить информацию на новую страницу, которая попадает в базу данных с помощью определенного механизма и сайт как бы самостоятельно себя обновляет. Несмотря на интерактивность, широкие функциональные возможности и простоту обновления, динамические сайты не совершенны. Они создают повышенную нагрузку на web-сервер, требуют большее количество ресурсов, увеличивают расход при их создании [4].

c) Сайты, созданные с применением Flash-технологий, когда весь сайт располагается на одной веб-странице, предназначенной исключительно для загрузки Flash-файла, а вся навигация и контент реализованы в самом Flash-ролике. Основной задачей флэш-сайта является произвести сильное впечатление на пользователя, поразить яркой "живой" анимацией, привлечь максимальной интерактивностью, возможностью менять элементы оформления. Один из серьезных недостатков флэш-сайта - это долгая загрузка из-за значительного "веса". Кроме того, флэш-анимация достаточно сложная и дорогая в изготовлении, испытывает сложности взаимодействия с поисковыми системами, практически отсутствует индексация.

3. Классификация по типам макетов:

a) Фиксированной ширины - размеры элементов страницы имеют фиксированное значение, независящее от разрешения, размера, соотношения сторон экрана монитора и размеров окна обозревателя, задаётся в абсолютных значениях - PX (пиксели).

b) Резиновый макет - размеры несущих элементов, значения ширины, задаются относительным значением - % (проценты), страницы отображаются во весь экран монитора по ширине.

c) Динамично эластичный- размеры большинства элементов задаются относительными значениями - EM и % (проценты). Все относительные пропорции размеров элементов всегда остаются неизменными, независимо от разрешения, размера, соотношения сторон экрана монитора, размеров окна и масштаба окна обозревателя. И всегда постоянны относительно окна обозревателя.

4. Классификация по визуальному признаку [22]:

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

b) Сайты в стиле GUI. На этих сайтах соблюдаются некоторые соглашения, связанные с графическим пользовательским интерфейсом (GUI - graphicaluserinterface), взятые из проектирования программного обеспечения, например выровненные кверху строки меню, пиктограммы и всплывающие окна. Среди GUI-ориентированных сайтов есть и простые GUI-компоненты, добавляемые по большей части в тексто-ориентированные сайты, и полнофункциональные Web-приложения со специальными элементами пользовательского интерфейса.

c) Метафорические сайты. Метафорические сайты черпают идеи из "реальной жизни". К примеру, в дизайне и навигации сайта, посвященного автомобилям, могут быть задействованы приборная панель и рулевое колесо. Метафорически оформленный сайт ярок визуально или интерактивен. Это может вводить в заблуждение одних пользователей и привлекать других.

d) Экспериментальные сайты. Создатели таких сайтов пытаются делать вещи, немного отступая от норм. На сайтах, следующих экспериментальному стилю оформления, нередко задействуются творчество, непредсказуемость, новаторство и даже хаотичность.

5. Классификация по схеме представления информации, её объему и категории решаемых задач [13, 21]:

a) Интернет-представительства:

- сайт визитка - самый простой вид сайта. Сайт такого типа можно сделать на HTML, без использования системы управления сайтом. Обычно сайт-визитка содержит от 1 до 5 страниц. Сайты этого вида, как правило, включают в себя только общую информацию о владельце сайта и его контактные данные (например: вид деятельности, история, прайс-лист, реквизиты, e-mail, схема проезда). Сайт-визитка имеет массу преимуществ: 1) возможность компании находить новых клиентов и партнеров посредством Сети; 2) экономия финансов на традиционных видах рекламы, так как на любых рекламных материалах компания может оставлять адрес своего инернет-ресурса, куда заинтересованный потребитель всегда может обратиться за более полной информацией; 3) возможность более качественного сервиса при работе с клиентом, потому что, в отличие от офиса, к сайту можно обратиться в любое время суток и получить всю интересующую информацию; 4) эффективное использование разнообразных графических элементов: на веб-сайте прайсы или логотипы на фирменных бланках выглядят гораздо привлекательнее, чем при ксерокопировании или при передаче посредством факса; 5) возможность оперативно редактировать информацию; 6) возможность проводить рекламные кампании в Сети; 7) возможность получать прибыль: при высокой посещаемости владелец вэб-сайта может продавать место на нем под баннерную рекламу или обмениваться баннерами с другими интернет-ресурсами, увеличивая тем самым посещаемость своей странички; 8) уникальность и эксклюзивность сайта;

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

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

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

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

b) Информационные ресурсы:

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

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

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

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

c) Веб-сервисы:

- поисковые системы - вид сайта, с помощью которого посетитель может найти интересующую его информацию, введя в специальное поле запрос и получив на него список сайтов, соответствующих запросу. Современная поисковая система состоит из трех взаимосвязанных систем: 1) поискового робота (паука); 2) индекса поисковой системы; 3) системы, которая обрабатывает запрос, находит в индексе документы, отвечающие критериям запроса, и выводит список найденных документов в порядке убывания значимости (релевантности). На сегодня поисковые системы являются одним из главных инструментов пользователей при поиске информации в интернете. Достаточно отметить, что до 80% всего трафика на сайт приходится на поисковые системы [20];

- почтовый сервис - это сайт, который предоставляет интерфейс для работы с электронной почтой. При регистрации в почтовом сервисе пользователь получает электронный адрес и ему выделяется место на сервере для хранения писем. К электронным сообщениям, кроме информации, пользователь может добавлять документы, фотографии, видео, музыку и другие файлы. Существуют как платные, так и бесплатные почтовые сервисы. Отличаются они скорее не качеством и удобством предоставляемых услуг, а уникальностью и престижем почтового адреса [4];

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

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

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

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

6. Классификация по содержанию, выполняемым задачам, особенностям раскрутки и способам заработка на сайте [15]:

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

b) Официальный сайт. К этому типу сайтов относятся ресурсы больших организаций и корпораций. На страницах такого сайта находится гораздо больше информации, чем на сайте-визитке, а оформлены они по более сложной схеме. Сюда, например, относятся такие сайты, как microsoft.com, apple.com, siemens.com, gazprom.ru, rosneft.ru. А также все сайты правительственных организаций: сайт президента РФ, правительства РФ и.т.д.

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

d) Некоммерческие сайты. К данному типу сайтов относятся ресурсы, которые, как правило, располагаются на доменах .org. и принадлежат некоммерческим организациям. Сокращение org и расшифровывается как organisation - организация. В первую очередь, здесь нужно назвать Википедию, а также различные организации по стандартизации - iso.org, w3.org и.т.д. Некоммерческими сайтами являются также ресурсы разных добровольных организаций, наподобие гринписа, врачей без границ, красного креста, комитета солдатских матерей и пр.

e) Коммерческие организации. Основные виды заработка на таких сайтах - продажи и платные сервисы.

- интернет-магазины - это самый распространенный тип коммерческих сайтов и один из самых сложных в изготовлении, требует мощного программирования. Пример такого сайта - ozon.ru. Основным заработком интернет-магазина являются онлайн-продажи собственных товаров, а не реклама других;

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

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

f) Контент-сайты - это самый распространенный тип сайтов в интернете. Основной способ заработка их владельцев - реклама. Контент-сайты, в свою очередь, подразделяются на девять подтипов:

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

- развлекательные сайты- это сайты, содержащие на своих страницах развлекательный контент: ролики, комиксы, карикатуры, анекдоты, истории, рассказы и.т.д. Развлекательный сайт сделать проще, чем информационный. Контент развлекательных сайтов в большинстве случаев неуникален. Стоимость размещения рекламы на развлекательном сайте ниже, чем на информационном;

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

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

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

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

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

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

- порталы - это такие контент-сайты, где есть «все»: новостной и развлекательный контенты, скачивания и т.д.

g) Социально-ориентированные сайты:

- социальные сети. Пользователь может сам формировать собственное медиа-окружени. Социальные сети предназначены главным образом для общения, поиска людей. Участники социальной сети объединяются в сообщества по интересам. Общение между пользователями сети осуществляется посредством внутренней почты, обмена мгновенных сообщений. Для регистрации в социальной сети пользователь создает свой аккаунт (учетную запись, необходимую для идентификации участника) и заполняет анкету, в которой указывает сведения о себе. Регистрация может быть платной и бесплатной [4];

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

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

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

1.4 Обеспечение работы веб-сайта

1.4.1 Информационное обеспечение

Информационное обеспечение сайта - это поддержание базы данных сайта в актуальном состоянии, управление интерактивными системами сайта (новостные ленты, форумы, FAQ разделы и т.д.), отслеживание популярности материалов и др. [6].

Для эффективной работы сайта требуется постоянное развитие и обновление, которое достигается информационным обеспечением сайта в комплексе с другими методами поддержки сайта (технической поддержкой сайта, SEO-оптимизацией, регистрацией сайта в тематических каталогах и поисковых системах и др.).

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

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

1.4.2 Программное обеспечение

Для построения сайта на локальном компьютере, необходимо иметь следующее программное обеспечение:

- Любой редактор, способный сохранить на диске текстовый файл (для создания HTML или XHTML документов), можно использовать программы с подсветкой кода, например, Notepad или Adobe Dreamweawer.

- Apache (сокращение от англ. a patchyserver; среди русских пользователей общепринято искажённое апамч) - самый распространенный Web-сервер в мире, который может поддерживать несколько кодировок кириллицы одновременно. Основными достоинствами Apache считаются надёжность и гибкость конфигурации. Он позволяет подключать внешние модули для предоставления данных, использовать СУБД для аутентификации пользователей, модифицировать сообщения об ошибках. Он используется для создания динамичного сайта с использованием языков программирования [8].

- РНР - (от англ. HypertextPreprocessor- Препроцессор Гипертекста) - это широко используемый язык сценариев общего назначения с открытым исходным кодом.

PHP - язык программирования, специально разработанный для написания web-приложений (сценариев), исполняющихся на Web-сервере [5].

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

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

PHP способен генерировать и преобразовывать не только HTML документы, но и изображения разных форматов - JPEG, GIF, PNG, файлы PDF и FLASH. PHP способен формировать данные в любом текстовом формате, включая XHTML и XML.

- MySQL. Организация хранения и обработки массивов различной информации при помощи обычных файлов проблематична, поэтому в настоящее для этого используют базы данных (БД), которые позволяют структурировать и систематизировать информацию и во много раз упрощают запросы к ней. База данных (database) - это совокупность связанных между собой таблиц. Для легкости управления БД, изменения и добавления данных существуют системы управления базами данных (СУБД) [12]. Известно множество различных СУБД, но в условиях хостинга, как правило, применяется СУБД MySQL. Причинами тому являются фактическая ориентация этой СУБД на хостинговые задачи, доступность на всех популярных серверных операционных системах, простота настройки и администрирования, оптимальная надежность, скорость, компактность, стабильность, портируемость, гибкость, которая обеспечивается поддержкой большого количества типов таблиц: пользователи могут выбрать как таблицы типа MyISAM, поддерживающие полнотекстовый поиск, так и таблицы InnoDB, поддерживающие транзакции на уровне отдельных записей, кроме того, существует также специальный тип таблиц EXAMPLE, демонстрирующий принципы создания новых типов таблиц, что при открытой архитектуре и лицензировании GNU (GPL, GNU PublicLicense) приводит к созданию новых типов таблиц [9, 14].

- PHPMyAdmin - веб-приложение с открытым кодом, написанное на языке PHP и представляющее собой веб-интерфейс для администрирования СУБДMySQL. PHPMyAdmin позволяет через браузер осуществлять администрирование сервера MySQL, запускать команды SQL и просматривать содержимое таблиц и баз данных. Приложение пользуется большой популярностью у веб-разработчиков, так как позволяет управлять СУБД MySQL без непосредственного ввода SQL команд, предоставляя дружественный интерфейс [10].



1.4.3 Техническое обеспечение сайта

Для построения сайта, необходимо иметь компьютер с операционной системой Windows или Unix, также понадобится установить на компьютере популярный браузер, который хотя и не нужен для создания документов, но необходим, чтобы видеть результаты работы. Причина проста: исходный текст, составленный с помощью текстового редактора, выглядит совсем непохоже на то, что покажет браузер, хотя это один и тот же документ. Самые популярные на сегодняшний день браузеры: Google Chrome, Mozilla Firefox, Opera, Microsoft InternetExplorer и Apple Safari.

1.5 Теоретические основы построения веб-сайтов

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

1.5.1 Принципы работы веб-сервера

Термин "сервер" применяется в трех различных значениях: 1) то же, что и сайт: "У нас на сервере появилась новая информация"; 2) компьютер, который обеспечивает работу сайта: "Наш сайт теперь быстрее работает - мы в сервер памяти добавили"; 3) основная программа, которая обеспечивает работу веб-сайта.

Интернет - это абстрактное понятие, ресурсы Интернета находятся на оборудовании по всему земному шару. Для связи этого оборудования между собой на огромных расстояниях утверждены специальные алгоритмы и стандарты, а именно протокол TCP/IP. Согласно этому стандарту, каждый компьютер имеет свой уникальный адрес - IP-адрес (последовательность четырех чисел в диапазоне от 0 до 255, разделенных между собой точками, например, 92.166.31.18). Одна программа компьютера может связаться с программой на другом компьютере в сети, зная его IP-адрес.

Однако на компьютере одновременно может работать несколько сетевых программ, поэтому помимо IP-адреса для связи протоколом TCP/IP дополнительно предусмотрено такое понятие как порт (задается числом в диапазоне от 1 до 65536) Таким образом, минимальным условием для связи сетевых программ является наличие у первой IP-адреса и номера порта второй (совокупность IP-адреса и порта принято записывать через двоеточие, например, 192.168.35.2:443).

Веб-сервер - это сетевая программа, ожидающая и принимающая соединения, тогда как программа, устанавливающая соединение с сервером, - это клиент. Большинство серверов для прослушивания входящих запросов используют порт 80. Веб-сервер поддерживает работу одновременно с несколькими клиентами (несколько человек одновременно могут просматривать сайт). Клиентом для веб-сервера выступает веб-браузер (Internet Explorer, Opera и др.).

Таким образом, сайт функционирует за счет веб-сервера, который отправляет его странички клиентам, запрашивающим их через доменные имена (например, yandex.ru) - текстовые аналоги IP-адресов, более понятные, более легкие в запоминании и, следовательно, более удобные в работе. Для установления соответствий доменных имен и IP-адресов используются DNS-сервера, которыепреобразуют набранный адрес в числовой адрес сервера, на котором расположен сайт и возвращает его браузеру. Браузер отправляет запрос на полученный адрес и в ответ получает запрашиваемый ресурс. После того, как ресурс передан, соединение между клиентом и сервером разрывается.

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

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

Два набора тэгов, которые используются для обозначения блоков кода PHP. <?php. . .?> и <scriptlanguage="php">. . .</script>).Но, если предполагается внедрять PHP-код в XML или XHTML, нужно использовать форму <?php. . .?> для соответствия XML.Закрывающий тэг автоматически подразумевает точку с запятой; и не нужно вводить символ "точка с запятой" в конце последней строки PHP-блока.

Типы данных, используемые в PHP, являются стандартными для большинства языков программирования [1, 17]:

1. Скалярные величины:

- boolean (логический тип) - переменные этого типа могут иметь лишь 2 значения: истина (true) и ложь (false). Основной сферой применения логического типа boolean являются управляющие конструкции, где определяется истинность какого-либо вычисления и в зависимости от результата выполняются определенные действия;

- integer (целый тип). Этот тип данных позволяет оперировать всем множеством целых чисел, список которых представлен ниже:

{..., - 10, - 9, - 8, - 7, - 6,...0,...6,7,8,9,10,...}

Число может быть задано как в десятичной, так и в восьмеричной или шестнадцатеричной системе исчисления.

$a = 1234;

$a = - 123;

$a = 0123;

$a = 0x1H;



Максимальный размер числа определяется только рабочей платформой;

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

$a = 1.234;

$b = 1.2e3;

$c = 7E - 10;

- string - это строковый тип данных, содержит нефиксированное количество различных символов. PHP не накладывает никаких ограничений на длину строки, поэтому можно смело работать большими строками;

2. Смешанные типы данных:

- array (массивы). Массив в PHP - это упорядоченный набор данных, в котором установлено соответствие между значением и ключом. Индекс (ключ) служит для однозначной идентификации элемента внутри массива. В одном массиве не может быть двух элементов с одинаковыми индексами;

- object (объекты). Объект является одним из базовых понятий объектно-ориентированного программирования. Для инициализации объекта используется выражение new, создающее в переменной экземпляр объекта

3. Специальные типы:

- resource (ресурс). Ресурс является специальным типом данных, к которому невозможно применить стандартные процедуры обработки. Ресурс, как правило, содержит служебную информацию, такую как ссылка на внешний источник (например, ссылка на соединение с базами данных) или служебную информацию, необходимую для соединения с базой данных. Для использования ресурсов применяются специализированные функции, такие как mysql_connect() и т.д.

- NULL (переменная не имеет значения). Если переменная относится к типу NULL, то это означает, что либо значение NULL было вручную присвоено переменной ($a = NULL), либо переменной не было присвоено никакого значения вообще, либо переменная была удалена при помощи функции unset().

Переменные. Переменная - это участок памяти, где хранится какая-либо информация. Переменная имеет имя, по которому к ней обращаются, чтобы прочитать или изменить её содержимое(данные в ней можно изменять в ходе выполнения программы). Переменные бывают разных типов: числовые, строковые, массивы и т.д. Чтобы показать интерпретатору, что данный символ является именем переменной, используется знак доллара $, например: $peremennaya. Переменные чувствительны к регистру (заглавным и строчным символам). Так, $a и $A - разные переменные [24].

Любой сценарий PHP сформирован из ряда конструкций. Конструкцией могут быть операторы, функции, циклы, условные операторы, даже конструкции, которые не делают ничего (пустые конструкции). Конструкции обычно заканчиваются точкой с запятой. Кроме того, конструкции могут быть сгруппированы в группу, формируя группу конструкций с изогнутыми фигурными скобками {...}.

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

Оператор ветвления if…else.

Часто приходится сравнивать одну переменную с другой и в соответствии с результатом сравнения, выполнять какие либо действия. Для этого применяют оператор ветвления if…else.

Синтаксис конструкции if-else такой:



if (<Логическое_выражение>)

<Инструкция_1>;

else

<Инструкция_2>;

Действие конструкции if-else следующее:

если <Логическое_выражение> истинно, то выполняется <Инструкция_1>, а иначе -<Инструкция_2>.

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

Если <Инструкция_1> или <Инструкция_2> должны состоять из нескольких команд, то они заключаются в фигурные скобки. Например [17]:

<?php

if ($a > $b) {

echo "a больше, чем b";

}

else {

echo "a НЕ больше, чем b";

}

?>

Конструкции выбораswitch-case

Часто вместо нескольких расположенных подряд инструкций if-else целесообразно воспользоваться специальной конструкцией выбора switch-case. Данная конструкция предназначена для выбора действий, в зависимости от значения указанного выражения. Конструкция switch-case напоминает конструкцию if-else, которая является ее аналогом. Конструкцию выбора можно использовать, если предполагаемых вариантов много, например, более 5, и для каждого варианта нужно выполнить специфические действия. В таком случае, использование конструкции if-else становится действительно неудобным.

Синтаксис конструкции switch-case такой [17]:

switch(<Выражение>) {

case<Значение1>: <Команды1>; [break;]

case<Значение2>: <Команды2>; [break;]

. . .

case<ЗначениеN>: <КомандыN>; [break;]

[default:<Команды_по_умолчанию>; [break]]

}

Принцип работы конструкции switch-case такой:

1. Вычисляется значение <Выражения>.

2. Просматривается набор значений. Пусть <Значение1> равно значению <Выражения>, вычисленного на первом шаге. Если не указана конструкция (оператор) break, то будут выполнены команды i, i+1, i+2, ... , N. В противном случае (есть break) будет выполнена только команда с номером i.

3. Если ни одно значение из набора не совпало со значением <Выражения>, тогда выполняется блок default, если он указан.

Циклы позволяют выполнить одни и те же выражения многократно.

Цикл while (do-while)

Эта конструкция применяется, если нужно выполнить определенное действие пока условие верно. Например, нужно вывести на экран список товаров одной группы (мониторы). Цикл имеет следующий синтаксис [17]:



<Начальное значение>;

do {

<Выражения>;

<Приращение>;

} while (<Условие>);

Принцип работы цикла do…while:

1. Переменной-счетчику присваивается начальное значение.

2. Выполняются выражения внутри цикла.

3. Переменная-счетчик изменяется на величину, указанную в <Приращение>.

4. Проверяется условие; если оно истинно, происходит переход к п. 2, а если нет - выполнение цикла завершается.

Цикл for

Цикл for используется для выполнения выражений определенное число раз. Синтаксис цикла такой:

for (<Начальное значение>; <Условие>; <Приращение>) {

<Выражения>

}

Здесь присутствуют следующие конструкции:

- <Начальное значение> присваивает переменной-счетчику начальное значение;

- <Условие> содержит логическое выражение. Пока логическое выражение возвращает значение true, выполняются выражения внутри цикла;