1. Для кого предназначен этот цикл.
Чтобы Вы могли разобраться в этом цикле уроков по сайтостроению необходимо знать и уметь:
Любовь к программированию;
Иметь Аналитическое мышление;
Владеть приемами самообучения;
Гибкий ум, подход по принципу «логика, а не математика»;
Подход по принципу «практика важнее теории»;
Подход по принципу «запоминание после практики, а не после зубрежки»;
Знать основы работы в ОС, быть на «ты» с компьютером;
Без английского не обойтись (хотя бы со словарем);
Иметь понятие об алгоритмах и структурах данных;
Знать основы программирования в структурно-ориентированных языках типа Pascal, Visual Basic;
Уметь быстро найти справку в интернете;
2. Что такое интерактивный сайт.
Интерактивный веб-сайт - Interactive web-site [Iws]
2.1 Обычный сайт.
На обычном сайте информация доступна лишь для просмотра.
2.2 Что такое Интерактивность.
Интерактивность (от англ. interaction — «взаимодействие») — понятие, которое раскрывает характер и степень взаимодействия между объектами или субъектами. Используется в областях: теория информации, информатика и программирование...
2.3 Интерактивная страничка.
Под интерактивными страничками я понимаю такие, в которых реализован интерфейс с какой-либо программой, выполняемой на стороне сервера. Форма на web-страничке принимает от пользователя некие данные, и браузер передает их web-серверу, который и запускает нужную программу. Программа после того, как отработала запрос, возвращает web-серверу результат, а уж он формирует на лету HTML-страничку и отсылает ее обратно браузеру.
2.4 Интерактивный сайт.
В привычном понимании интерактивный сайт – это такой сайт, отдельные элементы которого формируются на лету, с учетом поведения пользователя на его страницах. К интерактивным компонентам сайта можно отнести следующее:
формы обратной связи;
формы регистрационные;
чаты;
форумы;
блоги с возможностью комментирования;
онлайн-опросы и анкеты;
счётчики посещения;
формы для заказов онлайн и др.
Для реализации интерактивных «свойств» сайтов применяются языки программирования. Страница сайта формируется преогромно. На сервере программа выполняет свою работу, не заметно для посетителей сайта. Посетитель (user или юзер) получает только интересующую его информацию. Сам процесс обработки информации для юзеров незаметны.
Создать интерактивный сайт – значит создать сайт, умеющий «общаться» со своими посетителями.
На обычном сайте для связи, например, с администрацией сайта вам потребуется написать на почту или позвонить по указанному в контактах номеру телефона. С интерактивным сайтом дела обстоят немного иначе. У вас появляется возможность взаимодействовать с администрацией сайта в реальном времени без каких-либо вспомогательных средств.
3. Как создать интерактивный сайт?
Все зависит только от умения программиста. Наша задача рассмотреть, как это осуществляется технически. Создание интерактивного сайта включает в себя несколько этапов:
постановка целей и задач;
сбор информации для сайта (текст, картинки, видео, реже звук);
разработка макета сайта;
выбор инструментов (языков и сред программирования);
программирование и отладка сайта;
проверка удобства использования конечными пользователями;
размещение сайта;
продвижение ресурса в популярных поисковых системах;
поддержка сайта.
3.1 Выбор инструментов - языков и сред программирования.
Язык программирования, на котором пишется сайт, большого значения не имеет, и может быть использован любой. Наиболее популярным языками программирования, используемым для создания сайтов являются (во всяком случае я их выбрал):
HTML;
CSS;
PHP;
JavaScript;
SQL;
Тексты программ на этих языках принято называть скриптами. Все эти языки являются интерпретаторами, то есть анализирующим код программы по ходу просмотра.
Для написания программ можно воспользоваться простейшим текстовым редактором, но гораздо эффективней пользоваться специальными программами - средой программирования. Я буду использовать бесплатную – “NetBeans”.
3.2 Почему языков несколько, а не один?
Все дело в том, что сайт расположен на сервере. Что происходит при просмотре сайта на ПК пользователя. При обращении к сайту с ПК пользователя:
В браузере (например, в Хроме) вводится адрес сайта (например www.iuraf.ru), браузер делает запрос на сервер чтобы получить содержимое сайта;
Нужно запомнить — браузер запрашивает и получает данные посредством HTTP протокола, поэтому его (браузер) еще называют HTTP клиентом (потом подробнее разберемся).
Сайт находится на сервере провайдера на котором мы его расположили (сайт www.iuraf.ru расположен на HOSTLAND);
Для получения данных (текст, картинки и др.) сервер обращается к базе данных на языке, который эта база данных понимает;
все это – данные и программы (предназначенные для выполнения на ПК пользователя) пересылаются в ПК пользователя;
браузер пользователя выполняет полученные программы и отображает сайт (данные) на экране;
после этого браузер переходит в режим ожидания действий пользователя и, если пользователь выполняет действие, требующее «интерактивности», все повторяется сначала.
На стороне сервера выполняется программа на PHP и SQL (для баз данных). Для их работы на web-сервере должны быть установлены соответствующие интерпретаторы.
На стороне пользователя (клиента) на ПК в браузере – используются языки HTML, CSS и JavaScript.
Кстати, чтобы создать обычный сайт достаточно HTML и CSS, а самом простом варианте – создать интернет страничку можно только с помощью HTML.
4. Выводы.
Под интерактивным следует понимать сайт, контент которого формируется «на лету», на основе данных, полученных от посетителя сайта и обработанных сервером.
Для реализации интерактивных «свойств» сайтов применяются языки программирования. Именно они производят обработку полученных от посетителей сайта данных и формируют страницу для просмотра.
Для написания серверных скриптов применяются серверные языки веб-программирования - PHP, SQL. Выполняется серверный скрипт на стороне сервера: посетитель не видит исходного программного кода выполняемого скрипта, а получает только готовый ответ.
Для написания скриптов выполняемых на ПК пользователя применяются языки веб-программирования - HTML, CSS и JavaScript.
Создать интерактивный сайт - значит создать сайт, умеющий «общаться» со своими посетителями.
