62. Суть и основные приемы макротипографики.

Микро-типографика имеет отношение к различным деталям оформления текста: правильный выбор шрифта, определение пробелов между словами и интервалов между строками, и другие особенности стиля. 

Макро-типографика напрямую определяет то, каким образом организована страничка. Большинство техник макро-типографики уже давно стали доступны при помощи CSS, но, поскольку наши представления о веб-странице постоянно меняются, то и эти техники тоже нужно адаптировать. Макро-типографика в основном имеет дело с читаемостью текста и может рассматриваться в качестве дизайна параграфов и самой страницы.

• Используйте поля вашей страницы

• Выбирайте хорошо читаемые шрифты

• Не забывайте измерять объем вашего текста

• Задавайте подходящую высоту строк

• Выбирайте стиль для абзацев

• Соблюдайте баланс контрастности текста

63. Основные характеристики и различия: html, xhtml, dhtml, xml.

HTML означает язык гипертекстовой разметки. Это хорошо известный язык разметки, используемый для разработки веб-страниц. Он существует уже давно и широко используется в дизайне веб-страниц.

XHTML расшифровывается как Extensible HyperText Markup Language. Это язык разметки, написанный на XML. Это набор языков разметки XML, которые отражают или расширяют версии HTML. По сути, это гибрид HTML и XML, специально разработанный для дисплеев сетевых устройств.

DHTML является динамическим HTML. Это новый способ просмотра и управления стандартными HTML-кодами и командами. DHTML — это набор технологий, которые используются для создания интерактивных и анимированных веб-сайтов. Дает больший контроль над элементами HTML.

XML — это текстовый формат данных с надежной поддержкой Unicode для языков. Он подчеркивает простоту, универсальность и удобство использования в Интернете. Он также широко используется для представления произвольных структур данных, особенно в веб-сервисах. Программисты часто используют API-интерфейсы при обработке XML-данных и систем схем, чтобы помочь в определении языков на основе XML.

64. Способы подключения таблиц стилей.

Пример 3.1. Подключение связанных стилей

<link rel="stylesheet" href="mysite.css">

<link rel="stylesheet" href="http://www.htmlbook.ru/main.css">

Пример 3.3. Использование глобального стиля

<style>

H1 {

font-size: 120%;

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #333366;

}

</style>

Пример 3.4. Использование внутреннего стиля

<p style="font-size: 120%; font-family: monospace; color: #cd66cc">Пример текста</p>

Можно смешивать виды подключения.

65. Способы оптимизации изображений для Веб.

1.1. Масштабирование изображений

Адаптируя размеры изображений специально для своего сайта, вы можете значительно сэкономить ресурсы и улучшить производительность сайта.

1.2. Сжатие изображений

Лучший способ оптимизации – сжатие изображений без потерь. При таком методе сжатия изображение уменьшается по весу, но при этом не теряет в качестве.

1.3. Отзывчивые изображения

Использование отзывчивых изображений в дизайне становится все более популярным: оно позволяет показывать изображения разного масштаба в зависимости от разрешения дисплея, на котором выводится сайт.

<img src="flowers.jpg" alt="flowers" width="640" srcset="flowers-160.jpg 160w, flowers-320.jpg 320w, flowers-640.jpg 640w, flowers -1280.jpg 1280w">

1.4. Использование CDN

Оптимизировать загрузку изображений можно при помощи использования CDN (Content Delivery Network). CDN позволяет сократить время загрузки на 75%.

1.5. Форматы изображений – PNG, JPEG, WebP, SVG

На данный момент изображения в этих форматах являются наиболее легковесными.