Реферат: Web-Дизайн и программы для создания web-страниц

Содержание

 TOC o «1-3» Вступление______________________________________________________ PAGEREF _Toc511993902 h 2

1. World Wide Web_________________________________________________ PAGEREF _Toc511993903 h 3

1.1 Распространение Internet______________________________________ PAGEREF _Toc511993904 h 3

1.2. Концепция WWW____________________________________________ PAGEREF _Toc511993905 h 4

2.Создание Web-страницы с помощью языка HTML_____________________ PAGEREF _Toc511993906 h 6

2.1 Язык HTML_________________________________________________ PAGEREF _Toc511993907 h 6

2.2. Структура HTMLдокумента___________________________________ PAGEREF _Toc511993908 h 7

2.3 Форматирование текста_______________________________________ PAGEREF _Toc511993909 h 9

3. Программыдля создания Web-страниц____________________________ PAGEREF _Toc511993910 h 13

3.1 HTML-редакторы____________________________________________ PAGEREF _Toc511993911 h 13

3.2 Графические редакторы______________________________________ PAGEREF _Toc511993912 h 16

А) Редакторы растровойграфики__________________________________ PAGEREF _Toc511993913 h 18

B) Редакторы векторнойграфики__________________________________ PAGEREF _Toc511993914 h 20

4. Создание WEB-страниц вWORD'97_______________________________ PAGEREF _Toc511993915 h 22

4.1 Способы созданияWEB-страниц в WORD'97____________________ PAGEREF _Toc511993916 h 22

4.2 Создание маркированных инумерованных списков______________ PAGEREF _Toc511993917 h 22

4.3 Горизонтальные линии_______________________________________ PAGEREF _Toc511993918 h 23

4.4 Добавление фона____________________________________________ PAGEREF _Toc511993919 h 23

4.5 Работа с таблицами__________________________________________ PAGEREF _Toc511993920 h 23

4.6 Работа с рисунками__________________________________________ PAGEREF _Toc511993921 h 24

4.7 Создание гиперссылок_______________________________________ PAGEREF _Toc511993922 h 24

4.8 Вставка видеозаписи вWeb-страницу___________________________ PAGEREF _Toc511993923 h 25

Выводы_________________________________________________________ PAGEREF _Toc511993924 h 26

Список используемойлитературы_________ PAGEREF _Toc511993925 h Ошибка! Закладка не определена.

Вступление

World Wide Web – глобальнаякомпьютерная сеть на сегодняшний день содержит миллионы сайтов, на которых размещена всевозможная информация. Людиполучают доступ к этой информации посредством использования технологии Internet.Для навигации в WWWиспользуются специальные программы – Web-браузеры, которые существенно облегчают путешествие побескрайним просторам WWW. Вся информация в Web-браузере отображается в виде Web-страниц, которые являются основным элементом байтов WWW.

Web-страницы, поддерживаятехнологию мультимедиа, объединяют в себе различные виды информации: текст,графику, звук, анимацию и видео. От того, насколько качественно и красивосделана та или иная Web-страница,зависит во многом ее успех в Сети.

Пользователюприятно посещать те Web-страницы,которые имеют стильное оформление, не отягощены чрезмерно графикой и анимацией,быстро загружаются и правильно отображаются в окне Web-браузера.

СоздатьWeb-страницу непросто, нонаверно каждый человек хотел бы попробовать себя в роли дизайнера. И я, вданном случае, не являюсь исключением, потому и выбрала такую тему для своейкурсовой работы.

Всвоей курсовой работе я сделала попытку разобраться в том, что необходимо знатьи уметь для создания Web-страницы,какое программное обеспечение является инструментарием создания Web-страниц и как его эффективно использовать.

Такжев данной работе мною рассмотрены основы языка программирования Web-страниц – HTML, которыйявляется общепринятым стандартом WWW. Этодаст нам возможность ознакомитьсясо структура Web-страницы и приемами ее правильного оформления.

1.<span Times New Roman"">    World Wide Web1.1РаспространениеInternet

Internet- это самая большая мировая компьютерная сеть. Теперь Internet имеетприблизительно 150 миллионов пользователей более чем в 50 странах. WWW доступенв основном через Internet; но говоряWWW и Internet мы  подразумеваем не одно и то же. WWW можно отнести квнутреннему содержанию, то есть этокакой-либо абстрактный мир знаний, вто время как Internet является внешней сторонойглобальной сети в виде огромногоколичества кабелей и компьютеров.

<img src="/cache/referats/4684/image001.gif" v:shapes="_x0000_i1025">

Рис. 1

Нарис.1 страны, обозначенные черным цветом, имеют связь по Internet. Количестволюдей, которые имеют такой доступ, в этих странах становится все большее ибольшее. Страны, обозначенные белым цветоммогут работать по e-mail, в локальных сетяхили не имеют ничего подобного вообще.

1.2.Концепция WWW

Такчто же такое World Wide Web,  или, какговорят в просторечии, WWW, the Web,  илиеще более простое — 3W? WWW — это распределенная информационная системамультимедиа, основанная на гипертексте. Давайте разберем это определение попорядку.

Распределенная информационнаясистема: информация сохраняется на огромном великом множестве так называемых WWW-серверов (servers). То естькомпьютеров, на которые установленное специальное программное обеспечение икоторое объединенные в сеть Internet. Пользователи, которые имеют доступ ксети, получают эту информацию с помощью программ-клиентов, программ просмотраWWW-документов. При этом программа просмотрапосылает по компьютерной сети запрос серверу, который сохраняет файл снеобходимым документом. В ответ на запрос сервер высылает программепросмотра этот необходимый файл или сообщениеоб отказе, если файл по тем или инымпричинам недоступен. Взаимодействиеклиент-сервер происходит поопределенным правилам, или, как говорят иначе, протоколам. Протокол, принятый вWWW, называется HyperText Transfer Protocol, сокращенно — HTTP.

Мультимедиа: информация включает в себя не только текст, но и двух-и трехмерную графику, видео и звук.

Гипертекст: информацияв WWW представляется в виде документов, любой изкоторых может содержать как внутренниеперекрестные ссылки, так и ссылку на другие документы, которыесохраняются на том же самом или на любом другом сервере.

Такие ссылки называют гиперссылками илигиперсвязями. На экране компьютера в окне программы просмотра ссылки выглядяткак выделенные каким-нибудь образом (например, другим цветом и/илиподчеркиванием) участка текста или графики. Выбирая гиперссылки, пользовательпрограммы просмотра может быстро перемещаться от одной части документа кдругой, или же от одного документа к другому. При необходимости программапросмотра автоматически связывается с соответствующим сервером в сети изапрашивает документ, на который сделанна ссылка. Кстати, идея гипертекстовогопредставления информации должна уже быть хорошо знакома пользователям разныхверсий системы Microsoft Windows. Именно по этому принципу построенна в Windowsсистема подсказок (Help), с той лишь разницей, что гипертекстовая системаподсказок Windows не является распределенной.

Итак,Web-страница может содержатьстилизованный и форматований текст, графику и гиперсвязи с разными ресурсамиInternet. Чтобы реализовать все эти возможности, был разработанный специальныйязык, названная HyperText Markup Language (HTML), то есть, Язык РазметкиГипертекста. Документ, написанный на HTML, представляет собой текстовый файл,который содержит собственно текст, несущий информацию читателю, и флагиразметки. Последние представляют собой определенные последовательностисимволов, которые являются инструкциями для программы просмотра; в соответствиис этими инструкциями программа располагает текст на экране, включает в негорисунки, которые сохраняются в отдельных графических файлах, и формируетгиперсвязи с другими документами или ресурсами Internet. Таким образом, файл наязыке HTML приобретает вид WWW-документа только тогда, когда онинтерпретируется программой просмотра. Об языке HTML будет детально рассказанов следующем разделе, поскольку без знания основ этого языка невозможно создать Web-страницу  дляпубликации в WWW.

2. Создание Web-страницы с помощью языка HTML2.1Язык HTML

Web-страницы могут существовать в любом формате, но вкачестве стандарта принят Hyper TextMarkup Language — язык разметки гипертекстов, предназначенный для созданияформатированного текста, насыщенного изображениями, звуком, анимацией,видеоклипами и гипертекстовыми ссылками на другие документы, разбросанные какпо всему Web-пространству,так и находящиеся на этом же сервере или являющиеся составной частью этого жеВеб-проекта.

Можноработать на Web без знания языка HTML, поскольку тексты HTML могут создаватьсяразными специальными редакторами и конвертерами. Но писать непосредственно наHTML нетрудно. Возможно, это даже легче, чем изучать HTML-редактор иликонвертер, которые часто ограничены в своих возможностях, содержат ошибки илипроводят плохой HTML код, который не работает на разных платформах.

Язык HTML существует в нескольких вариантах и продолжаетразвиваться, но конструкции HTML скорее всего будут использоваться и вдальнейшем.Изучая HTML и познавая его глубже, создавая документ вначале изучения HTML и расширяя его насколько это возможно, мы имеемвозможность создавать Web-страницы,которые могут быть просмотрены многимиброузерами Web,  как сейчас, так и вбудущем. Это не исключает возможности использования других методов, например,метод расширенных возможностей, который предоставляется Netscape Navigator,Internet Explorer или некоторыми другими программами.

Работапо HTML — это способ усвоить особенности создания документов встандартизированном языке, используя расширения, только если это действительнонеобходимо.

HTMLбыл ратифицирован World Wide Web Consortium. Он поддерживается несколькими широко распространенными броузерами, и, возможно, станет основаниемпочти всего программного обеспечения, которое имеет отношение к Web.

2.2. Структура HTML документа

Поскольку HTML-документы записываются в ASCII-формате, то дляее создания можетиспользован любой текстовыйредактор.

ОбычноHTML-документ — это файл с расширением .html или .htm, в котором текст размеченHTML-тегами (англ. tag -  специальные встроенные указания). СредствамиHTML задаются синтаксис и размещение тегов, в соответствии с которыми браузеротображает содержимое Веб-документа. Текст самих тегов Веб-браузером неотображается.

 Все тегиначинаются символом '<' и заканчиваются символом '>'. Обычно имеется паратегов — стартовый (открывающий) и завершающий (закрывающий) тег (похоже на открывающиесяи закрывающиеся скобки в математике), между которыми помещается размечаемаяинформация:

Информация

Здесь стартовым тегом является тег

, а завершающим —

. Завершающий тег отличатсяот стартового лишь тем, что у него перед текстом в скобках <> стоитсимвол '/' (слэш).

Браузер, читающий HTML-документ, отображает его в окне,используя структуру HTML-тегов. В каждом HTML-документе должны присутствоватьтри главных части:

A) Объявление HTML;
B) Заголовачнаячасть;
C) Тело документа.

 A) ОбъявлениеHTML

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



.
.
.

B)Заголовочная часть.

и . Между этими тегамирасполагается информация о документе (название, ключевые слова для поиска,описание и т.д.). Однако наиболее важным является название документа, котороемы видим в верхней строке окна браузера и в списках «Избранное(BookMark)». Специальные программы-спайдеры поисковых систем используютназвание документа для построения своих баз данных. Для того чтобы датьназвание своему HTML-документу текст помещается между тегами и .



Моя первая страница

C)Телодокумента.

Третьей главной частью документа является его тело.Оно следует сразу за заголовком и находится между тегами и .Первый из них должен стоять сразу после тега , а второй — перед тегом

. ТелоHTML-документа — это место, куда автор помещает информацию,отформатированную средствами HTML.




Моя первая страница




Теперь мы можем написать HTML-код нашей странички:



Моя первая страница



Здесь будут мои страницы!


2.3 Форматирование текста

В разделе BODY все символы табуляции и конца строкбраузером игнорируются и никак не влияют на отображение страницы. Поэтомуперевод строки в исходном тексте HTML-документа не приведет к началу новойстроки в отображаемом обозревателем тексте при отсутствии специальных тегов.Это правило очень важно помнить и не забывать ставить разделяющие строки теги,иначе у текста не будет абзацев, и он станет нечитаемым.

Для начала новой строки используется тег
(сокр. от англ. break — прервать). Этот тег приводит к отображению браузеромдальнейшего текста с начала следующей строки. Закрывающий для него тег неиспользуется. Он удобен, если требуется с какого-то места писать с новой строкибез начала нового абзаца, например, в стихотворении. Повторное его использованиепозволяет вставить одну или несколько пустых строк, отодвинув следующийфрагмент страницы вниз.

Сплошной текст без промежутков читается не оченьлегко, его неудобно просматривать и находить нужные места. Разбитый на абзацы,текст воспринимается гораздо быстрее. Для начала нового абзаца используется тег

(англ. paragraph — абзац). Этот тег, кроме начала новой строки,вставляет одну пустую строку. Но многократное повторение

, в отличиеот
, не приведет к появлению нескольких пустых строк, останется всета же одна пустая строка.

Внутри скобок тега кроме его названия могутразмещаться также атрибуты (англ. atributes — атрибуты). Они отделяются отназвания и между собой пробелами (одним или несколькими), а пишутся в виде имя_атрибута=«значение». Если значение не содержит пробелов, то кавычкимогут быть опущены, но так делать не рекомендуется. Тег

можетсодержать атрибут ALIGN, определяющий выравнивание абзаца. По умолчанию абзацвыравнен влево ALIGN=«left». Возможны также выравнивания вправоALIGN=«right» и по центру ALIGN=«center». При использованииатрибутов, после форматируемого текста следует использовать закрывающий тег

. Если его нет, то новый тег

означает закрытие предыдущего,соответственно вложенные

невозможны. Выравнить текст по центрувозможно также тегом .

Теперь мы можем поместить на нашу Web-страницу некоторый текст с различным выравниванием:




Моя первая страница




Здесь будут мои личные страницы!

На них Вы сможете найти:
— рассказ обо мне и омоих увлечениях;
— мои фотографии.

С одной из моих страниц можно будет
отправить мнеэлектронное письмо.






Кроме использования этих тегов, для разрыва строквозможно использование символов конца строк и табуляций в самом HTML-документе.Для этих целей существует тег . Весь текст, помещенный между тегамии будет выводиться без изменений, то есть со всемиконцами строк и табуляциями.

Например:

Это текстнаписан
в две строки.

В HTML-документе, кроме текста, могут содержатьсягоризонтальные разделительные линии. Они, как и текст, не требуют никакихвнешних файлов. Тег выведет горизонтальную линию единичной толщинывдоль всей ширины страницы. Горизонтальная разделительная линия всегда приводитк разрыву строки, но пустых строк между линией и текстом не появляется. Тегможнт содержать несколько атрибутов. и дают контурную линию с трехмерным эффектом углубления. даетсплошную черную линию. Линия может не простираться во всю ширину страницы, асоставлять лишь некоторую часть. Атрибут WIDTH задает ширину линии, в процентахот ширины всей страницы или в пикселах. Например, 50% — половина шириныстраницы, 400 — ширина в 400 пикселов. Атрибут ALIGN может принимать значения,аналогичные его значениям для тега

, но выравнивание по умолчанию — поцентру. Атрибут SIZE задает толщину линии в пикселах от 1 до 175; по умолчанию1, но если , (линия — контурная), то добавляется толщина,необходимая для трехмерного эффекта углубления.

Линии, наряду с абзацами, позволяют выделитьлогические фрагменты текста. Но большое количество горизонтальных линийнеприятно для посетителя вашей Веб-страницы, поэтому после каждого абзаца ихставить не следует. Они больше подходят для выделения целых разделов.

3.Программы для создания Web-страниц3.1 HTML-редакторы

Каждый выбирает свой инструмент для созданияWeb-страниц. Это может быть MS FrontPage или Macromedia DreamWeaver, AllaireHomeSite или 1st Page 2000. А кто-то пользуется простым текстовым редактором,например Блокнотом (Notepad).

Текстовые редакторы возможно использовать только длясоздания небольших страниц, так как у них есть много минусов: не поддерживаютсяпроекты, отсутствует «подсветка» текста..., в общем, работать крайненеудобно.

Основным недостатком MS FrontPage является то, что онгенерирует очень большой HTML-код (слишком много лишнего), поэтому страницыполучаются большими, что сказывается на скорости загрузки. Более того, присоздании Web-страниц вэтом редакторе видишь одно, а в окне браузера — совсем другое (особенно этокасается Netscape Navigator). Странички получаются какими-то кривыми, поэтомудля создания качественных Web-страницрекомендуется использовать пакеты, которые будут рассмотрены ниже.

Начнем мы с популярного Macromedia DreamWeaver.Компания Macromedia считается лидером по производсту программ для созданиявеб-сайтов, а также законодателем моды в этой области.

Последния версия HTML-редактора этой компании — DreamWeaver 3, который относится ккатегории WYSIWYG-редакторов, и этот пакет имеет очень много достоинств:удобный интерфейс, настройка функций, поддержка больших проектов и ShockWaveтехнологий, возможность закачки файлов через FTP, поддержка SSI и многоедругое. Для работы в этой программе не нужно досконально знать HTML (в этом изаключается преимущество технологии WYSIWYG — что вижу, то и <img src="/cache/referats/4684/image003.jpg" v:shapes="_x0000_s1036">
получаю).

DreamWeaver 3.0

Но DreamWeaver на несколько шагов опережает другиередакторы, использующие технологию WYSIWYG, в первую очередь тем, чтогенерирует очень чистый HTML-код. DreamWeaver позволяет вам избавиться отоднотипной работы при создании страниц (например, верстка текста) при помощииспользования опции «записьпоследовательности команд» вы записываете последовательностьпроизводимых вами команд, потом нажимаете, например, CTRL+P, и DreamWeaverвоспроизводит все в той же последовательности.

Следующий редактор — HomeSite 4 — для создания страницвручную, т. е. для знатоков HTML. Вы получаете полный контроль над HTML-кодом,причем существует возможность оптимизировать свою страничку под один из  трех популярных браузеров (MSIE, NN, Opera).

HomeSite содержит два основных режима: Edit и Design.Режим Design — это подобие WYSIWYG-редактора, выдающее HTML-код, причем, есливы загрузите чужой HTML-код, то HomeSite все перепишет по-своему. Режим Editпозволяет получить полный контроль над страничкой. Здесь вы можете настроитьпрактически все, сможете прописать функции каждого тега (тогда ваша страничка влюбом <img src="/cache/referats/4684/image005.jpg" v:shapes="_x0000_s1037">
браузеребудет смотреться одинаково).

HomeSite 4.0

Еще одна отличительная особенность HomeSite — это его«склейка» с Dreamweaver. HomeSite обладает кнопкой «Dreamweaver», а такжевходит в его стандартный пакет поставки. Впрочем, и DreamWeaver имеетвозможность подключения HomeSite, как редактора для коректировки HTML-кода.

<img src="/cache/referats/4684/image007.jpg" v:shapes="_x0000_s1029">
Однимиз  последних HTML-редакторов является EVR Soft 1st Page 2000 v2.

Его лозунг — «Create 1st class websites!»(«Создавайте первоклассные веб-сайты!»). Редактор содержит несколькорежимов — Normal, Easy, Advanced/Expert и Hardcore, то есть вы можете выбратьсвой уровень, а со временем перейти на более высокий. Еще одна особенность — довольно большая коллекция скриптов на JavaScript и DHTML. Все это довольноудобно разбито по категориям.

3.2Графические редакторы

Создание и оптимизация графики — сложная и капризнаязадача. Безусловно, возможно создание Web-страницы ибез использования графики — при помощи шрифтов, скриптов и таблиц стилей (CSS)- и это будет красиво и стильно. Но ведь окончательный вид документа зависит отбольшого числа различных факторов, таких как: ширина окна браузера,предварительные настройки браузера, принятые по умолчанию размер шрифта, егоимя и цвет. К тому же не все скрипты и стили поддерживаются всеми браузерами.Если же будет использована графика, то посетитель вашей страницы увидит ееточно такой, какой сделали и видите ее вы.

Основная сложность работы с Web-графикой состоит в том, что пропускная способность каналовИнтернета, в большинстве случаев, очень низкая и перед вами сразу встанутпроблемы — как сделать графический файл небольшой по объему, но хорошегокачества, какие программы и приемы использовать при его оптимизации.

Именно этому посвящен раздел о векторные и растровыеграфических редакторах, которые являются мощным инструментом обработкиизображения в умелых руках.

Прежде чем рассмотреть векторные и растровыеграфические редакторы, следует уяснить себе, в чем состоит различие междувекторным и растровым представлением изображения.

Растроваяграфикапредставляет собой сетку (растр), ячейки которой называютсяпикселами. Каждый пиксел в растровом изображении имеет строго определнноеместоположение и цвет, следовательно любой объект представляется программой какнабор окрашенных пикселов. Это значит, что пользователь, работая с растровымиизображениями, работает не над конкретнными объектами, а над составляющими ихгруппами пикселов.

Растровые изображения обеспечивают высокую точностьпередачи градаций цветов и полутонов, а также высокую детализацию изображения,поэтому они являются оптимальным средством представления тоновых изображений,таких как сканированные фотографии.

Для изображения растровой графики всегда используетсяфиксированное количество пикселов, т.е. качество растрового изображениянапрямую зависит от разрешающей способности оборудования. Это значит, что любоеизменение изображения (поворот, увеличение и т.д.) приводит к неизменномуискажению картинки и границы объектов получаются неровными.

Векторныеизображенияформируются на основе математически описанных фигур,называемых векторами, а вид изображения определяется параметрами векторов.Другими словами, векторная графика состоит из кривых, имеющих координаты, цвети прочие параметры, а также замкнутых областей, заполненных определеннымцветом. Границы этих областей также описываются кривыми. Файл с векторной картинкойсодержит координаты и параметры кривых.

Результаты обработки векторных изображений не зависятот разрешающей способности оборудования, поэтому вы можете произвольно изменятьих параметры (размер, цвет, форму и т.д.) — качество не ухудшится. Векторная графикаприменяется при создании цифровых объектов с использованием мелких кеглей(размеров шрифта) или таких объектов, как логотипы, для которых важно сохранятьчеткие контуры, при неограниченном масштабировании.

Графические пакеты (редакторы) тоже делятся на дватипа: растровые и векторные. Давайте теперь рассмотрим наиболее популярные изних.

<span Times New Roman",«serif»;layout-grid-mode:line;font-style: normal">А) Редакторы растровой графики

<img src="/cache/referats/4684/image010.jpg" v:shapes="_x0000_s1038"> <img src="/cache/referats/4684/image011.jpg" v:shapes="_x0000_s1039">
Microsoft Paint — простой(или лучше сказать — простейший) редактор, входящий в стандартную поставкуоперационных систем Microsoft. Он обладает набором простейших функций(кисточка, карандаш, резинка и т.д.), которые позволяют создаватьнезамысловатые картинки. К сожалению, для обработки графики он практически непригоден. Картинку, которую вы видете справа — это большее, на что способенэтот редактор.

AdobePhotoshop — на сегодняшний день это самый мощный пакет дляпрофессиональной обработки растровой графики. Это целый комплекс, обладающиймногочисленными возможностями модификации растрового рисунка, имеющий огромныйнабор различных фильтров и <img src="/cache/referats/4684/image013.jpg" v:shapes="_x0000_s1040">
эффектов,причем есть возможность подключать инструменты независимых производителей.

Пакет предлагает, например, средства длявосстановления поврежденных изображений, ретуширования фотографий или созданиясамых фантастических коллажей, которые только может позволить себе нашевоображение. В общем, потенциал этого пакета поистене огромен. Начиная с версии5.5 в пакет включена программа AdobeImageReady, предоставляющие огромные возможности по обработке графики подWEB (оптимизация изображений, создание анимированных gif,«разрезание» картинок на более мелкие и т.д.). Девиз разработчиковAdobe Photoshop — «Camera of your mind» — предполагает не толькотехническое совершенство, но и полную свободу творчества, на которую человек,работающий с этой программой, просто обречен.

PhotoPaint — еще одинне менее известный графический редактор (из пакета Corel Draw) для обработкирастровой графики, конкурирующий с Adobe Photoshop. Здесь также имеются всенеобходимые инструменты для обработки графики, разнообразные фильтры, текстуры.Разница лишь в удобстве работы, интерфейсе и скорости наложения фильтров — наложение происходит немного медленнее.

Painter — редакторпредоставляет великолепные возможности для эмуляции реальных инструментоврисования: графит, мел, масло и т.д. Также позволяет имитировать фактуруповерхности материалов, живопись, создавать анимацию. Очень удобен дляразработки фоновых рисунков или Web-страниц встиле живописи. Пользуясь это программой чуствуешь себя настоящим художником.

Существует еще ряд редакторов (Microsoft Photo Editor, Microsoft Photo DRAW), также позволяющихреализовать простейшие задачи, но не удовлетворяющих запросам профессионалов.

B) Редакторывекторной графики

<img src="/cache/referats/4684/image015.jpg" v:shapes="_x0000_s1041">
Adobe Illustrator — пакетпозволяет создавать, обрабатывать и редактировать векторную графику. По своеймощности он эквивалентен

 

растровому редактору Adobe Photoshop: имеет аналогичныйинтерфейс, позволяет подключать различные фильтры и эффекты, понимает многиеграфические форматы, даже такие как .cdr (Corel Draw) и .swf (Flash).

CorelDraw — безусловно, такой известный графический пакет не мог обойтись без средств дляобработки векторной графики. Пакет по своей мощности практически не уступаетграфическим редакторам Adobe Photoshop и Adobe Illustrator. Помимо обработкивекторной графики, в этом пакете существует обработчик растровой графики (PhotoPaint), трассировщик изображений, редактор шрифтов, подготовки текстур исоздания штрих кодов, а также огромные коллекции с изображениями <img src="/cache/referats/4684/image017.jpg" v:shapes="_x0000_s1035">
(CorelGallery).

Adobe Streamline — еще одинпродукт фирмы Adobe, предназначенный для трассировки (перевода) растровойграфики в векторную. Это небольшой, но очень полезный и мощный продукт.Особенно полезен, если вы создаете Web-страницысиспользованием векторной графики, например, технологии Flash.

4. Создание WEB-страниц в WORD'974.1 Способы создания WEB-страницв WORD'97

Существуют два способасоздания Web-страниц:

· с помощью мастераили шаблона,

· преобразовать существующий документ Word в формат HTML.

В мастере Web-страниц для упрощения процесса созданиястраницы предлагаются образцысодержания страниц — например, индивидуальные начальные страницы ирегистрационные формы и различные темыграфического оформления — например, праздник или общество. По желанию работуможно начать с пустой Web-страницы.

Страницу Web можно сделать более интересной, разместивна ней маркированные и нумерованные списки, горизонтальные линии, цвета фона,узоры, таблицы, рисунки, видеозаписи, бегущую строку и формы. Большинство этих элементоввводятся в страницу так же, как в документ Word. Однако для упрощенияредактирования Web-страниц в Word для этих целей предусмотрены некоторые новыеспециальные функции и команды.

4.2Создание маркированных и нумерованных списков

Основное отличие состоит в том, что помимо маркеров всписках можно использовать графическиеизображения. Набор таких изображений находится в диалоговом окне Список(меню Формат). Кроме графических изображений, в диалоговом окне предлагаютсятекстовые маркеры, поддерживаемые HTML для Web-страниц. Графические маркерысохраняются в формате GIF (срасширением .gif), в тот же каталог, что и Web-страница.

4.3Горизонтальные линии

Для ее создания выберите команду Горизонтальная линияв меню Вставка. Из списка Вид выберите нужную линию. Присохранении Web-страницы такая линия сохраняется вместе с Web-страницей какграфический файл с именем image.gif, image1.gif и т. п.

4.4Добавление фона

Чтобы сделать документы Word и Web-страницы болеепривлекательными, используйте различные виды фона, в том числе текстурнуюзаливку. Можно создать подложку, которая будет видна только в напечатанн


еще рефераты
Еще работы по программированию, базе данных