- •Практическая работа 17. CorelDraw и Web
- •Термины World Wide Web
- •Заголовок Web-страницы
- •Добавление текста в Web-страницу
- •Выход в Web без обозревателя
- •Добавление графики в Web-страницу
- •Создание rollover-графики
- •Форматы jpeg и gif
- •Экспорт rollover-графики
- •Оптимизация изображений для Web
- •Гиперссылки и закладки
- •Создание закладок и ссылок
Практическая работа 17. CorelDraw и Web
Цель: Раскрыть основы создания Web-страниц. Познакомить с выполнением следующих операций:
• изменение параметров по умолчанию для линейки и разрешения, а также загрузка цветовых палитр обозревателя, в качестве подготовки к созданию Web-страницы;
• добавление текста и графики в страницу;
• создание rollover-графики;
• оптимизация графики для отображения в Web;
• добавление закладок и гиперссылок;
• преобразование страниц документа в Web-страницы.
Работу в World Wide Web можно сравнить с поездом, который делает остановки в каждом доме с телефонной линией, модемом и компьютером. И вот многие люди ежедневно садятся в «Internet-экспресс», чтобы «проехать» по сети или создать свои Web-страницы. Один из способов начать создавать свои собственные Web-страницы - использование Internet-средств CorelDraw 11 (отдельная программа Web-дизайна уже не потребуется).
Термины World Wide Web
Перечислим основные термины, использующиеся в Глобальной сети.
Альтернативный текст (Alternate text). Появляется в том месте экрана, где после полной загрузки страницы должно находиться графическое изображение. Обычно в этом тексте сообщается название будущего рисунка или имя исходного графического файла. В некоторых случаях Web-графика может быть очень велика и текст позволяет пользователю понять, нужно ли дожидаться загрузки изображения.
Обозреватель (Browser). Программа, которая декодирует информацию с Web-страниц для просмотра на экране компьютера. Самые популярные обозреватели -Microsoft Internet Explorer и Netscape Navigator (рис. 17.1).
Язык HTML (HyperText Markup Language). Стандартный язык для создания Web-страниц.
Гиперссылка (link, hyperlink). Текст или графика на Web-странице, щелкнув по которой можно перейти к другому Web-узлу, либо к другой странице в пределах данного узла, либо к другому участку этой же страницы (рис. 17.2).
Карта (map). URL, назначенный рисунку или текстовой строке, создающий ссылку на другой узел или страницу.
Унифицированный указатель информационного ресурса (URL - Uniform Resource Locator). Адрес Web-страницы, например http://www.bearhome.com. Чтобы просмотреть Web-страницу, нужно ввести ее URL в поле Address (Адрес) обозревателя (рис. 17.3)
Web-сервер (Web-server). Компьютер, подключенный к Web, который обслуживает Web-страницы и предоставляет их пользователям для просмотра. Если пользователь щелкает по ссылке на Web-страницу, которая доступна на каком-то конкретном сервере, данные передаются с сервера через Internet на компьютер этого пользователя.
World Wide Web (Всемирная паутина). Международная система, связывающая текстовые, графические и мультимедиа-документы в сети Internet.
Web-настройки CorelDraw
Так как Web является визуальным средством, то настройки CorelDraw должны соответствовать параметрам Web-обозревателя, отображаемого на экране компьютера, а не на печатной странице. Для монитора в качестве единицы измерения используются пикселы, а разрешение экрана составляет 72 или 96 точек на дюйм (dots per inch - dpi). (Точка эквивалентна пикселу.) Также важно использовать только оптимизированные для Web цвета, которые хорошо отображаются в обозревателях.
Чтобы изменить единицу измерения линеек и установить разрешение:
Щелкните правой клавишей мыши по линейке и из появляющегося контекстного меню выберите команду Ruler Setup (Настройка линейки).
В разделе Units (Единицы) диалогового окна Options (Параметры) выберите элемент pixels (пикселы) в раскрывающемся списке Horizontal (Горизонтальная) -рис. 17.4.
Установите флажок Same units for Horizontal and Vertical rulers (Одинаковые единицы для горизонтальной и вертикальной линеек).
Нажмите на кнопку Resolution (Разрешение). Появится диалоговое окно Edit Pixel Resolution (Редактирование разрешения) -рис. 17.5.
Убедитесь, что флажок Identical values
(Одинаковые значения) установлен, и в поле Horizontal (Горизонтальное) укажите значение 72.
Нажмите на кнопку ОК, чтобы вернуться в диалоговое окно Options.
Еще раз нажмите ОК. Единица измерения для линеек изменится на пикселы.
Чтобы открыть цветовую палитру Web-safe Colors (Оптимизированные для Web цвета), выполните команду меню Window / Color Palettes / Web-safe Colors (Окно / Цветовые палитры / Оптимизированные для Web цвета) - рис. 17.6.
Справка по работе с Internet Explorer
Чтобы получить сведения о работе Internet Explorer , воспользуйтесь книгами из серии Visual QuickStart Guide (Быстрый старт); Internet Explorer for Macintosh и Internet Explorer for Windows. Обе книги также содержат подробные описания Outlook Express -программы фирмы Microsoft для работы с электронной почтой.
Добавление фона страницы
Разработку Web-страницы хорошо начать с добавления фонового цвета или рисунка. Изображения, используемые в качестве фона Web-страницы, обычно располагаются каскадом: в этом случае копии одного изображения, становясь вплотную друг к другу, заполняют собой всю страницу.
Чтобы выбрать в качестве фона цвет или рисунок:
Выполните команду меню Tools О Options (Инструменты О Параметры) или нажмите клавиши "Н'-М. Появится диалоговое окно Options (Параметры).
Откройте раздел Document / Page / Background (Документ / Страница / Фон).
Установите флажок Print and Export Background (Печать и экспорт фона).
Чтобы использовать в качестве фона сплошной цвет, установите переключатель Solid (Сплошной) и выберите цвет из раскрывающейся палитры (рис. 17.7) или чтобы использовать в качестве фона рисунок, установите переключатель Bitmap (Растровый рисунок) и нажмите кнопку Browse (Обзор). В диалоговом окне Import (Импорт) - рис. 17.8 - перейдите к папке с нужным изображением и нажмите кнопку Open (Открыть). В разделе Source (Источник) диалогового окна Options (Параметры) установите флажок Embedded (Встроенный).
Нажмите ОК, чтобы закрыть диалоговое окно Options (Опции). Страница будет либо заполнена изображением, расположенным каскадом, либо залита однородным цветом (рис. 17.9).
Во время разработки Web-страниц имеет смысл временно убрать с экрана все другие цветовые палитры, чтобы по ошибке не воспользоваться ими.
На компакт-диске CorelDraw Disck в папке Webart можно найти дополнительные фоновые рисунки.
В качестве фона не следует выбирать пестрый рисунок, так как он будет мешать чтению текста.