Современные подходы к web программированию

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

               Дагестанский Государственный Университет

                        Факультет математики и компьютерных наук

                    010400 – Дискретная математика и информатика

 

 

  Курсовая работа

  «Современные подходы к web         

                                      программированию»

                                                           

                                      

 

                                            

                                              Выполнила студентка 3курса 4 группы

                                                          Абдуракова Мадия Абдулазимовна.

 

                                                  Научный руководитель:  Ханикалов                                                             

                                                                               Ханикал Баратилович. 

 

                                

 

                                   Махачкала 2013год                                                                      

 

 

 

 

 

                                                  Оглавление

 

                              

 

 

 

 

                                 

                                                  Введение   

   

       Веб-программирование  — раздел программирования, ориентированный на разработку динамических Internet-приложений. Языки веб-программирования это соответственно языки, которые в основном предназначены для работы с интернет технологиями. К примеру, для написания сайта нужно минимум знание одного из языков программирования, а в среднем - 2-3, чтобы в итоге вышел хороший динамичный сайт. Развитие Веб-программирования не стоит на месте, языки написания совершенствуются. Будет рассмотрены некоторые из них, появление самого первого и сущность современного, актуального в настоящее время, языка веб программирования.

         World Wide Web – глобальная компьютерная сеть на сегодняшний день содержит миллионы сайтов, на которых размещена всевозможная информация. Люди получают доступ к этой информации посредством использования технологии Internet. Для навигации в WWW используются специальные программы – Web-браузеры, которые существенно облегчают путешествие по бескрайним просторам WWW. Вся информация в Web-браузере отображается в виде Web-страниц, которые являются основным элементом байтов WWW. Пользователю приятно посещать те Web-страницы, которые имеют стильное оформление, не отягощены чрезмерно графикой и анимацией, быстро загружаются и правильно отображаются в окне Web-браузера.

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

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

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

 

 

 

 

 

 

 

 

 

 

 

 

 

1.ТЕХНОЛОГИЧЕСКАЯ БАЗА ВЕБ-СИСТЕМ

 

                        Веб программирование сегодня и его плюсы

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

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

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

                       Основные плюсы веб программирования:

        - Экономия  времени и денежных средств;

         -Автоматизация ручной работы;

         -Ускорение выполняемых процессов;

         -Облегчение взаимодействия пользователя  или администратора с рабочей  средой;

 

 

Веб программирование: наиболее распространенные виды.

         На сегодняшний день, безусловно наиболее распространенным языком программирования является PHP. Многие другие языки программирования базируются на нем в качестве основы. На данном языке пишутся не только CMS – системы управления сайтами, но и различные веб приложения.

          Кроме языка PHP существуют также многие другие, использующиеся в веб среде, среди которых хотелось бы упомянуть такие как: Ajax, Java, XML, SSI, ASP, Perl, Parser.

 

1.1. Интернет

 

       Интернет (англ. Internet, сокр. от Interconnected Networks – объединённые сети) – глобальная телекоммуникационная сеть информационных и вычислительных ресурсов. Служит физической основой  для Всемирной паутины. Часто упоминается как Всемирная сеть, Глобальная сеть, либо просто Сеть. Представляет собой хаотичное объединение автономных систем, что не гарантирует качества связи, но обеспечивает хорошую устойчивость и независимость функционирования системы в целом от работоспособности какого-либо ее участка. WWW можно отнести к внутреннему содержанию, то есть это какой-либо абстрактный мир знаний, в то время как Internet является внешней стороной глобальной сети в виде огромного количества кабелей и компьютеров.

 

 

 

 

                                                            Рис.1

       На рис.1 страны, обозначенные черным цветом, имеют связь по Internet. Количество людей, которые имеют такой доступ, в этих странах становится все большее и большее. Страны, обозначенные белым цветом могут работать по e-mail, в локальных сетях или не имеют ничего подобного вообще.

 

1.2. Хостинг

 

     Для того  чтобы создаваемая система была  доступна в Интернет, требуется  решить следующие задачи:

   1) выбрать вариант хостинга, т.е. то, каким образом будет организована постоянная доступность ваших материалов в Интернете;

        2)получить прописку в Интернете  (постоянный IP-адрес, адрес домена);

       3)загрузить  материалы на сервер и открыть доступ к ним.

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

 

      1.3. Классификация веб-технологий

 

        Все технологии, применяемые при создании веб-систем, делятся на два основных класса: исполняемые на клиенте средствами обозревателя Интернет (HTML, CSS, JavaScript, Flash, ActiveX и т.п.) и исполняемые на сервере средствами  веб-сервера (SSI, PHP, ASP, Perl, Python и т.п.) и связанных с ним систем (MySQL, PostgreSQL, MSSQL и т.п.).

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

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

 

 

 

 

 

 

2.Языки программирования

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

 

2.1. Серверные языки

 

       Когда  пользователь дает запрос на  какую-либо страницу (переходит на  неё по ссылке или вводит  адрес в адресной строке своего  браузера), то вызванная страница  сначала обрабатывается на сервере, то есть выполняются все программы, связанные со страницей, и только  потом возвращается к посетителю  по сети в виде файла. Этот  файл может иметь расширения: HTML, PHP, ASP, ASPX, Perl, SSI, XML, DHTML, XHTML.

        2.1.1. Язык HTML

 

       Web-страницы могут существовать в любом формате, но в качестве стандарта принят Hyper Text Markup Language - язык разметки гипертекстов, предназначенный для создания форматированного текста, насыщенного изображениями, звуком, анимацией, видеоклипами и гипертекстовыми ссылками на другие документы, разбросанные как по всему Web-пространству, так и находящиеся на этом же сервере или являющиеся составной частью этого же Веб-проекта.

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

        Язык HTML существует в нескольких вариантах  и продолжает развиваться, но  конструкции HTML скорее всего будут использоваться и в дальнейшем. Изучая HTML и познавая его глубже, создавая документ в начале изучения HTML и расширяя его насколько это возможно, мы имеем возможность создавать Web-страницы, которые могут быть просмотрены многими браузерами Web,  как сейчас, так и в будущем. Это не исключает возможности использования других методов, например, метод расширенных возможностей, который предоставляется Netscape Navigator, Internet Explorer или некоторыми другими программами.

      Работа  по HTML - это способ усвоить особенности  создания документов в стандартизированном  языке, используя расширения, только  если это действительно необходимо.    

 

                               Структура HTML-документа

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<!-- Заголовок страницы  и техническая информация -->

</head>

<body>

<!-- Текст, изображения, таблицы -->

</body>

</html>

          Тег <html> указывает, где начинается и заканчивается HTML-документ.

 

                               Заголовок HTML-документа

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

         Тег <title> используется для отображения строки текста в левом верхнем углу окна обозревателя, а также для трансляции названия сайта и краткого содержания страницы.

 

                                         Гиперссылки

       В своем примере я также использую гиперссылки.

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

      Атрибут  href определяет адрес, по которому обозреватель Интернет осуществляет переход при нажатии на ссылку.

                            Мультимедийные объекты

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

     Тег <img> позволяет вставить изображение одного из стандартных Интернет-форматов (jpg, gif и png, все указанные форматы –растровые) в HTML-документ.

 

                                          Списки

         HTML поддерживает три способа хранения и отображения списков. Любой список состоит из одного или нескольких элементов списков. Списки подразделяются на:

• маркированные (неупорядоченные) списки;

• нумерованные (упорядоченные) списки;

• списки определений.

         Данный язык прост в освоении и является классическим языком. С помощью него написаны многие сайты можно даже сказать что 90% сайтов написано с его использованием. С годами данный язык совершенствовался и совершенствуется по сей день.

 

 

2.1.2. Язык PHP

 

       Язык PHP был создан для решения конкретной практической задачи в среде интернет. Хотя объектная модель в языке PHP не самая богатая, ее принципиальное наличие позволяет естественным образом описывать объектные модели данных.