
- •Яковлев б.С., доцент, канд. Техн. Наук конспект лекций
- •Технология репрографического производства
- •090900 «Информационная безопасность»
- •Содержание
- •1. Микрофильмирование. Определение повреждений материалов, работа с ними, и действия в случае чрезвычайных ситуаций
- •1.1. Сохранение и консервация
- •1.2. Виды материалов
- •Кожа и пергамент
- •Пальмовые листья
- •Чернила
- •1.3. Факторы среды, вызывающие повреждения, и способы снижения их воздействия
- •Видимый свет, ультрафиолетовое (uv) и инфракрасное излучение
- •Снижение воздействия
- •Температура и относительная влажность
- •Снижение воздействия
- •Оптимальный контроль среды
- •Окружающая среда
- •Атмосферные загрязнения
- •Снижение воздействия
- •Улучшение условий окружающей среды
- •Практические меры по улучшению условий среды
- •Поддержание порядка
- •1.4. Другие факторы, вызывающие повреждения: биологический и человеческий факторы, неправильное хранение
- •Плесень и грибы
- •Борьба с насекомыми
- •1.5. Действия в чрезвычайных ситуациях Предотвращение и оценка риска
- •Подготовка
- •Действия при чрезвычайных ситуациях
- •Восстановление
- •2. Основы плёнки и их способность к сохранению данных
- •2.1. Типы пленок
- •Полиэстер
- •2.2. Кратность
- •2.3. Организация изображений
- •Микрофильм
- •Микрофиша
- •2.4. Плотность
- •2.5. Разрешение
- •2.6. Индекс качества
- •3. Технический контроль микроформ
- •3.1. Плотность
- •3.2. Уровень контрастности
- •Измерения плотности
- •Уровни плотности
- •Дополнительные рекомендации
- •Уровни плотности – только ориентир
- •Цель однородной плотности
- •Измерение плотности
- •3.3. Разрешение
- •Вычисление разрешения
- •Показатели разрешения
- •3.4. Индекс качества
- •Показатели индекса качества
- •3.5. Основа плёнки
- •Тестирование основы плёнки мастер-негатива
- •3.6. Тест на разрывы
- •Тест на поляризацию
- •3.7. Проверка уровня химикатов
- •Тест с применением сини метилена
- •3.8. Частота тестирования
- •Требования, предъявляемые к тестированию
- •4. Жидкостное проявление
- •4.1. Общие понятия
- •4.2. Жидкий проявитель
- •5. Общая схема ксерографического процесса
- •5.1. Общие сведения
- •5.2. Нанесение заряда на электрофотографический слой. Экспонирование
- •5.3. Проявление скрытого электростатического изображения
- •5.4. Проявляющий электрод.
- •5.5. Двухкомпонентный магнитный проявитель
- •5.6. Проявление скрытого электростатического изображения магнитной кистью
- •5.7. Порошковое облако
- •6. Электрофотографическое копирование
- •6.1. Общие сведения об электростатических способах копирования
- •6.2. Общая схема метода «Электрофакс»
- •6.3. Особенности электрографических печатающих устройств цифровых копировальных аппаратов
- •6.4. Общие сведения о строении и работе черно-белых копировальных аппаратов аналогового типа
- •6.5. Управление работой аппарата
- •7. Основные виды сканирующего оборудования и область их применения
- •7.1. Общие сведения
- •7.2. Краткий обзор оборудования и методов, применяемых при сканировании книг и документов
- •Профессиональные книжные сканеры
- •Современный «бытовой» и «офисный» сканер
- •3D сканеры
- •8. Общий обзор и сравнительная характеристика графических редакторов
- •8.1. Растровые редакторы
- •Ключевые особенности и характеристики Adobe Photoshop
- •8.2. Векторные редакторы
- •Стандартная Панель инструментов
- •8.3. Flash редакторы
- •8.4. 3D редакторы
- •9. Электронные книги, их создание, чтение и распространение
- •9.1. Общие сведения
- •9.2. Графические растровые форматы
- •9.3. Графические векторные форматы с оформлением
- •Простой текст (plain text)
- •9.4. Наиболее популярные форматы
- •DjVu-технологии
- •10. Основа синтаксиса языка html
- •10.1. Общая структура html документа
- •10.2. Тело html-документа. Его основная часть.
- •10.3. Основные теги и их синтаксис Работа с текстом
- •Теги для форматирования абзацев.
- •Параметр align
- •Синтаксис
- •Значения
- •Синтаксис
- •Параметры:
- •Синтаксис
- •Значения
- •Параметры
- •Синтаксис
- •Значения
- •1.1.1.Синтаксис
- •Синтаксис
- •Значения
- •Значение по умолчанию
- •Элемент id
- •11. Синтаксис frame, table, div элементов
- •11.1. Синтаксис frame элемента
- •Описание фреймовой структуры
- •Описание фрейма
- •"Пустой" документ
- •Стандартные имена для фреймов
- •Создание и использование "плавающих" фреймов
- •11.2. Синтаксис table элемента
- •11.3. Синтаксис div элемента
- •12. Общие сведения о css технологии, основы синтаксиса
- •12.1. Общие сведения о css технологии
- •12.2. Синтаксис и принцип работы css
- •12.3. Способы подключения css таблиц к html документу
- •12.4. Свойства элементов css Цвет и фон в css
- •Свойство background-color
- •Свойство background-image
- •Свойство background-attachment
- •Сокращенная форма записи – background
- •Свойство text-indent
- •Свойство text-transform
- •Свойство letter-spacing
- •Оформление ссылок в css
- •Типы селекторов в css
- •Селектор по элементу
- •Селектор id
- •Контекстный селектор
- •Блоковая модель в css
- •Окантовка в css
- •Свойство border-width
- •Свойство border-color
- •Поля (margin) и отступы (padding)
- •13. Основные понятия, синтаксис языка Java Script
- •13.1. Переменные и действия над ними
- •13.2. Функции
- •13.3. Массивы
- •13.4. Циклы
- •14. Краткий обзор популярных форматов графических файлов
- •14.1. Общие сведения
- •14.2. Растровые графические форматы
- •14.3. Векторные графические форматы
- •14.4. Трёхмерная графика (3d, 3 Dimensions)
- •15. Дизайн электронных изданий. Основные принципы создания макета.
- •15.1. Работа дизайнера при подготовке макетов с заказчиком
- •15.2. Технические особенности создания макетов
- •15.3. Специфика дизайна макетов exe-книг
- •Краткий вывод
- •16. Основные виды верстки электронных изданий, их сравнение
- •16.1. Верстка на основе frame, table, div. Основные отличия и недостатки Фреймовая верстка
- •Преимущества таблиц
- •Создание колонок
- •«Склейка» изображений
- •Фоновые рисунки
- •Выравнивание элементов
- •Особенности браузеров
- •Долгая загрузка
- •Громоздкий код
- •Плохая индексация поисковиками
- •Нет разделения содержимого и оформления
- •Несоответствие стандартам
- •Применение таблиц для верстки
- •Высота колонок должна быть одинаковой
- •Нет времени на сложную верстку
- •Цвет фона
- •Границы
- •16.2. Верстка электронных книг pdf и DjVu-форматов
- •Библиографический список
16. Основные виды верстки электронных изданий, их сравнение
16.1. Верстка на основе frame, table, div. Основные отличия и недостатки Фреймовая верстка
Использование фреймов позволяет объединить информацию с нескольких источников на одной странице. Верстка фреймами представляет собой страницу, разделенную на несколько логических областей, причем каждая область имеет собственный характер поведения. Для наглядности приведу пример использования верстки фреймами:
Данную страницу можно разделить на три логических части:
Главное меню (при желании логотип можно отделить)
Подменю (иначе говоря, меню Раздела)
Основная часть (тело) страницы. Информативная часть.
Выбрав Раздел, во вторую часть подгружается меню данного раздела:
Выбрав из подменю интересующую нас статью (страницу), в часть 3 подгружается информация:
Главный файл frame.html состоит из набора фреймов:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251;">
<title>Что такое фрейм?</title>
</head>
<frameset rows="120, *">
<frame src="mainmenu.html">
<frameset cols="200, *">
<frame src="blank.html" name="submenu" id="submenu" noresize>
<frame src="blank.html" name="page" id="page">
</frameset>
</frameset>
</html>
Из листинга видно, что вся страница разделена на две горизонтальные части. В первой части находится главное меню (mainmenu.html), а вторая часть поделена на две вертикальные части, в которых будет динамическое содержимое. Рассмотрим файл mainmenu.html.
<html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251;">
<title>Главное меню</title>
<link rel="stylesheet" href="styles.css">
</head>
<div style="display:inline;">
<div class="logo">
<div class="logoimg">ЛОГОТИП :)</div>
</div>
<div class="menu">
<div id="menu1"><a href="element1.html" class="mainmenu" target="submenu">Раздел I</a></div>
<div id="menu2"><a href="element2.html" class="mainmenu" target="submenu">Раздел II</a></div>
<div id="menu3"><a href="element3.html" class="mainmenu" target="submenu">Раздел III</a></div>
<div id="menu4"><a href="element4.html" class="mainmenu" target="submenu">Раздел IV</a></div>
<div id="menu5"><a href="element5.html" class="mainmenu" target="submenu">Раздел V</a></div>
<div id="menu6"><a href="element6.html" class="mainmenu" target="submenu">Раздел VI</a></div>
</div> </body> </html>
Обратите внимание на ссылки — они имеют привычный нам атрибут href, содержащий ссылку для перехода, но так же данный элемент имеет атрибут target (цель). Этот атрибут и содержит название фрейма, куда будет передано содержимое по ссылке. Если вернуться к листингу 2, там можно увидеть, что фреймы с динамичным содержимым имеют атрибут name, отвечающий за имя элемента на который ссылается target элемента а.
Аналогично устроен файл element1.html подгружающий в фрейм page содержимое.
Как и у всех остальных типов верстки, у фреймов есть свои плюсы и минусы.
Из достоинств стоит выделить:
Простота. С помощью фреймов веб-страница разграничивается на две области, которые содержат навигацию по сайту и его контент. Механизм фреймов позволяет открывать документ в одном фрейме, по ссылке, нажатой в совершенно другом фрейме. Такое разделение веб-страницы на составляющие интуитивно понятно и логически обусловлено.
Быстрота. Для верстки без фреймов характерно размещение на одной странице и навигации и содержания. Это увеличивает объем каждой страницы и в сумме может существенно повлиять на объем загружаемой с сайта информации. А так как фреймы используют разделение информации на части, страницы с ними будут загружаться быстрее.
Размещение. Фреймы предоставляют уникальную возможность — размещение информации точно в нужном месте окна браузера. Так, можно поместить фрейм внизу браузера и независимо от прокручивания содержимого, эта область не изменит своего положения.
Изменение размеров областей. Можно изменять размеры фреймов «на лету», чего не позволяет сделать традиционная верстка HTML.
Загрузка. Загрузка веб-страницы происходит только в указанное окно, остальные остаются неизменными. С помощью языка JavaScript можно осуществить одновременную загрузку двух и более страниц во фреймы.
И в то же время, эта верстка имеет весомые минусы:
Навигация. Пользователь зачастую оказывается на сайте, совершенно не представляя, куда он попал, потому что всего лишь нажал на ссылку, полученную в поисковой системе. Чтобы посетителю сайта было проще разобраться, где он находится, на каждую страницу помещают название сайта, заголовок страницы и навигацию. Фреймы, как правило, нарушают данный принцип, отделяя заголовок сайта от содержания, а навигацию от контента. Представьте, что вы нашли подходящую ссылку в поисковой системе, нажимаете на нее, а в итоге открывается документ без названия и навигации. Чтобы понять, где мы находимся или посмотреть другие материалы, придется редактировать путь в адресной строке, что в любом случае доставляет неудобство.
Плохая индексация поисковыми системами. Поисковые системы плохо работают с фреймовой структурой, поскольку на страницах, которые содержат контент, нет ссылок на другие документы.
Внутренние страницы нельзя добавить в «Избранное» («Закладки»). Фреймы скрывают адрес страницы, на которой находится посетитель, и всегда показывают только адрес сайта. По этой причине понравившуюся страницу невозможно поместить в раздел «Избранное» браузера.
Несовместимость с разными браузерами. Параметры фреймов обладают свойством совершенно по разному отображаться в различных браузерах. Причем противоречие между ними настолько явное, что одни и те же параметры интерпретируются браузерами совершенно по-своему.
Непрестижность. Весьма странный недостаток, который не имеет никакого отношения к техническим особенностям создания сайта, а носит скорее идеологический характер. Сайты с фреймами считаются несолидными, а их авторы сразу выпадают из разряда профессионалов, которые никогда не используют фреймы в своих работах. Исключение составляют чаты, где без фреймов обойтись хотя можно, но достаточно хитрыми методами, а с помощью фреймов создавать чаты достаточно просто.
Таблицы
Табличная верстка нынче совсем не в почете. Буквально на каждом углу кричат, что надо переходить к верстке с помощью слоев, потому что это соответствует стандартам, правильнее и вообще «лучше». Почему слои лучше таблиц обычно не сообщают, так что приходится либо верить на слово, либо решать дилемму самостоятельно. Поэтому попытаемся объективно решить, что же представляют собой таблицы, где их следует применять, а где не стоит.
Сразу следует оговорить, что спор вокруг таблиц происходит только в том случае, когда они используются для верстки. Если дело касается хранения табличных данных, то не возникает сомнений, что таблицы именно для этой цели и предназначены.