Работа с Web информацией и создание сайта

Размещено на http://www.allbest.ru/

Работа с Web информацией и создание сайта



Введение

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

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

Неотъемлемая часть Internet, WWW (World Wide Web, в переводе с английского "всемирная паутина"), позволила по-новому пользоваться давно известными во всем мире текстовыми сносками. Когда автор журнальной статьи или книги помещает в тексте знак сноски, в нижней части страницы, помимо объяснения, могут быть указаны источники дополнительной информации, например, другая страница или книга. В Internet составители компьютерных "страниц" делают практически то же самое, подчеркивая либо выделяя в документах ключевые слова или пиктограммы.

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

Кроме того, в Web можно хранить и выводить на экран графику и фотоснимки, воспроизводить звук, а также просматривать анимацию и видеозаписи.

World Wide Web является одной из самых молодых услуг Internet: WWW родилась в 1990 году в европейском исследовательском центре CERN, а в 1992 году началось практическое применение этой технологии за пределами CERN. С конца 1993 года начался поистине взрывной рост WWW, который привел к тому, что сегодня этот вид информационного сервиса Internet является самым популярным, наиболее динамично развивающимся и во многом определяет современный облик всемирной сети.

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

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

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



Глава 1. Структура Web-документов и формат представления

1.1 Общие сведения о создании Web-документов

В различных операционных системах имеются различные редакторы, которые можно использовать для создания документов HTML. Если вы используете:

1. Microsoft Windows запустите редактор Notepad;

2. Mac OS запустите редактор SimpleText;

3. OSX запустите редактор TextEdit (обязательно измените настройки "Rich Text" или "Расширенный текст" на "Plain text" или "Простой текст" и отметьте пункт "Ignore rich text commands in HTML files" или "Игнорировать команды расширенного текстового формата в файлах HTML").

Файлы HTML можно создавать и в редакторе Microsoft Word, в котором имеется возможность сохранить документ как Web-страницу (в меню "Файл"), однако использовать эту возможность не рекомендуется. Во-первых, потому что HTML-код, генерируемый MS Word не оптимален и содержит множество ненужных элементов разметки, и, во-вторых, автоматическая генерация кода не будет способствовать изучению и правильному пониманию HTML.

Имеется также большое количество специализированных редакторов для создания файлов HTML, таких как FrontPage, Macromedia Dreamweaver или Adobe Web Bundle, которые обладают возможностью WYSIWYG (What You See Is What You Get - что видишь, то и получишь). С их помощью можно легко создавать документы HTML, при помощи кнопок и элементов меню, а не писать самому теги разметки. Однако, как уже отмечалось выше, тем, кто хочет стать технически грамотным разработчиком Web, настоятельно рекомендуется использовать простой текстовый редактор для начального изучения HTML.

Чтобы создать пустой Web-документ, напишите следующий HTML код в блокноте и сохраните его в формате.html, после чего запустите этот файл через любой браузер.

<html >

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

<title></title>

</head>

<body>

</body>

</html>

Напечатайте следующий текст:

<html>

<head>

<title>Это заголовок страницы</title>

</head>

<body>

<h1>Здравствуйте!</h1>

<p>

Это моя первая страница HTML.

<b>Этот текст выводится жирным шрифтом.</b>

</p>

</body>

</html>

Сохраните файл как "site1.htm".

При сохранении файла HTML можно использовать расширение.htm или.html. Расширение.htm было принято для старых версий операционных систем, которые допускали трехбуквенное расширение для файлов. В настоящее время практически все операционные системы не имеют подобного ограничения и можно использовать расширение.html.

Найдите только что созданный файл HTML - "site1.html" - выберите его и щелкните по нему правой кнопкой мыши, после чего выберете “открыть с помощью …”, в появившемся окошке выберете браузер с помощью которого вы хотите открыть этот файл, нажмите “ок”, вот ваша первая страничка HTML.

1.2 Общие сведения о формате

Для размещения изображения в Интернете можно использовать 4 формата файлов. При выборе формата изображения руководствуйтесь следующими рекомендациями:

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

PNG-24, как и формат JPEG этот формат вполне подходит для сохранения фотографий. Если изображение содержит прозрачные области, предпочтительнее выбрать формат PNG-24 вместо JPEG. (JPEG не поддерживает прозрачность; в данном случае вам следует заполнить области цветом подложки.) Файлы в формате PNG-24 файлы зачастую имею больший размер, чем JPEG-варианты того же файла.

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

Формат PNG-8 фактически дублирует функции формата GIF, просто он менее известен. Используйте его для тех же целей, что и формат GIF (кроме анимации).

Формат GIF и PNG-8 позволяют сохранять изображения с использованием палитры индексированных цветов (не более 256 оттенков цвета). Чтобы преобразовать изображения в формат индексированных цветов, Photoshop Elements создает специальную таблицу индексированных цветов. Если цвет в оригинальном изображении не присутствует в таблице, приложение выбирает ближайший цвет в таблице или имитирует этот цвет, комбинируя имеющиеся цвета.

Файлы в формате JPEG и PNG-24 поддерживают 24-битную глубину цвета, таким образом, они могут поддерживать до 16 миллионов цветов. В зависимости от формата файла можно указать качество изображения, прозрачность фона или подложку (заполнение фоновых областей каким-либо цветом), а также метод отображения браузером цветов при загрузке.

Внешний вид изображения в сети также зависит от цветов, отображаемых платформой компьютера, операционной системой, монитором и веб-браузером. Для оценки внешнего вида изображения в различных веб-браузерах и на различных платформах воспользуйтесь соответствующими окнами предварительного просмотра. Формат JPEG вполне пригоден для сохранения полноцветных изображений (он поддерживает 24-битный цвет), так как он сохраняет незначительные вариации яркости и цветового тона. Файлы в формате JPEG могут быть оптимизированы с использованием формата Progressive JPEG. При загрузке на веб-страницу картинки и в таком формате детализация изображения увеличивается постепенно.

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

Для размещения звуковых файлов в Интернете можно использовать следующие форматы WAV, MIDI, RMI.

А для размещения видеофайлов часто используют формат AVI.



1.3 Виды Web документов

Web-документ (или Web-страница) - это гипертекстовый документ, содержащий в себе ссылки на различные информационные ресурсы: другие Web-документы, графические, звуковые и т.п. файлы, а также информационные ресурсы других сервисов.

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

1. Основной файл, подготовленный с помощью языка HTML, содержащий текст документа и управляющую разметку - специальные "команды" (теги), определяющие внешний вид документа и описывающие состав и структуру Web-документа, а также его связи с другими документами и объектами;

2. Файлы статических графических иллюстраций, представленные в форматах GIF, JPEG и PNG;

3. Файлы анимированных графических изображений, представленные в формате GIF;

4. Звуковые файлы, представленные в форматах WAV, MIDI, RMI;

5. Файлы видеороликов, представленные в формате AVI;

6. Внешние программы-сценарии, представленные как отдельные файлы, а также небольшие программы, написанные на аппаратно-независимом языке программирования Java (Java applets);

7. Таблицы стилей (каскадные таблицы стилей, Cascading Style Sheets, CSS) - файлы, содержащие описание правил форматирования (стили) элементов Web-документа и позволяющие легко создавать множество Web-документов в одном стилистическом решении;

Другие типы объектов, требующие установки дополнительных программных модулей - расширений Web-клиента (например, компьютерные анимации, построенные по технологиям Flash или Shockwave, разработанным фирмой Macromedia).

Естественно, что в простейшем случае, когда Web-документ содержит только текстовую информацию, он может состоять из одного HTML-файла.

Так же Web-документы делятся на два вида статические и динамические.

Статические веб-страницы

Статические веб-станицы не изменяют своего содержимого или разметки при каждом запросе к веб-серверу. Они изменяются только тогда, когда веб-разработчик вручную обновляет их в текстовом процессоре или в инструменте веб-редактирования, например, таком как Adobe Dreamweaver. Значительное большинство веб-сайтов базируется на основе статических страниц. Такая методика является весьма экономичной для публикации в сети информации, которая существенно не изменяется в течение месяцев или даже лет. Многие системы управления веб-содержанием (CMS) также используют статическую публикацию для предоставления веб-содержимого. В CMS страницы создаются и изменяются динамически под управлением базы данных через веб-интерфейс редактирования, но затем («опубликованные») считываются с веб-сервера как обычные статические страницы. Статические страницы являются простыми, безопасными, менее склонными к технологическим ошибкам и сбоям, их хорошо видят поисковые машины.

Динамические веб-страницы

Динамические веб-страницы могут изменять свое содержимое или внешний вид в зависимости от действий пользователей или изменений данных, поддерживаемых приложением, или с течением времени, как на новостных веб-сайтах. Используя сценарии, исполняемые на клиентской стороне (XML, технология Ajax, Flash ActionScript), содержание может быть быстро изменено на компьютере пользователя без запросов к новой странице к веб-серверу. Однако, большинство динамического содержания в сети монтируется с помощью исполняемых на сервере языков программирования (ASP, JSP, Perl, PHP, Python). Оба подхода (исполняемый на стороне клиента и исполняемый на серверной части) используются в разносторонних веб-сайтах с постоянно меняющимся содержанием и сложными интерактивными функциями. Динамические веб-страницы предлагают огромную гибкость, однако процесс обработки уникально собранного содержания при каждом запросе к странице требует быстрого, высококачественного веб-сервера, и даже самый мощный сервер может застрять под грудой, которую создает большое количество запросов к динамическим веб-страницам за короткое время. Если системы обработки динамического веб-содержимого плохо оптимизированы, зачастую они гораздо менее видимы поисковыми машинами, чем статические страницы. Всегда интересуйтесь видимостью поисковых машин при рассмотрении достоинств динамической системы управления веб-содержимым.



Глава 2. Программы создания Web документов

документ разработчик панель инструмент

Каждый выбирает свой инструмент для создания Web-страниц. Это может быть Tea, Note Tab Pro, Dream Weaver или обыкновенный блокнот(Notepad).

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

Важным свойством большинства программ, предназначенных для редактирования Web-страниц, является их взаимная схожесть и соблюдение своего рода стандартов на обозначения (например, иконок на панели инструментов), возможности определения комбинаций клавиш для быстрого включения требуемых режимов («горячие клавиши») и задание типовых схем построения документов (мастера, эксперты).

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

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

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

В настоящее время на рынке конкурируют несколько очень хороших редакторов HTML. Это соперничество обуславливает и высокое качество программ, и их относительно доступную стоимость. Вот несколько популярных программ и пакетов для Web-мастеров (в порядке возрастания мощности):

Macromedia Flash Professional

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

Имея удобную среду разработки, Macromedia Flash легко интегрируется в существующий процесс создания Web-узла, благодаря возможностям импорта из Macromedia FreeHand и Fireworks.

Macromedia Flash также предоставляет широкий набор средств разработки насыщенных Web-приложений, включая тесную интеграцию с Macromedia Generator.

Новые возможности Macromedia Flash:

- Улучшенные градиенты

- Новый метод рисования объектов (object drawing model)

- Продвинутый анти-алиасинг для текста

- Ассистент по скриптам (script assist mode)

- Расширяющаяся рабочая область

- Улучшенный интерфейс

- Undo (отмена) для каждого отдельного объекта

- Редактор плавности движения

- Графические фильтры

- Режимы наложения клипов

- Улучшенная обработка растровых объектов

- Новый видео формат (+On2 VP6 кодек)

- Поддержка альфа канала в видео

- Область перерисовки

Macromedia Fireworks

Что может быть лучше для дизайнера, чем удобный и быстрый графический редактор с обширным набором инструментов? Только еще более удобный и быстрый графический редактор с обширным набором инструментов. Программа Macromedia Fireworks от компании Macromedia Inc., о которой пойдет речь в этой статье, является именно таким продуктом, который, без сомнения, придется по вкусу многим веб-дизайнерам.

Macromedia Fireworks представляет собой комплексное решение для создания и оптимизации высококачественной "легкой" графики и веб-изображений. Fireworks включает в себя многообразие креативных инструментов и различные функции интерактивного дизайна. Программа предназначена для веб-дизайнеров и разработчиков, которым нужно быстро создавать, редактировать и оптимизировать изображения для веб-сайтов или мобильных устройств.

Что такое Fireworks

По началу можно принять программу за обычный графический редактор, в котором можно быстро и качественно сделать какой-нибудь графический файл для сайта. И действительно, в Macromedia Fireworks имеется множество инструментов для рисования и редактирования векторных объектов и растровых изображений, а интерфейс программы очень похож на интерфейс обычного графического редактора.

Однако возможности Macromedia Fireworks 8 этим не ограничиваются. В Macromedia Fireworks есть возможность создавать анимированную графику и редактировать макеты веб-страниц. Например, в Fireworks можно открыть графический файл на всю ширину будущего сайта, нарисовать необходимое графическое оформление, а затем разрезать его инструментом Slice Tool так, как должна выглядеть будущая таблица HTML-документа. После этого можно начинать доработку отдельных графических элементов и, в том числе, создавать активную графику, реагирующую на курсор, совсем не зная языка программирования (JavaScript).

Подробней о панели инструментов.

Панель с инструментами вы всегда видите слева в окне программы. Инструменты здесь разделены на группы - Select (выбор, выделение), Bitmap (побитовое отображение), Vector (вектор), Web, Color (цвет), View (вид). Каждая группа предназначена для конкретной цели: выделение объекта, работа с растровым объектом (обычно фото), работа с векторными изображениями, подготовка файла для Веб (нарезка или hotspot), работа с цветом, работа с различными видами файлов.

Если на значке инструмента есть черный треугольник в углу, как, например, на Ellips Toll, значит, под ним скрыты еще подразделы. Нужно навести указатель мыши на значок и нажать. После этого откроется окно с набором этих скрытых инструментов.

Там, где нарисовано ведро с выливающейся краской, можно указать заливку объекта. В списке несколько видов заливок: Solid - сплошная, Linear - линейная, Cone - коническая и другие.

Нарисованный карандаш означает обводку или же, если точно перевести с английского языка, штрих (Stroke) вокруг объекта. Щелкнув по маленькому треугольнику, можно открыть список с различными вариантами обводки: 1-Pixel Soft (1 мягкий пиксель), 1-Pixel Hard (1 твердый пиксель) и другие. Если вы видите перечеркнутый красной полосой знак, значит, обводка отключена. Заливку объекта также можно отключить. Далее и в заливке (Fill), и в штрихе (Stroke) можно указать текстуру: Grain (земля), Sand (песок) и прочее. В самой правой части инспектора можно придать объекту эффекты или же прозрачность (Opacity). По умолчанию прозрачность всегда отключена (100%). Если начать уменьшать это значение, то объект будет обретать прозрачность.

Раздел "Эффекты" (Effects) в программе Macromedia Fireworks также присутствует. С помощью этого раздела можно производить коррекцию изображения. Например, с помощью эффектов Bevel and Emboss (скашивание и выдавливание) и Shadow and Glow (тень и сияние) можно делать оригинальные кнопки навигационной панели.

Adobe Dreamweaver CS

Лучший выбор для профессиональных веб-разработчиков. Создавайте веб-сайты и приложения мирового уровня с помощью одного из передовых средств разработки. Просматривайте создаваемые страницы в реальном браузере посредством функции интерактивного просмотра Dreamweaver с сохранением доступа к коду. Создавайте страницы в Dreamweaver так, чтобы конечные пользователи могли редактировать их без вашего вмешательства или дополнительного программного обеспечения с помощью онлайн-услуги InContext Editing. Дизайнеры, работающие в Dreamweaver, могут ограничить возможности внесения изменений в проекты определенными областями страницы. Программное обеспечение Adobe Dreamweaver CS4 идеально подходит для веб-дизайнеров и разработчиков, а также специалистов по визуальному дизайну.

Создание веб-проектов нового поколения

Работайте с реалистичными представлениями CSS, javascript, SWF и динамического содержимого непосредственно в программе Dreamweaver. Быстро интегрируйте в свои страницы веб-виджеты сторонних производителей из наиболее распространенных каркасов javascript.

Интерактивный просмотр Adobe Dreamweaver

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

Подсказки по коду для каркасов Ajax и javascript

Быстрее и эффективнее создавайте код javascript с помощью улучшенной поддержки основных объектов и простых типов данных javascript. Используйте в работе расширенные функции Dreamweaver CS4 по созданию кода, применяя популярные каркасы javascript, включая jQuery, Prototype и Spry.

Связанные файлы Adobe Dreamweaver

Эффективно управляйте различными файлами, составляющими веб-страницы, в программе Dreamweaver CS4, используя функцию "Связанные файлы". Щелкните любой связанный файл, чтобы увидеть его источник в представлении "Код" и родительскую страницу в представлении "Дизайн".

Adobe Dreamweaver Встроенные средства создания кода

Воспользуйтесь встроенными подсказками для более быстрого и аккуратного создания кода в HTML, javascript, таких каркасах Ajax, как Spry, jQuery и Prototype, и на некоторых серверных языках.

Навигатор по коду Adobe Dreamweaver

Новая функция навигатора по коду показывает все исходные коды CSS, относящиеся к выделенному фрагменту: правила CSS, серверные включения, внешние функции javascript, шаблоны Dreamweaver, исходные файлы объектов Iframe, и т.д.

Поддержка авторинга Adobe AIR™

Создавайте приложения Adobe AIR™ на основе HTML и javascript непосредственно в Dreamweaver. Просматривайте приложения AIR, не выходя из программы Dreamweaver. Готовьте приложение Adobe AIR к развертыванию с помощью функций компоновки и подписи кода AIR.

Поддержка FLV

Легко интегрируйте файлы FLV в любые веб-страницы и создавайте соответствующий стандартам код -- для этого не требуются навыки работы в Adobe Flash®. Создавайте проекты, воспроизводя фильмы FLV в новом режиме интерактивного просмотра.

Поддержка ведущих технологий

Проектируйте и создавайте код с помощью средства, поддерживающего большинство ведущих технологий веб-разработки, включая HTML, XHTML, CSS, XML, javascript, Ajax, PHP, ПО Adobe ColdFusion® и ASP.

Изучайте наработки Adobe Dreamweaver

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

Наработки CSS

Применяйте наработки CSS, избавляющие от необходимости написания кода. Создавайте новые правила CSS на панели "Свойства" и получайте простые и ясные пояснения о месте применения каждого свойства в каскаде стилей.

Всеобъемлющая поддержка CSS

Создавайте стили для сайтов с помощью улучшенных средств реализации CSS в Dreamweaver CS4. Быстро определяйте и изменяйте правила CSS с помощью панели "Свойства" с мгновенным отображением изменений в представлении "Дизайн" и "Интерактивный просмотр". Используйте связанные файлы и навигатор по коду, чтобы установить, где определены правила CSS.

Adobe Dreamweaver Обучающие ресурсы

Совершенствуйте свои навыки создания веб-сайтов с помощью полных руководств, встроенных в Dreamweaver CS4. Следите за новыми веб-технологиями с помощью справочной системы, управляемой сообществом пользователей.

Расширенное сообщество Adobe Dreamweaver

Воспользуйтесь преимуществами расширяемого сообщества Dreamweaver, включая интерактивную службу Adobe Design Center и Adobe Developer Connection, обучение и семинары, программы сертификации разработчиков и пользовательские форумы.

Онлайн-услуги

Получите доступ к онлайн-услугам из среды Dreamweaver для обмена рабочими макетами на экране с коллегами или клиентами с помощью нескольких щелчков мыши; быстрее получайте более точные результаты поиска ресурсов онлайн-сообщества и идеи для создания новых проектов.

Управляйте содержимым Adobe Dreamweaver

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

Смарт-объекты Adobe Photoshop

Вставляйте любые документы Photoshop PSD в Dreamweaver для создания смарт-объектов изображений. Смарт-объекты тесно связаны с исходным файлом. Вносите изменения в исходное изображение и обновляйте его в Dreamweaver, не запуская программу Photoshop.

Наборы данных HTML

Интегрируйте возможности динамических данных в веб-страницы, не изучая управление базами данных или код XML. Наборы данных Spry распознают содержимое в простой таблице HTML как интерактивный источник данных.

Новый пользовательский интерфейс

Работайте быстрее и эффективнее во всех компонентах Adobe Creative Suite® с помощью общего пользовательского интерфейса. Переключайтесь между рабочими средами с помощью переключателя рабочих пространств.

Интеграция между продуктами

Воспользуйтесь возможностями интеллектуальной интеграции и мощностью Dreamweaver и других инструментов Adobe, включая Adobe Flash® Professional, Fireworks®, Photoshop® и Device Central, за счет прямого взаимодействия продуктов линии.

Интеграция Subversion

Обновляйте свой сайт и проверяйте наличие изменений непосредственно в Dreamweaver. Программа Dreamweaver связана с программным обеспечением Subversion, системой контроля версий с открытым кодом, что позволяет обеспечить более мощные возможности возврата/извлечения документов.

Межплатформенная поддержка

Работайте так, как вам удобно: программное обеспечение Dreamweaver доступно для компьютеров Mac на базе PowerPC® и Intel®, а также для операционных систем Microsoft® Windows® XP и Windows Vista®. Создавайте проекты в одной системе, а затем передавайте их на другие платформы с сохранением надежности, стабильности и качества результатов.

Коротко о новых возможностях Adobe Dreamweaver :

- Интерактивный просмотр в реальном браузере с сохранением доступа к коду

- Подсказки по коду для каркасов Ajax и javascript

- Функция "Связанные файлы" для эффективного управления различными файлами, составляющими веб-страницы

- Навигатор по коду, показывающий все исходные коды CSS

- Поддержка авторинга Adobe AIR™

- Наработки CSS, избавляющие от необходимости написания кода

- Создание смарт-объектов изображений, с помощью вставки любых документов Adobe Photoshop в DreamWeaver

- Наборы данных HTML

- Новый пользовательский интерфейс

- Интеграция Subversion

Коротко об улучшенных возможностях Adobe Dreamweaver :

- Поддержка FLV

- Встроенные средства создания кода

- Всеобъемлющая поддержка CSS

- Обучающие ресурсы

- Расширенное сообщество Dreamweaver.

Adobe Photoshop

Широко известный графический редактор растровой графики, являющиися составной частью программной линейки компании Adobe. Более подробно можно ознакомиться на напшем же сайте в разделе посвящённом ГИС системам. Компания Adobe выпустила новый Adobe Photoshop. Всегда интересно узнать, чем порадует новая версия Фотошопа на этот раз. Итак, что же нового в Photoshop ?

Палитра "Маски" в Photoshop

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

Усовершенствование палитры "Коррекция"

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

Автоматизировано наложение изображений

Используя "Автоматическое наложение слоев" Вы создадите единое целое изображение из большого количества схожих фотографий. Благодаря тому, что эта команда корректирует недостатки при съемке, аккуратно смешивает цвета и прорабатывает тени - Вам понравится конечный результат!

Самые последние разработки помогают в создании 3D графики

Ваши возможности в преобразовании двухмерных изображений в реальные трехмерные модели стали безграничными! Все это достигается довольно несложными способами: преобразование градиентов, создания глубины и объема к текстовым слоям, возможности переноса в 3D форматы и с помощью новейшего технологии рендеринга получения высокое качество печати.

Усовершенствована обработка изображений в формате RAW

Изображения в формате RAW стало еще более качественно, благодаря модулю Adobe Photoshop Camera Raw 5. Он поддерживает более180 моделей фотокамер, обеспечивает коррекцию, виньетирование после кадрирования, обработку изображений в формате TIFF и JPEG.

Редактирование свойств 3D объектов

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

Ускорение поворота

Только один клик мышкой и ваш холст повернут под нужным углом для его просмотра. Вам не требуется искривлять шею для прорисовки деталей!

Очень легкие и плавные прокрутка изображения и масштабирование

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

В Photoshop оптимизировано автовыравнивание слоев

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

Новое в масштабировании изображения

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

Совершенствование глубины резкости

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

Качественно новый уровень печати в Photoshop

Ваши снимки не потеряют ни сколько после печати, благодаря новым средствам обработки изображения, в следствии теснейшей интеграции с моделями ведущих производителей принтеров. Сейчас есть возможность обработать цвет, просмотреть области, выходящие за пределы цветового охвата. Поддержка 16-разрядной печати на Mac OS обеспечивает улучшенную глубину цвета и повышает качество изображения.

Нововведения в редактировании анимационной графики

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

Автоматизирована интеграция с другим программами Adobe

В Adobe Photoshop работать стало еще интереснее вследствие автоматизированного взаимодействия между Photoshop Extended и другими приложениями Adobe, включая Adobe After Effects, Adobe Premiere Pro и Adobe Flash Professional.

Еще более усовершенствованная технология Adobe Photoshop Lightroom

Adobe Photoshop Lightroom приобретается отдельно. Идеально подойдет для создание панорамных съемок. Выбираете столько, сколько необходимо отдельных кадров в Adobe Photoshop Lightroom, автоматически открываете в Photoshop и объединяете в панораму, фотоизображение с диапазоном (HDR) или в многослойный документ Photoshop. И все готово!

Усовершенствованы инструменты коррекции цвета

В Adobe Photoshop усовершенствованы инструментов по коррекции цвета - "Осветлитель", "Затемнитель" и "Губка". Они предназначены для интеллектуального изменения цвета и подбора оттенка.

Новое в работе с файлами

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

Дополнительные возможности Adobe Photoshop Creative Suite Extended

Новые панели Adobe Flash помогут Вам в выполнении повторяющихся задач. Вы можете получить ценный совет или подсказку от комьюнити любителей Photoshop, если воспользуетесь интерактивной службой помощи Adobe Community Help.

Axure RP Pro

Axure RP Pro - быстрое макетирование для приложений вебсайта, ориентированное под каркасные прототипы веб-сайтов. Продукт предназначен для снижения издержек проектирования веб-сайтов. Это решение поможет быстро в визуальном режиме создать рабочий прототип будущего сайта, затем выгрузить прототип в html и просмотреть его через браузер. Качество вполне приемлемо для дальнейшей постановки задач дизайнерам и программистам, а также для понимания заказчика конечного результата. Интерфейс программы аналогичен Microsoft Office 2003. "Blank" для создания веб-страниц похож на формы в ресурс-билдерах, подобных используемому в Delphi. В результате генерирования прототипа получается статический сайт, широко использующий javascript. Качественная документация и учебные материалы в свободном доступе на сайте производителя. Axure RP Pro может оказаться очень полезным средством для проектирования небольших, но функционально-насыщенных проектов, а также больших проектов на начальном этапе.

Возможности программы:

Простое использование

Быстрое применение изменений

Мгновенное создание функциональных прототипов

Создание интерактивных прототипов с аннотациями

Настраиваемость

Управление версиями

Создание эффективного дизайна

Экспериментирование с вашим дизайном для достижения максимального результата

Автоматизация спецификаций для избежания утомительной документации.

Button Shop

При помощи программы Button Shop вы сможете за несколько минут создать невероятно красочные, анимированные и запоминающиеся кнопки в стиле Windows Vista и Windows XP, Mac и Aqua для своего веб-сайта. Этот мощный инструмент включает в себя все что необходимо для улучшения вашей домашней страницы. Выбирайте кнопки из более чем 200 профессионально разработанных шаблонов, модифицируйте и настраивайте их в соответствии со своими потребностями, добавляйте к ним текстуры, а так же такие эффекты, как сияние, обводка, пульсация, прозрачность, градиентный цвет, стиль шрифта, тень и другое. Вы можете сохранить свои кнопки как BMP, GIF, JPEG, PNG, TIFF, EXIF, WMF, EMF, ICON, а так же анимированные GIF и TIFF файлы. Кроме этого Button Shop может создавать DHTML-код, необходимый для создания реагирующих на нажатие интерактивных кнопок.

Основные характеристики:

* Создание уникальных и стильных кнопок из изображений

* Создание как прямоугольных, так и закругленных кнопок для веб-сайта

* Создание кнопок в стиле Windows XP и Vista

* Изменение цвета для каждой части кнопки

* Установка уровня прозрачности для эффектов

* Установка длины и высоты кнопки в пикселях

* Настройка позиции текста, иконки, теней и др.

* Указание типа градиентных заливок

* Использование более 200 включенных шаблонов и текстур

* Множество невероятных эффектов для кнопок

* Генерация DHTML-кода для интерактивных кнопок

* Поддержка множества графических форматов - BMP, GIF, JPEG, PNG, TIFF, EXIF, WMF, EMF, ICON

* Вставка иконок и изображений в кнопки

* Многое другое...

Возможности программы:

Программа не требует знаний программирования

Простое использование

Создание сайта за пять шагов

Более 1000 готовых шаблонов

Создание собственных шаблонов

Составление страниц с использованием функции "Drag and Drop"

Создание фото-галереи

По требованию вы можете отредактировать HTML код веб-страницы

Возможность создания онлайн-магазинов

Создание форм для отправки электронной почты с сайта

Создание RSS-лент

Создание разнообразных меню сайта (статических, динамических, выпадающих и т.д.)

Встроенный графических редактор для быстрого редактирования графики вашей веб-страницы

Инструмент цветовой пипетки

Публикация сайта в интернете с помощью встроенного FTP-движка

Группирования проекта вашего веб-сайта

Совместимость с XHTML и CSS стандартами

Приятный, удобный и простой пользовательский интерфейс

LMSOFT Web Creator Pro

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

NamoWebEditor

NamoWebEditor это мощный пакет для визуального создания web-сайтов. С Namo WebEditor, Вы сможете создать и разработать Ваш сайт практически без знания HTML программирования, используя Namo как обычный текстовый процессор.

Все что Вам нужно, так это набрать текст, поместить Вашу графику и все.

Таблицы и фреймы создаются очень легко, вы сможете изменять их размеры обычным щелчком мыши. Продвинутые пользователи могут использовать в своей работе и встроенный редактор HTML кода. Редактор поддерживает цветную разметку тегов. Namo позволяет добавлять на ваших страницах Java скрипты, VB скрипты и Java апплеты. Поддерживает DHTML и CSS стили. Включает clip-art для создания кнопок и баннеров, более 200 готовых шаблонов.

Oracle Database Express Edition (Universal)

Это система управления базами данных Oracle 10g Express Edition (Oracle Database XE) - это бесплатная версия одной из наиболее совершенных систем управления реляционными базами данных. Oracle Database XE легко установить, легко администрировать, для нее легко создавать приложения.

В Oracle Database XE вы используете интуитивный, понятный веб-интерфейс для:

Администрирования базы данных

Создания таблиц, представлений и других объектов базы данных

Импорта, экспорта и просмотра табличных данных

Исполнения запросов и SQL-скриптов.

Oxygen XML Editor

Oxygen XML Editor - кросс-платформенное приложение для редактирования данных XML. С помощью данной программы, пользователи смогут извлекать данные XML из файлов OpenDocument и других документов, использующих механизм архивирования ZIP для сжатия данных. Обладает развитыми возможностями по преобразованию форматов, которые позволяют редактировать документы XSLT и XSL-FO и сохранять документы в любом формате (HTML, PS или PDF) одним нажатием кнопки. Программное обеспечение также допускает применение трансформаций XSLT 1.0, XSLT 2.0 и XQuery к файлам, размещенным внутри ZIP-архива, и позволяет пользователям заниматься сравнением и слиянием архивированных файлов. Кроме того, программа обеспечивает доступ ко множеству XML и относящихся к ним базам данных, включая MarkLogic, Oracle, Tamino, IBM DB2, eXist.

Quick Slide Show

Про грамма для создания Flash-роликов различного назначения. Quick Slide Show позволяет даже новичкам быстро создавать качественные и оригинальные Flash-ролики, которые потом можно размещать на сайтах или использовать для других нужд. С помощью Quick Slide Show можно создать оригинальные слайд-шоу и презентации на Flash, которые будут состоять из множества цифровых фотографий, с аудио или текстовыми комментариями. В дальнейшем слайд-шоу можно записать на CD/DVD или флэш-диски и запускать такое слайд-шоу, не устанавливая (не копируя) его на компьютер. Программа Quick Slide Show позволяет сжимать Flash SWF файлы, импортировать в слайд-шоу графические файлы форматов bmp, gif, jpg, png и tiff, устанавливать фоновые цвета и фоновые изображения в создаваемых презентациях и слайд-шоу, добавлять голосовые комментарии, записанные с микрофона, подсоединённого к компьютеру, экспортировать готовый файл слайд-шоу в Screen Saver и многое другое.

Serif WebPlus Website Maker

Не важно начинающий Вы или опытный дизайнер, любитель или коммерческий директор - эта программа для Вас! WebPlus X2 предлагает интерактивные форумы и блоги, анимированные фотогалереи, YouTube видео, Flash-анимации, надежные, защищенные паролем страницы, сайты электронной коммерции (в том числе PayPal) и многое другое.

Serif WebPlus X2 - программа для веб-дизайна, в которую упаковано всё, что может понадобится вам или вашей организации для создание выдающихся веб-сайтов профессионального качества. При этом, знание кода, программирования и опыта дизайна от вас не потребуется.



Выводы и предложения

Таким образом, мы изучили возможности языка HTML для создания Web-страниц, узнали, какие HTML- и графические редакторы лучше использовать в Web-дизайне, каковы преимущества и недостатки тех или иных программных пакетов. И, наконец, мы выяснили, какие возможности для создания Web-страниц имеет Word'97 из пакета Microsoft Office.

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

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

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

Подводя итог всему выше сказанному, хочется отметить, что HTML стал тем форматом передачи данных, который наиболее полно и качественно удовлетворяет запросы современного общества. Несомненным фактом является и то, что будущее именно за HTML.



Список используемой литературы

1. «Web Style Guide: Basic Design Principles for Creating Web Sites, 3rd Edition», Patrick J. Lynch and Sarah Horton, Yale University Press; 3 edition (January 15, 2009) - динамические и статические сайты.

2. Антипов Д.В. Соколов А.В. Internet как среда глобального общения - Москва 1996.

3. Клименко С. Уразметов В. INTERNET - среда обитания информационного общества. Москва 1996.

4. Хоникат Использование Internet 2-е изд. Издательство: К.: Диалектика

5. Рассохин Д. и Лебедев А. World Wide Web - всемирная информационная паутина в сети Internet - Москва 1997.

6. Перри Секреты World Wide Web Москва 1996.

7. Нольден. Знакомьтесь: World Wide Web Москва 1996. Издательство: К.: BHV

8. Ахметов Microsoft Internet Explorer 4.0 для всех Москва 1997. Издательство: М.: КомпьютерПресс

9. HTML 4.0 - Сергеев А.О.: БХВ - Санкт - Петербург, 1999.

10. Web-сайт своими руками - И. Шапошников: БХВ - Санкт-Петербург, 2000.

11. Информатика /под ред. Проф. Н.В. Макаровой. -- М.: Финансы и статистика, 1997. -- 768 с.: ил.

12. Информатика. Базовый курс/Симонович С.В. и др. -- Спб.: издательство "Питер", 2000. -- 640 с.: ил.

13. Информатика: учебник. Курносов А.П., Кулев С.А., Улезько А.В., Камалян А.К., Чернигин А.С., Ломакин С.В.: под ред. А.П. Курносова Воронеж, ВГАУ, 1997 -- 238 с.

14. Фигурнов В.Э. IBM PC для пользователя. Издание 6-е, переработанное и дополненное -- М.: Инфра-М, 1995. --432 с.: ил.

15. http://www.refsru.com/

16. http://programming.superreferat.ru/view/detail17369.html

17. http://www.ctc.msiu.ru/

18. http://www.spez.com.ua/Default.aspx

Размещено на Allbest.ru