Оглавление

 

Введение

 

      Глобальная  Сеть не только соединила пользователей  всего мира, но и утвердилась в  виде новых технологий на персональных компьютерах. Действительно, пользователь Microsoft Office, становится обладателем Internet-технологии в готовом виде, независимо от того, подключен его компьютер к Сети или нет.

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

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

       Целью работы является изучение языков web-программирования, выявление отличий сайтов написанных на различных языках, проведение сравнительного анализа возможностей программирования web-языков(HTML и PHP), и применение полученных знаний и навыков при   создания личного Web-сайта. 
 
 
 
 

 

Классификация языков web-программирования

 

         Ранее для создания web-страниц требовалось только знание HTML. Но простой текст с цветным фоном на экране не интересен и появились формы, расширив возможности web-страниц. С появлением первых объектов, появились языки работающие с событиями объектов (JavaScript, VBScript). Понадобились стили, создали и их – стандарт CSS. Теперь вопрос начал задаваться другой: а как же изменять доступ к отдельным страницам сайта, как обезопасить данные полученные с форм, т.е. предотвратить доступ к ним извне? С простыми скриптами JavaScript далеко не уедешь. Достаточно одного беглого просмотра HTML-кода web-страницы, чтобы узнать пароль и другие данные которые невозможно защитить таким образом. Так появились серверные языки, например PHP, Perl. Теперь появились ответы на неразрешённые вопросы по безопасности, появилась возможность создания больших корпоративных интернет - проектов, включающих в себя в наши дни интернет - магазины, системы управления хостингом, портальные системы для общения пользователей и др.

         Языки web-программирования - это соответственно языки, которые в основном предназначены для работы с интернет - технологиями. А некоторые и создавались только для работы с каким-нибудь ресурсом, и спустя лишь много лет к ним приходила известность и всеобщее признание (например, PHP).

         Языки web-программирования делятся на две группы: клиентские и серверные. Сервер: это и тот компьютер, где хранится ваш сайт, и та программа, которая обрабатывает запросы браузера к какой-либо странице.

1. Клиентские  языки

 

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

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

  Пример:

допустим, необходимо проверить, правильно ли пользователь ввел e-mail (т.е., например, проверить в нем наличие “@”); чтобы это сделать пользователю, надо было бы отправить форму с заполненными данными, потом дождаться, пока она обработается, и лишь после этого получить сообщение об ошибке (если она, разумеется, присутствует).

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

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

         Самым распространенным из клиентских языков является JavaScript, разработчиками которого является компания Netscape (www.netscape.com, думаю, вам известен их браузер Netscape Navigator) совместно с компанией SunMicrosystems (www.sun.com). Другой вариант клиентского языка это, например, VisualBasicScript (VBS).

Чтобы начать учить клиентский язык web-программирования, Вам понадобится поддерживающий этот язык браузер (Internet Explorer, Opera, Netscape Navigator, MozillaFireFox, а так же обучающий материал).

1.2 Серверные языки

 

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

 

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

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

         В настоящее время  стали известны СУБД, обращение к  которым производится посредством Structured Query Language (SQL), или структуризированным языком запросов. Чтобы работать с этими базами данных (дополнять, обновлять, делать запросы и т. д.) вам необходимо знать этот самый SQL. Среди таких СУБД наиболее известна MySQL (www.mysql.com), PostgreSQL (www.postgresql.org).

 

Язык гипертекстовой разметки HTML

 

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

    Рассмотрим основные группы тегов, используемые в Web-документе.

• Основные теги:

 

1. <html></html>       // Указывает программе просмотра страниц что это HTML документ.
2. <head></head> //Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин.
3. <body></body> //Определяет видимую часть документа.

 

• Теги оглавления:

 

1. <title></title> //Помещает название документа в оглавление программы просмотра страниц.

 

• Атрибуты  тела документа:

 

1. <body bgcolor=?>   //Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет.
2. <body text=?>       //Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет.
3. <body link=?>        //Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет.
4. <body vlink=?>   //Устанавливает цвет гиперссылок на котох вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333 - серый цвет.
5. <body alink=?> //Устанавливает цвет гиперссылок при нажатии.

 
 

• Теги для  форматирования текста

 

1. <pre></pre>                //Обрамляет предварительно отформатированный текст.
2. <h1></h1>               //Создает САМЫЙ БОЛЬШОЙ заголовок
3. <h6></h6>               //Создает самый маленький заголовок
4. <b></b>               //Создает жирый текст
5. <i></i>              // Создает наклонный текст.

 

• Гиперссылки

 

1. <a href="URL"></a>      //Создает гиперссылку на другие документы или часть текущего документа.
2. <a name="NAME"></a>         //Отмечает часть текста как цель для гипперссылок в документе.
3. <a href="#NAME"></a>        //Создает гиперссылку на часть текущего документа.

 

• Форматирование

 

1. <p>              //Создает новый параграф
2. <p align=?>    //Выравнивает параграф относительно одной из сторон документа, значения: left, right, или center
3. <br>            //Вставляет перевод строки.
4. </blockquote>   //Создает отступы с обеих сторон текста.
5. <dl></dl> //Создает список определений.
6. <dt>          //Определяет каждый из терминов списка
7. <dd>         //Описывает каждое определение
8. <ol></ol> //Создает нумерованный список
9. <li>        //Определяет каждый элемент списка и присваивает номер.

 
 

• Графические элементы

 

1. <img src="name">      //Добавляет изображение в HTML документ
2. <img src="name" align=?>    //Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle
3. <img src="name" border=?> //Устанавливает толщину рамки вокруг изображения
4. <hr>         //Добавляет в HTML документ горизонтальную линию.

 
 

  
 

1.1 Структура файла в формате HTML

 

          В первую очередь  нам потребуется создать файл с расширением "htm" или "html" и открыть его для редактирования в текстовом редакторе (работая под Windows, можно использовать стандартную программу "Блокнот").

         Текст для HTML-документа  набирается в том виде, в котором  его должен показать браузер, а при  выделения фрагментов, которые предназначены для разметки документа (тегов), используются угловые скобки («<…>»).

         Любой документ HTML:

• начинается с открывающего тега и заканчивается соответствующим ему закрывающим тегом ;
• закрывающий тег отличается от открывающего наличием косой черты перед названием тега;
• записывает открывающий тег большими буквами, а закрывающий – малыми;

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

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

         Внутри контейнера HTML последовательно записываются два  контейнера:

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

      2. (тело документа). Этот контейнер  содержит всё то, что должен  показать браузер внутри своего  окна при открытии документа.  Если документ содержит только  текст, то этот текст нужно  записывать именно здесь, если есть другие элементы (графика, таблицы, ссылки и т. д.).