Введение.
В свое время автор настоящей статьи потратил очень много усилий и времени на поиск элементарной информации по основам веб-программирования по той причине, что не знал принципов систематизированного подхода к самостоятельному обучению. Восполнить этот досадный пробел и призвана данная статья. Прочитав ее, вы будете готовы начать самообразование сиюминутно и эффективно.
Существует очень много технологий веб-программирования. Мы будем рассказывать только о наиболее простых и наиболее популярных. На них зиждется большая часть сайтов и простота этих технологий отнюдь не свидетельствует об их несовершенстве. Для начала приведем некоторые основные термины, применяемые в среде веб-программистов.
Основные термины.
1. Приложение- программный продукт, работающей под управлением операционной системы компьютера.
2. Сервер – мощный сетевой компьютер, обрабатывающий запросы от персональных компьютеров, связанных с ним линиями связи.
3. Веб-хостинг – сервис для веб-программистов. Суть его в следующем: программист создает текстовые файлы с расширением .html, .php и закачивает их на компьютер в сети (такой компьютер называется сервером) по договору с владельцем данного сервера (называемого хостером). Хостер (владелец сервера) присваивает директории на сервере, предоставленной им для данного програмиста доменное имя, по которому любой пользователь интернета может теперь просматривать эти файлы путем набора доменного имени в адресной строке веб-броузера. Простейший бесплатный хостинг вы можете получить на narod.ru
4. Веб-сервер- приложение, установленное на компьютере в сети (сервере), которое анализирует код файла, написанного веб-программистом и лежащего в одной из папок данного сервера. На основе анализа веб-сервер формирует код, который отправляет по сети веб-броузеру. Видов веб-серверов есть много, но мы будем рассматривать самый популярный из них: Apache.
5. Веб-броузер- приложение, установленное на вашем компьютере для просмотра страниц, полученных из интернета. Например- Интернет-Эксплорер. Веб-броузер анализирует полученный из интернета код и на основе анализа формирует страницу, которую вы видите на экране монитора.
6. Язык HTML - наиболее простой (и основной) из языков веб-программирования, при помощи которого создаются простые статические странички. Суть его в следующем: вы размещаете между операторами языка, называемыми тегами, кусочки текста , ссылки на изображения и т.д..
7. CSS – таблицы стилей. Вобщем, это часть языка HTML, управляющая внешним видом элементов веб-страницы (размерами, цветом, видимостью и т. д.). Большинство тегов HTML имеет свойство style . Это свойство, в свою очередь, имеет различные атрибуты, указывая которые, программист управляет видом элемента на странице. Атрибуты стилей можно указывать как непосредственно в теле документа, так и в отдельном файле с расширением .css . В этом случае можно управлять видом элементов на большом количестве страниц путем создания в них ссылки на единственный файл (таблицу стилей) с произвольным именем, например style.css .
8. Языки сценариев. Это языки программирования, для которых не нужен компилятор кода, а нужен лишь интерпретатор, который обрабатывает код и выдает ту самую HTML- страницу. Языки сценариев бывают серверные, (интерпретатор языка установлен на сервере) и клиентские. Интерпретатора клиентского языка как самостоятельной единицы не существует, он встроен в веб-броузер. Мы будем рассматривать наиболее мощные, популярные и простые языки сценариев: клиентский язык- JavaScript , серверный язык – PHP . JavaScript служит для оживления и повышения динамичности веб-страниц. PHP служит для обмена данными между клиентским веб-броузером и веб-сервером, обработки запросов, посланных броузером, на серверной стороне и выдачи броузеру ответных данных, например, результатов обращения к БД.
9. Интерпретатор языка сценариев – приложение, устанавливаемое обычно на сервере и работающее совместно с веб-сервером. Служит для обработки кода веб-странички, написанного программистом. Обработанный код веб-сервер отсылает по сети клиентскому веб-броузеру. Нас интересует PHP – интерпретатор.
10. Система управления базами данных (СУБД) – приложение, предназначенное для создания баз данных (БД) и оперирования этими данными. К примеру, сайты электронной коммерции обычно используют такие системы. СУБД устанавливается обычно на одном сервере с веб-сервером и интерпретатором языка сценариев (но не обязательно). Мы будем расматривать СУБД MySql .
11. Язык MySql – запросов. Этот язык не сложен и включает в себя относительно небольшой список операторов для работы с БД. Если СУБД установлена на локальном компьютере, то программист работает с ней обычно из командной строки mysql. Как это делается, описано в учебнике PHP, предложенном для скачивания. Впрочем, знать работу из командной строки вам нет большой необходимости, если вы будете работать с БД через веб-интерфейс (об этом ниже).
12. Система доступа владельца сайта к БД, размещенным на сервере хостера – приложение, предназначенное для доступа (управления) администратора (владельца) сайта своими базами данных на хостинге по сети. Устанавливается на сервере хостера. Обычно это phpMyadmin .
Ввод в HTML, CSS, JavaScript
Итак, для того, чтобы создавать простые страницы с различными эффектами, не требующими обмена данными с сервером, вам нужно знать только язык HTML (c CSS) и JavaScript. Принцип прост: в любом текстовом редакторе (например, Блокноте) пишете теги HTML с их содержимым, потом сохраняете этот файл (в любой папке) с расширением .htm или .html и называете его например sample1
Простейший html-файл sample1.htm без использования css и java script выглядит так:
Файл sample1.htm