Электронная библиотека » Владимир Вуль » » онлайн чтение - страница 20

Текст книги "Электронные издания"


  • Текст добавлен: 26 июля 2014, 14:30


Автор книги: Владимир Вуль


Жанр: Интернет, Компьютеры


Возрастные ограничения: +12

сообщить о неприемлемом содержимом

Текущая страница: 20 (всего у книги 41 страниц) [доступный отрывок для чтения: 11 страниц]

Шрифт:
- 100% +

Глава 6
Подготовка сетевых и мультимедийных изданий в специализированных программных пакетах


Вопросы, рассматриваемые в данной главе, являются логическим продолжением тех, которые были затронуты в главе 4. Однако, если в четвертой главе рассматривались общие вопросы создания электронных изданий в формате HTML и PDF а так же дополнение основной части электронной книги теми или иными анимационными и мультимедийными компонентами, то в этой главе основное внимание уделено процессам создания электронной книги, которая может быть названа специализированной с точки зрения ее оформления. Рассматривается подготовка сетевого электронного издания в форме сайта в пакете MS FrontPage 2000 и Macromedia Dreamweaver и мультимедийных изданий в различных пакетах фирмы Macromedia, в том числе Director и Flash, а также видеофрагментов для таких изданий в программном пакете 3ds max фирмы Autodesk.

6.1. Общая характеристика пакета MS FrontPage

Программный пакет FrontPage долгое время развивался и совершенствовался фирмой Microsoft. Его версия FrontPage 2000 отличается от всех предыдущих тем, что она впервые интегрирована в структуру пакета программ Microsoft Office. Вероятно, это объясняется тем обстоятельством, что проектирование Web-сайтов и мультимедийных электронных изданий из задачи для профессионалов перешли в сферу офисной деятельности. Однако, FrontPage 2002 вновь поставляется отдельно от Microsoft Office XP.

Ранее, в главе 4 уже указывалось, что электронные издания возможно подготавливать в пакете MS Word 2000 и Word 2002, что является одной из вспомогательных функций в последних. В отличие от этого FrontPage 2000 специализирован на подготовке электронных изданий, в частности – на разработке Web-узлов целиком. Он поддерживает фреймовую структуру, ориентирован на простоту и удобство создания гиперссылок, обеспечивает единый стиль оформления различных Web-страниц, оптимизирует скорость их загрузки. Таким образом, пакет отличается продуманностью реализации как эстетических, так и технических аспектов создания электронных изданий и позволяет, в какой-то степени, автоматизировать процесс проектирования.

6.1.1. Интерфейс пакета

Интерфейс существенно отличается от других приложений Microsoft Office, хотя и выдержан единый стиль его оформления. Как показано на рис. 6.1, верхние 4 строки окна похожи на интерфейсы других приложений: в верхней строке содержится заголовок окна с наименованием открытого документа, т. е. с указанием абсолютного пути к файлу, затем следует строка меню, еще ниже размещаются две панели инструментов и основное место занимает рабочее окно программы. Строка меню отличается наличием трех специальных меню: Tools (Инструменты), Table (Таблица) и Frames (Фреймы). Назначение этих меню понятно из названий, а об их практическом использовании мы поговорим далее. Панели инструментов схожи с аналогичными в пакете Word 97 в режиме HTML-редактора. Назначение и использование отдельных инструментов будет рассмотрено далее.

Вначале же остановимся на особенностях рабочего окна программы. Как следует из рис. 6.1, это окно делится по вертикали на 3 части, размер которых можно регулировать стандартными средствами оболочки Windows. Слева размещается панель Views (переключателя режимов). С помощью представленных в ней кнопок можно выбрать один из вариантов представления Web-узла (Электронного издания). В панели Folder List (Список папок) показана иерархическая структура папок и файлов, входящих в состав издания. Основную часть рабочего окна занимает панель представления, в которой отображается выбранный элемент структуры Web-узла, обычно это одна из Web-страниц, которая входит в состав данного узла.

Рассмотрим вначале кнопки для выбора вариантов (режимов) представления Web-узла.

✓ Кнопка Page (Страница). В примере на рис. 6.1 нажата именно эта кнопка. В таком режиме можно редактировать любую выбранную страницу электронного издания, изменять размещенный на ней текст и рисунки, вводить новые HTML-тэги, задавать новые и редактировать имеющиеся гиперссылки. Для переключения режимов просмотра страницы в нижней части панели представления имеются три вкладки: Normal (обычная), HTML и Preview (предварительный просмотр).

✓ Кнопка Folders (Папки). Эта кнопка включает режим анализа структуры папок и файлов, входящих в Web-узел. Этот режим подобен просмотру структуры локальных дисков, определяемому приложением Проводник в оболочке Windows.

✓ Кнопка Reports (Отчеты). Кнопка включает режим, при котором в рабочем окне представляется отчет о текущем состоянии Web-узла.

✓ Кнопка Navigation (Навигация). Она отображает в рабочем окне программы структуру издания со всем разнообразием гиперссылок, позволяющих перемещаться как внутри данного Web-узла, так и на страницы других узлов.

✓ Кнопка Hyperlinks (Гиперссылки). Эта кнопка в графической форме представляет все гиперссылки, переводящие на текущую страницу, и с текущей страницы – на другие страницы узла.

✓ Кнопка Tasks (Задачи). Она переводит рабочее окно в режим, напоминающий записную книжку. В нем в рабочем окне отображается список задач, намеченный пользователем для выполнения в будущем.

В следующей панели Folder List показана структура в форме дерева папок и файлов, составляющих Web-узел. В панели же представления, как уже рассматривалось выше, отображается выбранный элемент Web-узла в одном из способов представления, определяемом выбранной вкладкой в нижней части панели (на рис. 6.1 активна вкладка Normal).

Важной составной частью интерфейса FrontPage являются панели инструментов. Первые две из них: Standard (Стандартная) и Formatting (Форматирование), – используются по умолчанию и, в основном, подобны аналогичным панелям инструментов в других приложениях, входящих в состав MS Office. Это же относится к ряду инструментов панели Standard (Стандартная): New (Создать), Open (Открыть), Save (Сохранить), Print (Печать), Spelling (Проверка орфографии), Cut (Вырезать), Copy (Копировать), Insert (Вставить), Undo (Отменить), Redo (Вернуть) и пр. Действие всех перечисленных инструментов дублируется командами секций меню.

Из специализированных инструментов этой панели следует отметить кнопку Web-Publish (Web-публикация), расположенную правее кнопки Save (Сохранить). Этот инструмент осуществляет публикацию разработанного Web-узла в сети по определенному адресу. Правее на рис. 6.1 расположен активный инструмент Folder List (Список файлов и папок). Нажатой кнопке соответствует наличие соответствующей панели в рабочем окне программы. Правее инструмента Print (Печать) расположен Preview in Browser (Предварительный просмотр в браузере).


Рис. 6.1. Интерфейс пакета MS FrontPage


Перед стандартным инструментом Insert Table (Вставить таблицу) находится кнопка Insert Component (Вставить компонент), а расположенный слева на этой кнопке черный треугольник показывает наличие нескольких вариантов этого инструмента. Все они становятся доступными при нажатии кнопки. Соответствующие возможности вставки компонентов иллюстрируются данными, представленными на рис. 6.2. В качестве простых примеров можно указать вставку Marquee (Бегущая строка), Сonfirmation Field (Поле подтверждения) и Table of Contents (Содержание).


Рис. 6.2. Интерфейс пакета MS FrontPage c нажатой кнопкой Insert Components


На том же рис. 6.2 виден инструмент Insert Table (Вставить таблицу), предназначенный для размещения соответствующего элемента на Web-странице. Далее следует кнопка Insert Picture from File (Вставить рисунок из файла), назначение которой понятно из названия, и Hyperlinks (Гиперсвязи), предназначенная для включения указателей гиперссылок. Два последующих инструмента: Refresh (Обновить) и Stop (Остановить), используются в браузерах и их назначение мы уже рассматривали в главе 5.

Другие панели инструментов могут быть выведены на экран с помощью команды Toolbars (Панели инструментов) в строке меню View (Вид), представленной на рис. 6.3.

Вместе с уже рассмотренными общее количество панелей инструментов равно 9. Перечислим эти панели с указанием их назначения:

DHTML Effects (Эффекты динамического HTML). Эта панель обеспечивает добавление соответствующих эффектов с помощью своих инструментов. Сам термин используется для обозначения HTML-страниц с динамически изменяемым содержимым, о чем более подробно сказано далее, при рассмотрении инструментов панели.

Pictures (Рисование). Панель служит для создания и редактирования графических изображений.

Positioning (Размещение). Служит для изменения положения элементов на проектируемой Web-странице.

Style (Стиль). Служит для стилевого оформления элементов Web-страницы.

Reporting (Отчеты). Эта панель инструментов служит для управления отчетами о состоянии Web-узла.

Navigation (Навигация). Инструменты этой панели обеспечивают работу в режиме навигации (см. соответствующую кнопку в панели Views в левой части рабочего окна на рис. 6.1).

Tables (Таблицы). Эта панель объединяет инструменты, предназначенные для создания и работы с таблицами.


Рис. 6.3. Интерфейс пакета MS FrontPage с активной командой Toolbars


Панель Pictures (Рисование) значительно отличается от аналогичной в пакете MS Word 2000. Это подтверждает даже простое перечисление используемых в ней инструментов. На рис. 6.4 активизирован рисунок на Web-странице, в результате чего активными стали инструменты панели Pictures (Рисование), которая размещена в нижней части рабочего окна пакета. Первый инструмент дублирует имеющийся в панели Стандартные кнопку Insert Picture from File (Вставить рисунок из файла). Нажатие его приводит к появлению диалогового окна, в котором и осуществляется выбор графического файла.


Рис. 6.4. Интерфейс пакета MS FrontPage с активными элементами панели Pictures


Следующий инструмент Text (Текст) позволяет сделать подпись к рисунку, а третий – Auto Thumbnail (Миниатюра) – создать миниатюру изображения, которую используют в сетевых фотоальбомах. Четвертый инструмент позволяет задать положение рисунка на Web-странице в абсолютных координатах. Следующие две кнопки выполняют стандартные функции – Bring Forward (Поместить поверх) и Send Backward (Поместить позади), т. е. меняют содержимое переднего и заднего плана графической композиции. Подобные инструменты имеются не только во всех графических редакторах, но также и в текстовом редакторе Word.

Группа из следующих 4 кнопок характерна для редакторов векторной графики. Это Rotate Left (Поворот влево), Rotate Right (Поворот вправо), Flip Horizontal (Отражение горизонтальное) и Flip Vertical (Отражение вертикальное) т. е. от зеркала, ориентированного вдоль вертикали или горизонтали соответственно.

Следующая группа из 4 кнопок обеспечивает простые операции, связанные с тоновой коррекцией рисунка. Это More Contrast (Увеличить контраст), Less Contrast (Уменьшить контраст), More Brightness (Увеличить яркость) и Less Brightness (Уменьшить яркость).

Далее размещается группа из 6 инструментов, предназначенных для обработки иллюстраций. В нее входят Crop (Кадрирование), Set Transparent Color (Установка прозрачного цвета), Black And White (Преобразовать в черно-белый рисунок), Wash Out (Размытие), Bevel (Эффект объемности) и Resample (Просмотр изображения с другим разрешением).

В следующей группе содержится 5 инструментов: Select (Выбор), Rectangular Hotspots (Выделение прямоугольных пикселов), Circular Hotspots (Выделение круглых пикселов), Polygonal Hotspots (Выделение пикселов в виде многоугольников), Highlight Hotspots (Выделение наиболее ярких пикселов). Наконец, последний инструмент Restore (Восстановить) позволяет отменить преобразование, сделанное с помощью предыдущего инструмента.

6.1.2. Технология подготовки новых Web-сайтов

Как уже говорилось ранее, для просмотра структуры Web-узла следует перейти в режим Navigation (Навигация), щелкнув указателем мыши по соответствующей одноименной кнопке в панели Views. В результате панель представления примет вид, показанный на рис. 6.5.

Иерархическая структура организации страниц Web-узла соответствует их логической организации или соподчиненности. Логическая структура связана с именами отдельных страниц сайта, которые обычно не совпадают с именами соответствующих HTML-файлов. В частности, в приведенном примере роль начальной или домашней страницы играет страница Index, на которой размещены ссылки на многие другие страницы. Ее внешний вид представлен на рис. 6.6.

Для того, чтобы добавить в структуру логического узла новую страницу, надо вначале определить Parent Page (Страницу-родителя), щелкнув по ней указателем мыши. Затем выбирается в позиции меню File команда New и подкоманда Page (Страница). Новые страницы создаются со стандартными именами, поэтому их целесообразно переименовать таким образом, чтобы имена соответствовали назначению страницы. В частности, на рис. 6.7 представлена структура сайта с двумя дополнительными страницами. Первая из них подчинена странице что_такое, которая описывает особенности электронных изданий. Новая страница посвящена описанию форматов и носит имя Formats. Вторая – подчинена странице institute и носит название SecEdu, так как на ней описываются услуги, оказываемые в Институте Печати по получению второго высшего образования. На рис. 6.7 показана лишь часть интерфейса, точнее – фрагмент панели представления, который занят представлением структуры сайта.


Рис. 6.5. Интерфейс пакета MS FrontPage в режиме Navigation (Навигация)


Наряду с общей структурой сайта можно просмотреть и структуру гиперссылок на какой-либо странице сайта. Для этого отображается нужная страница, а затем на панели Views нажимается кнопка Hyperlinks. В частности, на рис. 6.8 показаны гиперсвязи лицевой страницы сайта – Index. И в этом случае представлена лишь часть панели представления, на которой размещаются гиперсвязи между страницами. Приведена также внешняя связь с сайтом фирмы Microsoft.

Если в процессе проектирования общей структуры сайта количество страниц настолько возрастет, что они не поместятся по ширине в панели представления, то можно будет использовать небольшую панель инструментов Navigation (Навигация), где имеется инструменты Zoom (Масштаб) и Portrait/Landscape (Книга/Альбом). Панель вызывается с помощью одноименной подкоманды View | Toolbars | Navigation команды Toolbars (см. рис. 6.3). Эти инструменты позволяют рационально разместить в пределах панели представления даже достаточно сложные структуры сайтов. Кстати, те страницы, которые в дальнейшем окажутся бесполезными, можно легко удалить. Для этого страница выделяется в режиме Navigation (панель представления в этом режиме показана на рис.6.5) и нажимается клавиша Del на клавиатуре компьютера.


Рис. 6.6. Внешний вид лицевой или домашней страницы сайта


Рис. 6.7. Структура сайта с двумя добавленными страницами


Рис. 6.8. Гиперссылки от лицевой страницы сайта


Следующий этап работы связан с оформлением отдельных Web-страниц. Для этого в панели Folder List (Список папок) выбирается одна из созданных страниц и разрабатывается ее дизайн теми же средствами, которые мы рассматривали при изучении HTML-редакторов, работающих в WYSIWYGрежиме. Можно использовать соответствующие инструменты и команды, чтобы поместить на страницу текст, графику, GIF-анимацию, различные звуковые и видеоэлементы. Желающим подробнее изучить и освоить работу в этом программном пакете можно рекомендовать литературные источники [28, 30].

6.2. Назначение и общая характеристика пакета Dreamweaver

Программный пакет Dreamweaver, как и FrontPage, предназначен для проектирования различных сайтов, в том числе и сайтов издательств, одной из задач которых является распространение электронных изданий. Он пригоден как для создания небольших, так и очень больших сайтов. В первом случае разработкой занимается единственный специалист – Web-мастер. В последнем случае над проектом работает целый коллектив, включающий администратора проекта, Web-дизайнера, HTML-верстальщика, Web-программиста, корректора, менеджера рассылок. Многие специалисты утверждают, что профессиональные Web-дизайнеры в своей работе чаще всего используют Adobe Photoshop для подготовки графики и Macromedia Dreamweaver – для дизайна отдельных Web-страниц. Знакомство с этим пакетом показывает, что это утверждение имеет под собой прочную основу. По обыкновению начнем изучение пакета с его интерфейса.

6.2.1. Интерфейс пакета Dreamweaver

Интерфейс пакета Dreamweaver 4.0 показан на рис. 6.9. Помимо строки заголовка, строки меню, панели инструментов и стандартного рабочего окна программы отметим наличие нескольких палитр, которые, как и в графических редакторах, размещаются в рабочем окне программы. Кстати, названия открытых 3 палитр Object (Объекты), Properties (Свойства) и Launcher (Загрузить) соответствуют первым трем командам меню Window (Окно).


Рис. 6.9. Интерфейс пакета Dreamweaver 4.0 с командами меню Window


Данный пакет интегрирован с точки зрения используемых технологий в группу программных продуктов фирмы Macromedia, которая завоевывает все более прочные позиции на рынке средств Web-дизайна. Другие программы этой группы: Macromedia Director и Flash – рассмотрены в следующих разделах этой главы. В совокупности они обеспечивают основные направления Web-дизайна, а каждая в отдельности специализирована в одном конкретном направлении.

Вначале изучения интерфейса Macromedia Dreamweaver 4.0 остановимся на палитре Object (Объекты), внешний вид которой представлен на рис. 6.10. Внешний вид палитры изменяется в зависимости от типа объекта, выбранного в раскрывающимся списке, расположенного в ее верхней части; таким образом палитру можно назвать адаптивной. По умолчанию в списке устанавливается раздел Common (Основные). На рис. 6.10 выбран именно этот вариант.


Рис. 6.10. Палитра Objects раздел Common


Эта палитра с помощью 16 различных инструментов позволяет включать в состав страницы различные элементы, в частности, по порядку расположения кнопок в палитре в направлении слева направо и сверху вниз: Image (Изображение), Rollover Image (Анимированную кнопку), внешний вид которой изменяется при подведении к ней курсора мыши, Table (Таблицу), Tabular Data (таблицу с занесенными в нее данными, подготовленными заранее в другом программном пакете), Draw Layer (Новый изобразительный слой), Navigation Bar (Навигационную панель со специальными кнопками для перемещения по сайту), Horizontal Rule (Горизонтальную линейку), E-mail Link (Ссылку на электронный адрес), Date (Текущую дату), Server-Side Include (Активизацию серверной стороны), Flash Button (Анимированную Flash-кнопку), Flash Text (Анимированный Flash-текст), Shockwave (Анимационный файл в Shockwave-формате), Generator (средства, делающие Web-страницы динамическими, в частности, апплеты и элементы ActiveX, объекты, воспроизводимые с помощью дополнительных модулей) и пр. (См. также разд. 2.9.)

Палитра Objects раздел Characters (Шрифтовые элементы) позволяет добавить на Web-страницы один из 12 различных специальных символов, в том числе: Line break (переход на новую строку), Copyright (знак авторского права), Trademark (зарегистрированный торговый знак), денежные знаки, в том числе, Pound (фунт стерлингов), Yen (иена), Euro (евро), а также Right & Left Quote (открывающие и закрывающие кавычки), Em-dush (тире) и другие знаки (рис. 6.11).

Палитра Objхects раздел Foхrms (Формы), показанная на рис. 6.12, служит для создания форм (см. разд. 2.8) и содержит следующие кнопки: Form (Форма), Text field (текстовое поле), Button (Кнопка), Checkbox и Radio Batton (Переключатели), List/menu (Список/меню), File field (Поле для передачи файлов) и Image field (Поле для передачи изображений), Hidden field (Скрытое поле) и Jump menu (Указатель гиперссылки для перехода на другой сайт).


Рис. 6.11. Палитра Objects раздел Characters


Рис. 6.12. Палитра Objects раздел Form


Отметим, что в нижней части всех палитр группы Object (Объект) предусмотрены поля Layout (Выравнивание) и View (Просмотр), которые позволяют наблюдать и управлять размещением объектов на Web-странице.

Палитра Objects раздел Frames (Фреймы) (рис. 6.13) позволяет с помощью соответствующей кнопки выбирать определенный вид фреймовой структуры страницы с двумя, тремя и четырьмя различным образом расположенными фреймами. Общее число вариантов размещения фреймов на Web-странице равно 8.


Рис. 6.13. Палитра Objects раздел Frames


Рис. 6.14. Палитра Objects раздел Head


Палитра Objects раздел Head (Заголовочная часть), показанная на рис. 6.14, позволяет добавлять в заголовочную часть HTML-документа соответствующие тэги и значения параметров, в том числе: Meta (тэги метаинформации) и Keywords (ключевые слова), Description (описание), Refresh (параметры обновления сайта), Base (значение базовой ссылки или ссылки по умолчанию), Links (ссылки для связей документов).

Палитра Objects раздел Invisibles (Невидимые объекты) (рис. 6.15) позволяет разместить на странице Named Anchor (закладки) (см. также разд. 4.2 и 4.3), Script (сноски) и Comment (комментарии) (см. разд. 2.5).


Рис. 6.15. Палитра Objects раздел Invisibles


Рис. 6.16. Палитра Objects раздел Special


Последний раздел, входящий в состав комплексной адаптивной палитры Objects (Объекты), носит название Special (Специальный). В ней, как показано на рис. 6.16, имеются 3 пиктограммы или кнопки, а именно: Applet (апплеты), Plugin (плагины) и ActiveX (элементы ActiveX).


Страницы книги >> Предыдущая | 1 2 3 4 5 6 7 8 9 10 11
  • 4.6 Оценок: 5

Правообладателям!

Данное произведение размещено по согласованию с ООО "ЛитРес" (20% исходного текста). Если размещение книги нарушает чьи-либо права, то сообщите об этом.

Читателям!

Оплатили, но не знаете что делать дальше?


Популярные книги за неделю


Рекомендации