Основные языки веб-программирования. Клиентские и серверные языки.
Клиентские языки
Как следует из названия, программы на клиентских языках обрабатываются на стороне пользователя, как правило их выполняет браузер. Это и создает главную проблему клиентских языков — результат выполнения программы (скрипта) зависит от браузера пользователя. То есть если пользователь запретил выполнять клиентские программы, то они исполняться не будут, как бы не желал этого программист. Кроме того, может произойти такое, что в разных браузерах или в разных версиях одного и того же браузера один и тот же скрипт будет выполняться по-разному. С другой стороны, если программист возлагает надежды на серверные программы, то он может упростить их работу и снизить нагрузку на сервер за счет программ, исполняемых на стороне клиента, поскольку они не всегда требуют перезагрузку (генерацию) страницы. Самыми распространенными клиентскими языками программирования являются:
-
JavaScript
-
VBScript
-
ActionScript
-
Java[1]
-
См. также AJAX, JQuery, Adobe Flash, Microsoft Silverlight.
Серверные языки
Когда пользователь дает запрос на какую-либо страницу (переходит на неё по ссылке или вводит адрес в адресной строке своего браузера), то вызванная страница сначала обрабатывается на сервере, то есть выполняются все программы, связанные со страницей, и только потом возвращается к посетителю по сети в виде файла. Этот файл может иметь расширения: HTML, PHP, ASP, Perl, SSI, XML, DHTML, XHTML.
Работа программ уже полностью зависима от сервера, на котором расположен сайт, и от того, какая версия того или иного языка поддерживается.
Важной стороной работы серверных языков является возможность организации непосредственного взаимодействия с системой управления базами данных (или СУБД) — сервером, на котором упорядоченно хранится информация, которая может быть вызвана в любой момент. Популярными среди систем управления базами данных являются:
-
Firebird
-
IBM DB2
-
Microsoft SQL Server
-
MySQL
-
HyperText Markup Language (HTML)
HyperText Markup Language (HTML) -- язык разметки гипертекста -- предназначен для написания гипертекстовых документов, публикуемых в World Wide Web.
Гипертекстовый документ -- это текстовый файл, имеющий специальные метки, называемые тегами, которые впоследствии опознаются браузером и используются им для отображения содержимого файла на экране компьютера. С помощью этих меток можно выделять заголовки документа, изменять цвет, размер и начертание букв, вставлять графические изображения и таблицы. Но основным преимуществом гипертекста перед обычным текстом является возможность добавления к содержимому документа гиперссылок -- специальных конструкций языка HTML, которые позволяют щелчком мыши перейти к просмотру другого документа.
Существует два способа создания гипертекстовых документов. Можно воспользоваться одним из WYSIWYG HTML-редакторов (например, Netscape Composer, основы работы с котором рассмотрены в разделе "Обработка текста на ЭВМ", Microsoft FrontPage, HotDog, или др.), для работы с которыми не требуется специальных знаний о внутренней структуре создаваемого документа. Этот способ позволяет создавать документы для WWW без знания языка HTML. HTML-редакторы автоматизируют создание гипертекстовых документов, избавляют от рутинной работы. Однако их возможности ограничены, они сильно увеличивают размер получаемого файла и не всегда полученный с их помощью результат соответствует ожиданиям разработчика. Но, безусловно, этот способ незаменим для новичков в деле подготовки гипертекстовых документов.
Альтернативой служит создание и разметка документа при помощи обычного редактора plain-текста (таких, как emacs или NotePad). При этом способе в текст вручную вставляются команды языка HTML. Создавая документы таким способом, вы точно знаете, что делаете.
Как уже отмечалось, HTML-документ содержит символьную информацию. Одна ее часть - собственно текст, т. е. данные, составляющие содержимое документа. Другая -- теги (markup tags), называемые также флагами разметки, -- специальные конструкции языка HTML, используемые для разметки документа и управляющие его отображением. Именно теги языка HTML определяют, в каком виде будет представлен текст, какие его компоненты будут исполнять роль гипертекстовых ссылок, какие графические или мультимедийные объекты должны быть включены в документ. Графическая и звуковая информация, включаемая в HTML-документ, хранится в отдельных файлах. Программы просмотра HTML-документов (браузеры) интерпретируют флаги разметки и располагают текст и графику на экране соответствующим образом. Для файлов, содержащие HTML-документы, приняты расширения .htm или .html.
- Компьютерные сети, как средство обмена информацией.
- Технология World Wide Web (www).
- Браузеры и их назначение. Google Chrome, Opera, Firefox, Safari, ie.
- Понятие веб-дизайна. Профессия веб-дизайнера
- Искусство веб-дизайнера. Необходимые навыки.
- Основные компоненты web-страницы и способы их визуального представления на страницах сайта.
- Этапы разработки web-сайта
- Основные языки веб-программирования. Клиентские и серверные языки.
- Синтаксис гипертекстовой разметки. Теги. Атрибуты.
- Структура html-документа
- Заголовок и тело html-документа Заголовок документа
- Тело документа
- Цветовое оформление документа
- Разделение текста на строки, абзацы. Внутристрочное форматирование. Разрыв строки.
- Логическое форматирование гипертекста
- Физическое форматирование
- Использование графики в html-документах
- Гиперссылки. Абсолютный и относительный url
- Списки в html. Виды. Общая характеристика.
- Нумерованные списки в html
- Маркированные списки в html
- Виды верстки веб-страниц. Общая характеристика.
- Табличная верстка в html.
- Блочная верстка в html.
- Выравнивание данных в ячейках. Align и valign
- Объединение ячеек в нтмl.
- Общее определение каскадных таблиц стилей css. Цель создания css
- Способы подключения css к документу
- Построение правила css. Виды селекторов Построение правила css
- Виды селекторов
- Наследование. Каскадирование. Приоритеты стилей css.
- Преимущества и недостатки css-вёрстки
- Классы элементов. Идентификаторы элементов.
- Подготовка иллюстраций для web. Gif. Jpeg.
- Общее понятие фреймов.
- Хостинг. Размещение сайта в Интернете.