Создание элективного курса "Динамические web-сайты"

Содержание

Введение

Благодаря стремительному  развитию технологий,  всё большее значение в жизни людей занимает Интернет и технологии, связанные с работой в сети, умение создавать Web-сайты.

Создать качественную веб-страницу непросто, для этого потребуются  не только навыки дизайнера, но и опыт программирования. Для облегчения этих задач существуют специальные элективные курсы, которые изучают языки программирования. Наиболее известным и эффективным языком создания веб-сайтов является PHP. Это хорошо используемый язык серверных сценариев общего назначения с открытым исходным кодом. Синтаксис языка берет начало из C, Java и Perl. Преимуществом PHP является предоставление web – разработчикам возможности быстрого создания динамически генерируемых web –страниц, но его редко изучают в школе, поэтому актуальна задача разработки элективного курса по данной теме.

Проблема исследования сводится к изучению основ теории создания динамических сайтов, а также изучению web – технологии PHP .

Сформулирована следующая цель работы: разработка элективного курса «Динамические web – сайты».

Объектом исследования моей работы являются основы создания динамических сайтов.

Предметом исследования – особенности методики преподавания элективного курса «Динамические web – сайты».

Для достижения цели исследования необходимо решить следующие задачи:

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

Методы исследования: анализ учебно-методической, учебной литературы, конструирование методических материалов.

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

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

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

В первой главе представлен  теоретический материал по технологиям создания динамических  web-сайтов.

Во второй главе представлено описание разработанного элективного курса, методические рекомендации по его проведению, а также описание педагогического программного средства.

В заключении подведены  итоги проделанной работы.

Приложение 1 содержит электронный  вариант разработанного программного средства.

Глава 1. Технологии создания динамических сайтов.

1. . Технологии создания Web-сайтов

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

Дело в том, что для  внесения каких-либо изменений в  статический сайт, необходимо редактировать  непосредственно сами HTML файлы. Это  несложно, если вам нужно изменить пару страниц раз в месяц, но если это приходится делать каждый день, причем со всеми страницами сайта, особенно если их число переваливает за сотню, положение становится катастрофическим. 
 Кроме того, современные Web-сайты все чаще делаются на основе некоторой базы данных, содержащей элементы его наполнения, и эти элементы необходимо показывать пользователю тогда, когда они ему требуются, и в том порядке, в котором ему нужно. Ярким примером таких систем являются Интернет-магазины. Где-то в недрах сервера хранится база данных, в которой содержится информация обо всех товарах, которые продаются в этом магазине: названия товаров, цены, фотографии, различная дополнительная информация. Допустим, что этот магазин торгует часами. Пользователь может пожелать просмотреть все мужские часы определенных марок, об- 
ладающие нужными ему функциями и стоящие не дороже определенной суммы. Третий недостаток статических Web-сайтов виден из названия - они статичны, т.е. лишены движения и, в какой-то мере, скучны. 
Преодолеть все эти недостатки статических Web-сайтов можно, создавая так называемые «динамические» Web-сайты. Динамический Web-сайт в ответ на запросы Web-браузера пользователя может не просто выдавать заранее подготовленные страницы HTML, а создавать страницы «динамически», на основе записей в базе данных. Такой подход к созданию сайта позволяет также отделить его содержимое от внешнего вида, т.е. появляется возможность быстро менять оформление сайта или даже предлагать пользователям несколько вариантов оформления на выбор. 
         Второй возможностью динамических Web-сайтов является их «интерактивность», т.е. способность реагировать на действия пользователя. Например, сайт, торгующий экранами для ванн, может предлагать своим посетителям подобрать желательный декор и цвет экрана, выбрав их из предлагаемого ассортимента. Очень популярны игры, играть в которые можно, просто запустив браузер и посетив соответствующий Web-сайт. 
          Технологии создания динамических Web-сайтов делятся на две группы: серверные и клиентские. Под серверными технологиями подразумевают специальные программы, которые выполняются под руководством Web-сервера и заняты обработкой запросов Web-браузера. Чаще всего эти программы пишутся на специальных языках программирования, называемых языками сценариев. Самыми популярными языками сценариев являются PERL и РНР  Главное требование к языкам программирования динамиче- 
ских Web-сайтов - это совместимость со стандартом CGI (Common Gateway Interface - общий шлюзовой интерфейс), который обеспечивает работу в «одной упряжке» Web-браузера, Web-сервера и программ, генерирующих содержимое сайта. 
          Еще одной достаточно популярной серверной технологией является ASP (Active Server Pages - активные серверные страницы), разрабатываемая фирмой Microsoft. 
Серверные технологии создания сайтов не предъявляют никаких особенных 
требований к Web-браузеру пользователя, браузер получает только итоговый результат обработки данных уже в конечном виде. Но на сервер ложится значительная вычислительная нагрузка, с которой он может просто не справиться при наплыве пользователей. А, кроме того, обычно линии, соединяющие сервер и Web-браузер пользователя, не слишком скоростные, сигнал может пробежать через весь земной шар, прежде чем достигнуть компьютера. Поэтому время реакции на действия пользователя может быть достаточно большим, что далеко не всегда приемлемо. Решить эту проблему, призваны «клиентские» технологии. «Клиентом» в терминологии Всемирной паутины, называют Web-браузер конечного пользователя, а клиентскими технологиями, соответственно, технологии, с ним связанные. Суть этих технологий в том, чтобы переложить часть или всю работу по динамическому формированию страниц на Web-браузер. Есть две основные технологии этого типа: JavaScript и Flash. Технология JavaScript -  язык программирования, позволяющий манипулировать содержимым HTML страниц, перемещать отдельные объекты по окну Web-браузера 
и производить другие относительно несложные действия. Технология Flash-это система создания графических приложений, ориентированных на Web. С ее помощью создаются красочные мультфильмы, музыкальные клипы, заставки, интерактивные сайты и полноценные игры. И все это можно сделать частью Web-страницы. Главный недостаток Flash в том, что сложная Flash-анимация может полностью загрузить даже самый современный компьютер. 
          Достоинства клиентских технологий ясны - нет необходимости загружать Web-сервер и перекачивать с него лишние объемы информации, но, как часто бывает, недостатки являются продолжениями достоинств. Дополнительные вычисления нагружают компьютер пользователя, особенно если он не слишком быстр, кроме того, сам браузер должен уметь работать с этими клиентскими технологиями. Причем, если с поддержкой Flash все обстоит просто, достаточно скачать модуль для работы с ним с сайта производителя этой систем, то при использовании JavaScript это не так. Браузер должен поддерживать соответствующие сценарии JavaScript, причем написанные в разных версиях языка, которые могут несколько отличаться друг от друга. 
 Серверные и клиентские технологии создания динамических сайтов не соперничают, а успешно дополняют друг друга при создании действительно современных динамических сайтов.

2.  Различие статичных и динамичных сайтов

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

Когда сервер получает запрос от клиента, он ищет страницу на своем  жестком диске. Если запрашиваемый  файл - статичная страница (файл с  расширением htm или html), то сервер переправляет ее клиенту. На странице может быть текст с фотографиями, flash-ролик с интерактивной игрой, сервис, написанный на языке JavaScript или что-то еще, в любом случае все операции, будут происходить на стороне клиента. Но если файл имеет расширение php или asp - это знак серверу, что данная страница содержит программный код, который предназначен для него. С такой страницей сервер поступит иначе, он вначале выполнит предписанные для него инструкции, возможно обратится к базе данных, запишет какую-нибудь информацию в внешний файл и только после этого сгенерирует html-страницу и переправит ее пользователю (рисунок 1).

 
Рис. 1. Различие в действиях  сервера со статичной и динамической страницей.

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

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

3.  Динамические web-сайты.

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

Плюсы:

• Динамический сайт, как правило, полностью управляется через несложный веб интерфейс. Управление возможно не только отдельными страницами, но и структурой разделов, а также информационной сеткой сайта.
• Управление сайтом доступно (и рекомендуется) менеджерам, которые непосредственно общаются с клиентами и знают какие вопросы нужно оперативно осветить на сайте.
• Важный плюс – это оперативность публикации новых материалов, объявлений и другой важной информации, которое делает общение с посетителями (клиентами) сайта «живым» и интересным.
• Правильно организованный динамический сайт может развиваться без ущерба для ранее опубликованного материала.
• Так как динамический сайт легче управляется, то, как правило, он быстрее развивается, чем статический, и быстрее окупается его разработка.
• Нет необходимости содержать дорогостоящих специалистов (или платить дизайн-студии) для оперативной html-верстки, всю работу по публикации выполняют менеджеры, занятые в основной деятельности фирмы, самостоятельно.
• Несомненным плюсом является большой срок службы динамического сайта. Т.к. сайт постоянно меняется за счет новых материалов, разделов и т.д.,он «не отстает от жизни», и вопрос о редизайне динамического сайта встает только при серьезной реорганизации компании или выработке нового стиля компании.

Минусы:

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

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

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

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