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

 

 

 

 

 

 

 

 

ТИТУЛЬНЫЙ ЛИСТ

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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

 

 

 

Введение

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

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

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

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

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

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

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

 

 

 

 

 

 

Введение

  Новая информационная технология достигла такого развития, что, пожалуй, не осталось сфер человеческой жизни, не затронутыx глобальной сетью 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-документов и формат представления

Общие сведения о  создании 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.

 

 

 

 

 

 

 

 

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

Для размещения изображения в Интернете  можно использовать 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.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Виды 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). Оба подхода (исполняемый на стороне клиента и исполняемый на серверной части) используются в разносторонних веб-сайтах с постоянно меняющимся содержанием и сложными интерактивными функциями. Динамические веб-страницы предлагают огромную гибкость, однако процесс обработки уникально собранного содержания при каждом запросе к странице требует быстрого, высококачественного веб-сервера, и даже самый мощный сервер может застрять под грудой, которую создает большое количество запросов к динамическим веб-страницам за короткое время. Если системы обработки динамического веб-содержимого плохо оптимизированы, зачастую они гораздо менее видимы поисковыми машинами, чем статические страницы. Всегда интересуйтесь видимостью поисковых машин при рассмотрении достоинств динамической системы управления веб-содержимым.