Компьютерной верстки
 Скачать 4.39 Mb.
|
|
Печать. Откроется диалоговое окно Печать. 4. В поле Имя принтера выберите название принтера, с помощью которого хотите распечатать файл. 5. В разделе Страницы выберите Текущую страницу. 6. Убедитесь, что в разделе Число копий выбрано 1. 7. Щелкните на Печать. Страница будет напечатана на выбранном принтере. 8. Закройте публикацию. Подготовка веб-сайта средствами приложения Microsoft Office Publisher Общие сведения C помощью приложения Microsoft Office Publisher создадим веб-сайт, который соберет в себе все навыки работы с программой. Не смотря на то, что веб-сайт состоит из набора интернет-страничек, сначала публикацию нужно сохранять как файлы Publisher. Сохранять ее как веб-страницу необходимо уже по окончании работы над веб-сайтом. Связано это с тем, что файл Publisher сохраненный как веб-страница, невозможно отредактировать с помощью приложения Publisher. Создание веб-сайта из шаблона Программа Publisher позволяет создавать веб-сайты, состоящие из одной и более веб- страниц. 1. Запустите приложение Microsoft Office Publisher. 2. В открывшемся окне программы выберите тип публикации – Веб-узлы. 3. В списке шаблонов выберите понравившийся. 4. С правой стороны в разделе Параметры можно сразу выбрать цветовую и шрифтовую схему. 5. Нажмите кнопку Создать. 6. Появится диалоговое окно построителя веб-узлов, в котором нужно выбрать цели веб-сайта или, другими словами, количество веб-страниц сайта. Рисунок 27 Построитель веб-узлов 25 Совсем не обязательно ваши веб-страницы должны точно соответствовать выбранной цели. Например, такую цель, как продажа продуктов можно использовать для формирования на вашем сайте списка преподаваемых в школе предметов или список проектов заменить перечень олимпиадных задач по математике. 7. После формирования структуры сайта нажмите OK. 8. Откроется рабочее окно пустой публикации: Рисунок 28 Рабочее окно публикации 9. Обратите внимание на сформировавшееся навигационное меню, которое присутствует на каждой странице публикации. 10. Заполните «деловые данные». Для этого в пункте меню Вставка выберите команду Деловые данные. 11. В открывшемся диалоговом окне нажмите кнопку Создать. Если окно не появилось нажмите в области задач ссылку Изменить деловые данные (расположена в нижем левом углу окна программы). Рисунок 29 Создание «деловых данных» 12. Введите новые данные, для создаваемого веб-сайта. 13. В поле Имя набора деловых данных укажите новое имя. 14. Нажмите кнопку Сохранить. 15. Появится запрос на обновление публикации. 16. Нажмите кнопку Обновить публикацию. 17. Введенная вами информация будет размещена на веб-страницах сайта. 18. В левой части экрана располагается область задач Форматирование публикации. 26 19. Выберите раздел Цветовые схемы. 20. Выберите понравившийся вариант или создайте новую цветовую схему. 21. Выберите раздел Шрифтовые схемы. 22. Выберите один из вариантов шрифта или создайте собственный стиль. 23. Заполните страницы кратким текстом и заголовками (позже можно будет вернуться к заполнению страниц более подробным содержимым). 24. Переименуйте в навигационном меню названия веб-страниц в соответствии с тематикой вашего сайта (обратите внимание, что меню поменялось на всех страницах публикации). 25. В пункте меню Файл, выберите команду Сохранить как. Откроется диалоговое окно Сохранить как. 26. Выберите папку для сохранения публикации (например, Документы или Мои документы). 27. В поле Имя файла укажите имя (например, MySite). В именах файлов, которые размещаются в интернете, допускается использование символов латинского алфавита, цифр, символов «-» (дефис) и «_» (подчеркивание). Использование других символов (кириллицы, пробелов и т.д.) крайне не рекомендуется, т.к. это может привести к неработоспособности гиперссылок. 28. Щелкните на кнопке Сохранить. Вставка фона и звука Для установки нужного фона веб-страницы и добавления звуковых эффектов раскройте в области задач раздел Параметры страницы. Рисунок 30 Вставка фона и звука Для изменения фоновой заливки страниц сайта щелкните по ссылке Фоновая заливка и звук. Выберите понравившийся цвет и способ заливки. Если предложенные варианты не устраивают – щелкните по ссылке Дополнительные цвета. С помощью ссылки Дополнительные типы фона можно выбрать разные способы заливки, выбирая их на вкладках Градиентная, Текстура, Узор, Рисунок, Оттенок. Для размещения на сайте звуковых эффектов щелкните по ссылке Фоновая заливка и звук. Затем откройте ссылку Фоновый звук: 27 Рисунок 31 Выбор фонового звука Для вставки звука щелкните кнопку Обзор. Найдите и выберите нужный файл. Если необходимо, чтобы звуковой эффект был постоянным, выберите переключатель Бесконечный цикл. Если нужно, чтобы звук повторялся определенное число раз, выберите переключатель Цикл и введите количество повторов звукового файла. Щелкните ОК. Вставка дополнительных страниц 1. В пункте меню Вставка выберите Страница. 2. В окне со списком типов страниц выберите нужный. 3. Убедитесь, что выбран переключатель Добавить гиперссылку на панели навигации. 4. Щелкните ОК. 5. Обратите внимание, что последним пунктом навигационного меню добавилась ссылка на новую страницу. 6. Поменяем последовательность ссылок меню. 7. Щелкните мышью в любом месте навигационного меню. 8. В пункте меню Формат выберите Свойства панели переходов. Рисунок 32 Свойства панели навигации 9. Выделите в списке пункт, которому нужно поменять положение в навигационном меню. 10. Переместите выбранный пункт по списку с помощью кнопок Вверх или Вниз. 11. Щелкните ОК. 12. Сохраните документ с помощью команды Сохранить из пункта меню Файл. 28 Вставка таблицы 1. Для добавления таблицы щелкните кнопку Вставить таблицу на панели объектов. 2. Обведите мышкой область на странице, где планируется поместить таблицу. 3. Откроется диалоговое окно Создание таблицы: Рисунок 33 Создание таблицы 4. Укажите число строк и столбцов. 5. Выберите нужный Формат таблицы. 6. Щелкните ОК. 7. Введите данные в ячейки таблицы. Создание гиперссылок С помощью гиперссылок можно связывать страницы между собой или с другими сайтами в интернете. Гиперссылки можно добавить с текстовых объектов или любых других объектов на странице (например, к целому рисунку или к его части). Создание гиперссылки на другую страницу веб-сайта 1. Перейдите на первую страницу своего сайта, щелкнув кнопку 2. Щелкните по изображению или выделите текст, т.е. по тому объекту, который вы хотите сделать гиперссылкой на другую страницу веб-сайта. 3. В пункте меню Вставка выберите Гиперссылка. 4. Откроется диалоговое окно Вставка гиперссылки: Рисунок 34 Вставка гиперссылки 5. В списке Связать с выберите местом в документе. 6. В появившемся списке Выберите место в документе укажите страницу, на которую вы хотите сделать переход с гиперссылки. 29 7. Щелкните ОК. Создание ссылок на ресурс интернета Создание гиперссылки на веб-адрес интернет-сайта происходит точно так же, как и на страницу сайта. 1. Щелкните по изображению или выделите текст, который вы хотите сделать гиперссылкой на веб-сайт интернета. 2. В пункте меню Вставка выберите Гиперссылка. 3. Откроется диалоговое окно Вставка гиперссылки: Рисунок 35 Вставка гиперссылки 4. В списке Связать с выберите файлом, веб-страницей. 5. В поле Адрес укажите адрес веб-сайта (например, http://cie.ifmo.ru). 6. Щелкните ОК. Использование инструмента Острие Для создания гиперссылки c части объекта (например, фрагмент картинки) можно использовать инструмент Острие. 1. Щелкните кнопку Острие на панели объектов. 2. Выделите нужный фрагмент изображения. 3. В диалоговом окне Добавление гиперссылки создайте гиперссылку на ресурс интернета, файл или другую страницу своего сайта. 4. Щелкните ОК. Создание гиперссылки на адрес электронной почты 1. Щелкните по изображению или выделите текст, который вы хотите сделать гиперссылкой на адрес электронной почты. 2. В пункте меню Вставка выберите Гиперссылка. 3. Откроется диалоговое окно Вставка гиперссылки: 30 Рисунок 36 Вставка гиперссылки 4. В списке Связать с выберите электронной почтой. 5. В поле Адрес эл.почты укажите адрес. 6. Щелкните ОК. Использование режима Проверка макета Приложение Microsoft Office Publisher проверяет дизайн веб-страницы и сообщает о следующих ошибках: текстовое поле, внутри которого нет текста; текст, выходящий за границы текстового поля; рисунок, выходящий за края веб-страницы; пустое пространство вверху веб-страницы; страницы, не связанные гиперссылками с другими; и др. Для работы в режиме проверки макета необходимо выполнить следующие действия: 1. В пункте меню Сервис выбрать команду Проверка макета. Рисунок 37 Проверка макета 2. Появится диалоговое окно Идет работа…. Дождитесь окончания проверки. 3. Программа Publisher проверит дизайн веб-страницы и в области задач откроет раздел Проверка макета. Если проблем не будет обнаружено, появится сообщение Проверка макета закончена. В этом случае щелкните ОК. 31 Рисунок 38 Сообщения об ошибках 4. Если ошибка непонятна, наведите на нее и щелкните по появившейся стрелке вниз, а затем выберите Объяснить…. При этом откроется справка Microsoft Office Publisher. Рисунок 39 Вызов пояснения к ошибке 5. Для исправления ошибки наведите на нее и щелкните по появившейся стрелке вниз, а затем выберите пункт исправления или самостоятельно (в случае, когда Автоматическое исправление невозможно) внесите изменения, которые исправят ошибку. 6. Если не хотите исправлять ошибку, в выпадающем списке выберите Больше не выполнять эту проверку. Предварительный просмотр веб-сайта Перед финальным сохранением и подготовкой к размещению сайта в интернете крайне желательно просмотреть, как сайт «работает», т.е. все ли картинки отображаются и все ли гиперссылки работают правильно. 1. В пункте меню Файл выберите команду Просмотр веб-страницы. 32 Рисунок 40 Просмотр веб-страницы 2. Откроется веб-обозреватель, установленный на компьютере (Internet Explorer или Mozilla Firefox или Opera). 3. Проверьте гиперссылки, чтобы убедиться, что они работают правильно. 4. Проверьте отображение самих страниц сайта. Сохранение веб-сайта Перед размещением сайта в интернете необходимо сохранить сайт в двух форматах. Сперва созданную публикацию нужно сохранить в формате Publisher. Это позволит в будущем редактировать сайт и вносить необходимые изменения в его содержимое. После публикацию нужно сохранить как веб-страницу. Программа Publisher переводит все страницы публикации в формат HTML и помещает зависимые файлы (например, изображения) в специальную папку. Сохранение работы как файла Publisher 1. В пункте меню Файл, выберите команду Сохранить как. Откроется диалоговое окно Сохранить как. 2. Выберите папку для сохранения публикации (например, Документы или Мои документы). 3. В поле Имя файла укажите имя. 4. Проверьте, чтобы в поле Тип файла было выбрано Файлы Publisher. 5. Щелкните на кнопке Сохранить. В именах файлов, которые размещаются в интернете, допускается использование символов латинского алфавита, цифр, символов «-» (дефис) и «_» (подчеркивание). Использование других символов (кириллицы, пробелов и т.д.) крайне не рекомендуется, т.к. это может привести к неработоспособности гиперссылок. Сохранение работы как веб-страницы Перед тем как сохранить сайт как веб-страницу, убедитесь, что публикация сохранена в формате Publisher. Это важно, т.к. документ в формате HTML нельзя редактировать с помощью программы Publisher. 1. В пункте меню Файл, выберите команду Сохранить как. Откроется диалоговое окно Сохранить как. 2. Выберите папку для сохранения публикации (например, Документы или Мои документы). 33 3. В поле Имя файла укажите имя. 4. В поле Тип файла выберите Веб-страница с фильтром. 5. Щелкните на кнопке Сохранить. При выборе типа файла Веб-страница с фильтром рядом с сохраняемым файлом создается папка, в которой будут размещены все необходимые для корректного отображения сайта документы. Задания для практической работы 1. Создайте информационный бюллетень «Памятка первокласснику». 2. Создайте информационный бюллетень «Мой предмет». 3. Создайте свою визитную карточку. 4. Создайте поздравительную открытку «С Новым Годом!» и сохраните ее как шаблон. 5. На основе сохраненного шаблона создайте открытку «С Рождеством!». 6. Создайте объявление для родителей и подготовьте его к печати плашечными цветами. 7. Создайте объявление для выпускников и подготовьте его к печати триадными красками. 8. Подготовьте веб-сайт на свободную тему (тематику и наполнение сайта обсудите с преподавателем). Рабочее пространство и инструменты программы Adobe Indesign CS5 Запуск программы Запуск программы осуществляется через главное меню Windows (кнопка Пуск), выбрать Программы (или Все программы), затем папка Adobe CS5. В отрывшемся списке программ выбрать Adobe Indesign CS5. После запуска программы откроется окно, содержащее приглашение к работе и возможность выбрать один из вариантов работы с документами. После выбора одного из вариантов и задания начальных настроек появляется возможность работы с документом и будет дан доступ к панелям рабочего пространства. Рабочее пространство Для создания и управления документами и файлами используются такие элементы интерфейса, как палитры, панели и окна. Любое расположение этих элементов называется рабочим пространством. 34 Рисунок 41 Рабочее пространство по умолчанию А – Окно документа, Б – Группа палитр, свернутых в значки, В – Панель заголовка палитры, Г – Строка меню, Д – Панель параметров, Е – Палитра инструментов, Ж – Кнопка "Свернуть в значки", З – Три группы палитр (панелей), закрепленные вертикально. Настройка рабочего пространства Пользовательское рабочее пространство создается путем перемещения панелей и управления ими. Рисунок 42 Рабочее пространство по умолчанию Зона перетаскивания, обозначенная узкой синей линией, означает, что палитра будет закреплена сама по себе над группой панелей "Слои". А – Панель заголовка, Б – Табуляция, В – Зона перетаскивания. 35 Закрепление и открепление панелей Для закрепления панели перетащите ее за вкладку в стыковку и поместите сверху или снизу от других панелей либо между ними. Чтобы закрепить группу панелей, перетащите ее в стыковку за панель заголовка группы (пустую одноцветную полосу над вкладками). Чтобы удалить панель или группу панелей, перетащите ее из области стыковки за вкладку или панель заголовка. Можно перетащить ее в другую стыковку или сделать плавающей. При перетаскивании в новую стыковку палитра "Навигатор" выделяется синей вертикальной подсветкой. Добавление, удаление стыковок и панелей Если из стыковки удалить все панели, то стыковка исчезнет. Новые стыковки создаются путем перемещения панелей в зоны перетаскивания, расположенные рядом с существующими стыковками, или на край рабочего пространства. Чтобы удалить панель, щелкните значок Закрыть (символ "Х" в правом верхнем углу вкладки) либо отмените ее выбор в меню Окно. Чтобы добавить панель, выберите ее в меню Окно и закрепите в нужном месте. Чтобы добавить панель в группу, перетащите вкладку этой панели на выделенную зону перетаскивания, расположенную в верхней части группы. Рисунок 43 Добавление панели в группу Обзор палитры "Управление" Палитра "Управление" ("Окно" > "Управление") открывает быстрый доступ к параметрам, командам и другим палитрам, относящимся к выбранному на текущей странице объекту или элементу. По умолчанию она размещена в верхней части окна документа, однако ее можно переместить в нижнюю часть окна, превратить в плавающую палитру или скрыть. Набор параметров, отображаемых в палитре "Управление", изменяется в зависимости от типа выбранного объекта. Если выбран фрейм, в палитре будут отображены параметры для изменения его позиции, размера, наклона, поворота и применения стиля. Если же выбран текст, находящийся внутри фрейма, в палитре "Управление" отображаются параметры символов или абзаца. Кнопка в левой части палитры "Управление" позволяет переключать отображение параметров символов и абзацев. Палитра "Управление" может содержать и дополнительные параметры, если размеры и разрешение монитора позволяют это. Например, если выбрать параметры "Средства форматирования символов", то будут показаны все параметры символов, а также некоторые параметры абзаца (в правой части палитры 36 "Управление"). Если выбрать параметры "Средства форматирования абзацев", то будут показаны все параметры абзаца, а справа – некоторые параметры символов. Если выбрать ячейку таблицы, палитра "Управление" отобразит параметры настройки размеров строк и столбцов, объединения ячеек, выравнивания текста и добавления обводки. |