Шрифт:
Перед стандартным инструментом Insert Table (Вставить таблицу) находится кнопка Insert Component (Вставить компонент), а расположенный слева на этой кнопке черный треугольник показывает наличие нескольких вариантов этого инструмента. Все они становятся доступными при нажатии кнопки. Соответствующие возможности вставки компонентов иллюстрируются данными, представленными на рис. 6.2. В качестве простых примеров можно указать вставку Marquee (Бегущая строка), Сonfirmation Field (Поле подтверждения) и Table of Contents (Содержание).
На том же рис. 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 (Таблицы). Эта панель объединяет инструменты, предназначенные для создания и работы с таблицами.Панель Pictures (Рисование) значительно отличается от аналогичной в пакете MS Word 2000. Это подтверждает даже простое перечисление используемых в ней инструментов. На рис. 6.4 активизирован рисунок на Web-странице, в результате чего активными стали инструменты панели Pictures (Рисование), которая размещена в нижней части рабочего окна пакета. Первый инструмент дублирует имеющийся в панели Стандартные кнопку Insert Picture from File (Вставить рисунок из файла). Нажатие его приводит к появлению диалогового окна, в котором и осуществляется выбор графического файла.
Следующий инструмент 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 показана лишь часть интерфейса, точнее – фрагмент панели представления, который занят представлением структуры сайта.Наряду с общей структурой сайта можно просмотреть и структуру гиперссылок на какой-либо странице сайта. Для этого отображается нужная страница, а затем на панели Views нажимается кнопка Hyperlinks . В частности, на рис. 6.8 показаны гиперсвязи лицевой страницы сайта – Index . И в этом случае представлена лишь часть панели представления, на которой размещаются гиперсвязи между страницами. Приведена также внешняя связь с сайтом фирмы Microsoft. Если в процессе проектирования общей структуры сайта количество страниц настолько возрастет, что они не поместятся по ширине в панели представления, то можно будет использовать небольшую панель инструментов Navigation (Навигация), где имеется инструменты Zoom (Масштаб) и Portrait/Landscape (Книга/Альбом). Панель вызывается с помощью одноименной подкоманды View | Toolbars | Navigation команды Toolbars (см. рис. 6.3). Эти инструменты позволяют рационально разместить в пределах панели представления даже достаточно сложные структуры сайтов. Кстати, те страницы, которые в дальнейшем окажутся бесполезными, можно легко удалить. Для этого страница выделяется в режиме Navigation (панель представления в этом режиме показана на рис.6.5) и нажимается клавиша Del на клавиатуре компьютера.
Следующий этап работы связан с оформлением отдельных 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 (Окно).