Новиков А. О.
НИ Иркутский Государственный Технический университет, Россия
Современные технологии веб-разработки
Сегодня Интернет является наиболее активно развивающимся средством распространения информации. Согласно статистике большинство людей имеют дома компьютеры, а соответственно и доступ в Интернет. За последние 10 лет доступ в сеть Интернет значительно упростился и удешевился, однако инструменты для создания самих источников информации (веб-сайтов) проще не стали. Напротив технологии развились и стали сложнее.
Создать Веб-сайт далеко не так просто, как может показаться дилетанту. Ведь чтобы создать эффективный ресурс, привлекающий внимание пользователей, а также вполне удовлетворяющий требованиям поисковых систем, необходимо глубокое знание технологий, которые чаще всего применяются для разработки Веб-сайтов начального и среднего уровней.
К самым востребованным и популярным языкам можно отнести:
Рассмотрим
их подробнее.
HTML (язык гипертекстовой разметки) — это основной язык, с помощью которого создаются веб-страницы. Страница, которую пользователь видит в своем браузере, написана на языке HTML. Она может состоять из множества разных файлов — например, изображений, анимационных роликов, сценариев JavaScript, апплетов и т. д. - но основой страницы практически всегда является документ HTML.
Стоит пояснить, что означает «гипертекст». Гипертекст — это текст, представленный в электронной форме и снабженный разветвленной системой связей, позволяющей мгновенно переходить от одного его фрагмента к другому в соответствии с некоторой иерархией фрагментов. Иначе говоря – это просто текст со ссылками. Текст, практически каждой, веб-страницы является типичным примером гипертекста: можно щелкнуть по ссылке, и вы немедленно перейдете к другой странице, к загружаемому файлу или еще к какому-нибудь ресурсу, на который указывает эта ссылка.
Многие считают, что HTML – это язык программирования, однако они ошибаются. Прежде всего, это язык разметки. Документ HTML представляет собой файл типа html или htm, содержит обычный текст и текстовые команды разметки, называемые тегами. С их помощью и происходит разметка документов. Теги позволяют решить две основные задачи:
· управлять содержимым документа, включая форматирование текста, разметку заголовков, создание списков и таблиц;
· управлять связями документа с другими ресурсами (изображениями, таблицами стилей, внешними программами, сторонними Веб-страницами).
CSS (Cascading Style Sheets – каскадные таблицы стилей) – язык описания внешнего вида документа, написанного с использованием языка разметки HTML.
Основным понятием CSS является стиль – т. е. набор правил оформления и форматирования, который может быть применен к различным элементам страницы. Стили являются удобным, практичным и эффективным инструментом при вёрстке веб-страниц и оформлении текста, ссылок, изображений и других элементов.
Рассмотрим преимущества языка CSS.
Определенно, главным преимуществом является разграничение кода разметки документа и оформления. Стили, как правило, хранятся в одном или нескольких специальных файлах, ссылка на которые указывается во всех документах сайта. Вместо того чтобы модифицировать десятки HTML-файлов, достаточно отредактировать один файл со стилем и оформление нужных документов, которые связаны с указанным файлом, сразу же поменяется. Это существенно упрощает проектирование и разработку дизайна.
Кроме того CSS-документы кэшируются. Это означает, что они загружаются в память браузера только один раз. При перемещении по сайту браузеру никогда не приходится заново интерпретировать стили. В результате мы получаем плавные переходы от страницы к странице и быструю загрузку страниц, что всегда является конечной целью.
Не стоит забывать о том, что с помощью стилей можно определить вид веб-страницы для разных устройств вывода: монитора, принтера, смартфона. Например, на экране монитора отображать страницу в одном оформлении, а при её печати – в другом. Эта возможность также позволяет скрывать или показывать некоторые элементы документа при отображении на разных устройствах.
Понятно, что перебирать сотни файлов, чтобы добавить в каждый из них пару строчек - мало приятного. На смену чистому HTML пришел язык программирования PHP, а с ним и новые возможности.
PHP - это распространенный язык программирования общего назначения с открытым исходным кодом. PHP сконструирован специально для ведения Веб-разработок и его код может внедряться непосредственно в HTML. Скрипт PHP содержит HTML с вкраплениями кода. Код PHP отделяется специальными начальным и конечным тегами «<?php» и «?>», которые позволяют "переключаться" в "PHP-режим" и выходить из него.
При помощи PHP появилась технология, при помощи которой конечная страница сайта собиралась из нескольких блоков. Можно было в одном файле описать элементы шапки сайта, в другом - меню, в третьем - подвал, а во всех остальных файлах описывать только суть - непосредственно контент страницы.
PHP отличителен тем, что PHP-скрипты выполняются на сервере и генерируют HTML, который посылается клиенту. Если бы у вас на сервере был размещен скрипт, клиент получил бы только результат его выполнения, но не смог бы выяснить, какой именно код его произвел.
Язык JavaScript – это бесплатный язык сценариев, исполняемых на стороне клиента, который позволяет создавать интерактивные HTML-страницы. "На стороне клиента" (client-side) означает, что JavaScript запускается в Веб-браузере и не используется на стороне сервера. Сценарии на стороне клиента позволяют пользователю интерактивно взаимодействовать с Веб-страницей после того, как она была обработана сервером и загружена Веб-браузером.
Популярность языка JavaScript постоянно растет, и, вероятно, он является самым известным языком программирования для веб-программирования. Его можно использовать на различных платформах и Веб-браузерах, и он ни в чем не отстает от обычных языков программирования. Существует множество библиотек, которые помогают при программировании на JavaScript, ускоряют процесс разработки.
Так как JavaScript
обеспечивает взаимодействие пользователя с Веб-страницей после её загрузки,
разработчики обычно используют его для решения следующих задач:
·
динамическое
добавление, редактирование и удаление HTML-элементов и их значений;
·
проверка
содержимого веб-форм перед отправкой на сервер;
·
создание на
компьютере клиента cookie-файлов для сохранения и получения данных при
последующих визитах;
Мы рассмотрели четыре передовых технологии для веб-разработки и узнали, какие задачи они позволяют решить. Стоит отметить, что разработчики самостоятельно выбирают технологии, которые лучше всего подходят к поставленной задаче. Но, как правило, все рассмотренные языки используются в той или ной степени, и можно с уверенностью сказать, что они являются базовыми.
Литература:
1. Леонтьев Б.В. «Web-дизайн: Тонкости, хитрости, секреты» / Издательство: Солон-Пресс, 2003. - 170с.
2. Леки-Томпсон,
Эд. «PHP 5 для
профессионалов = Professional PHP
5» /
Э. Леки-Томпсон, А. Коув, С. Новицки, Х. Айде-Гудман – М.: ЭЭ «Диалектика»,
2006. – 608 с.
3. Олифер В.Г., Олифер Н.А. – «Компьютерные сети. Принципы, технологии, протоколы : Учебник для вузов» 4-е изд. СПБ.: Питер, 2010. – 944 с.
4. PHP: Простой учебник – Manual: http://php.net/manual/ru/tutorial.php
5. IBM developerWorks Россия : Знакомство с JavaScript: http://www.ibm.com/developerworks/ru/training/kp/wa-kp-getstartedjs/