1.Архитектура Клиент-Сервер. Взаимодействие клиента и сервера в сети интернет. Основные понятия языков разметки: sgml, html, xhtml, dhtml, xml.

Клиент – компьютер, осуществляет запрос к серверу на выполнение каких-либо действий или предоставление какой-либо информации. Сервер - компьютер, обычно более мощный, чем компьютер-клиент. Модель функционирования: клиент делает запрос серверу, сервер (серверная часть) получает запрос, выполняет его и отсылает результат клиенту (клиентская часть).

Взаимодействие клиента и сервера в сети Интернет осуществляется по протоколу HTTP (протокол передачи гипертекста).

HTTP предоставляет набор методов для указания целей запроса, отправляемого серверу. Эти методы основаны на дисциплине ссылок, где для указания ресурса используется универсальный идентификатор ресурсов в виде местонахождения ресурса (URL) или в виде его универсального имени (URN).

SGML-стандартный обобщённый язык разметки, язык для написания языков разметки документов.

Основные части документа SGML:

- SGML-декларация — определяет, какие символы и ограничители могут появляться в приложении;

- Document Type Definition — определяет синтаксис конструкций разметки.

- Спецификация семантики, относится к разметке — также даёт ограничения синтаксиса, которые не могут быть выражены внутри DTD;

HTML - это система верстки веб-страниц, которая определяет, какие элементы и как должны располагаться в документе и с кем могут связаны. Чтобы показать, что мы имеем дело не с обычным текстовым документом, используется термин HTML-документ. Подобные документы открываются под управлением браузера.

XHTML - семейство типов документов и модулей, является подмножествами или расширениями языка HTML 4. Семейство типов документов XHTML дают общую совместимость с изменениями документов и доступа в Интернет. Должен быть один регистр, теги должны закрываться.

DHTML - это набор средств, которые позволяют создавать более интерактивные Web-страницы без увеличения загрузки сервера. Обеспечение динамического доступа к содержимому документа, его структуре и стилям. Всплывающие события, связывание событий с помощью script, события мыши, клавиатуры.

2.Програмное обеспечение клиента и сервера. Взаимодействие веб-клиента и серверного программного обеспечения. Протоколы обмена данными.

Серверное ПО - программный компонент вычислительной системы, выполняющий сервисные функции по запросу клиента, предоставляя ему доступ к определённым ресурсам или услугам.

Для взаимодействия с клиентом сервер выделяет необходимые ресурсы межпроцессного взаимодействия и ожидает запросы на открытие соединения. Сервер может обслуживать процессы в пределах одной компьютерной системы через каналы передачи данных.

Формат запросов клиента и ответов сервера определяется протоколом.

Сетевой протокол — набор правил и действий, позволяющий осуществлять соединение и обмен данными между двумя и более включёнными в сеть устройствами.

TCP/IP - основа связи в сети Интернет.

HTTP - передача гипертекста (пересылка Web-страниц с одного компьютера на другой).

FTP - передача файлов.

POP - почтовое соединение.

SMTP - передача почты (либо сообщение об ошибке или о приеме).

TELNET – удаленный доступ.

DTN - сети дальней космической связи.

3. Структура элемента в блочной верстке. Варианты блочных моделей. Форматирование блоков: свойства блоков. Позиционирование. Отображение элементов. Обтекание, box-shadow, opacity. Семантическая верстка (header,footer,aside и др.).

Блочная верстка - когда все элементы сайта структурируются с помощью блоков (div). Участки кода, отделенные div, называются слоями: header, meni, content, footer. При помощи id селекторов (<div id=”menu”> </div>) каждому слою можно задавать стилевые описания, позиционирование и т.д.

Варианты блочных моделей:

- content -содержимое блока;

- padding -внутренний отступ; (top bottom left right)

- border - граница color, style, width (none, dotted, solid, double)

- margin -внешний отступ; (top bottom left right)

- height и width -высота и ширина;

Свойства блоков:

Свойство display указывает, как тот или иной элемент должен быть показан на странице.

1) block - элемент как блочный перенос строк вначале и в конце элемента. Пример с верт. меню (<a>)

2) inline – элементы начинаются с того места, где был окончен предыдущий элемент. Пример с заголовком (<body><h5>111</h5><p>222</p></body> h5,p{display:inline;})

3) none – убирает элемент со страницы, не резервируя места. Пример с параграфами (#p2:display:none) Пар 1345.

4) list-item - делает любой элемент частью списка, добавляя маркер

Пример с заголовками (<h1><h2><h3> h1.h2,h2 {display:list-item;}) заг.1

Отображение:

Свойство owerflow контролирует отображение содержимого в блоке.

1) visible (отображается все содержимое элемента, даже за пределами установленной высоты и ширины).

2) hidden (отрез превышаемого содержимого.)

3) scroll (полосы прокрутки (горизонтальная + вертикальная))

4) auto (только необходимые полосы прокрутки)

5) inherit (наследует значение родителя)

Позиционирование:

Свойство position устанавливает способ позиционирования элемента относительно окна браузера.

1) absolute (от края окна браузера)

2) fixed (в пом left right top bottom)

3) relative (использование clear)

4) static (обычное отображение без left right top bottom)

Обтекание:

Свойство float определяет выравнивание и обтекание.

1) left (обтекание по правой стороне)

2) right (обтекание по левой стороне)

3) none (обтекание элемента не задается)

4.Возможности HTML5. Встраивание SVG и MathML в text\html. Новые элементы (теги).

Возможности:

1. мультимедиа внутри

2. переход в старых браузерах к html5 с помощью библиотек

3. единый подход к телефонам (без версий)

4. поддержка разных форматов видео и аудио

5. документация с новыми тегами

6. Web SQL Database

7. Геолокация (подвязка карт)

SVG:

1. <object>

2. <embed>

3. <svg>

MathML:

<mrow> строки

<mfac> дроби

<mo> операторы

<msqrt> квадратный корень