Лекция 4. Введение в веб-конструирование.
- Всемирная паутина (англ. World Wide Web, веб)
- распределенная система, предоставляющая доступ к связанным между собой документам, расположенным на различных компьютерах, подключенных к Интернет.
- Гипертекст
- термин, введённый Тедом Нельсоном в 1965 году для обозначения «текста ветвящегося или выполняющего действия по запросу». Обычно гипертекст представляется набором текстов, содержащих узлы перехода между ними, которые позволяют избирать читаемые сведения или последовательность чтения.
- Веб-страница
- документ, содержащий текст и команды языка разметки гипертекста HTML (XHTML, DHTML). По сути является текстовым файлом с расширением .html (.xhtml, .dhtml, .htm)
- Сайт (веб-сайт)
- набор некоторого количества веб-страниц, связанных вместе единой темой, общим оформлением и взаимными гипертекстовыми ссылками.
- Гиперссылка (англ. hyperlink)
- часть гипертекстового документа, ссылающаяся на другой элемент (команда, текст, заголовок, примечание, изображение) в самом документе, на другой объект (файл, каталог, приложение), расположенный на локальном диске или в компьютерной сети.
- Интернет-портал (от англ. portal «главный вход; ворота»)
- веб-сайт, предоставляющий пользователю Интернета различные интерактивные сервисы, работающие в рамках одного веб-сайта, такие как почта, поиск, погода, новости, форумы, обсуждения, голосования и т. д.
- Контент (от англ. content - содержание)
- наполнение сайта. Контент сайта соотносится с дизайном, как содержание с формой.
- Веб-дизайн (от англ. web-design = проектирование веба)
- оформление веб-страниц. Он играет такую же роль для сайта, как полиграфический дизайн и верстка для бумажного издания. Часто под веб-дизайном понимают не только создание графических элементов для сайта, но и проектирование его структуры, навигации и иногда даже движков, нужных для работы сайта, то есть создание сайта целиком.
Обзор технологий создания сайтов
- Статический сайт
- Сайт, состоящий из веб-страниц, графических и стилевых файлов.
Для разработки статических сайтов принято использовать язык разметки гипертекста (HTML) в сочетании с каскадными таблицами стилей (CSS).
- Динамический сайт
- сайт, страницы которого не хранятся на сервере в готовом виде, а генерируются "на лету" по запросу пользователя специальной программой
Страница динамического сайта формируется из отдельных блоков, хранящихся в различных файлах или в базе данных
Для создания динамического сайта используются следующие технологии:
- разметка текста и оформление формируется с помощью связки HTML+CSS
- формирование страниц происходит в результате работы сценариев (программ), написанных на каком-либо языке программирования.
Различают 2 способа генерации содержимого веб-страниц:
- на стороне сервера:
- сервер получает запрос от клиента и передает его программе-сценарию, которая "собирает" требуемую веб-страницу, выбирая необходимую информацию из базы данных или файлов, хранящихся на сервере и соединяя контент с оформлением из шаблона. После этого сформированная страница передается браузеру клиента. Данная технология является "прозрачной" для клиента в том смысле, что пользователь получает готовую веб-страницу, не содержащую программного кода и может даже не догадываться, что страница не является статической.
Примером могут служить страницы сайта edu.sites.spb.ru, генерируемые сценарием, написанным на языке PHP.
Для написания серверных сценариев используются языки Perl, PHP, Python, ASP, Ruby. Так же могут использоватся включения на стороне сервера - SSI
- на стороне клиента:
- сценарии сборки страницы в этом случае включаются в текст страниц. Сервер передает запрошенную страницу браузеру клиента, который выполняет программный код и осуществляет отображение результата.
На стороне клиента используются языки Javascript, JScript, ActionScript
В реальности чаще всего используется комбинация этих двух способов генерации содержимого веб-страниц. В таком случае формирование веб-страниц выполняется в следующем порядке:
- Генерация содержимого на стороне сервера;
- Передача сгенерированной странички клиенту;
- Генерация содержимого на стороне клиента.