Технологии создания Web-документов

Содержание

Слайд 2

Введение

1991 – год рождения WWW (World Wide Web - Всемирная паутина).
Тим Бернерс-Ли,

Введение 1991 – год рождения WWW (World Wide Web - Всемирная паутина).
сотрудник CERN (Швейцария) разрабатывает язык гипертекстовой разметки документов –HTML.
Пол Линднер из Миннесотского университета создает систему Gopher.

Слайд 3

Введение

Мир WWW (World Wide Web - Всемирная паутина) состоит из компьютеров -

Введение Мир WWW (World Wide Web - Всемирная паутина) состоит из компьютеров
Web-серверов, которые не только хранят мультимедийную информацию, такую как видео, аудио, картинки и фотографии, но и предоставляют пользователям Internet простые средства подсоединения и доступа к этой информации.

Слайд 4

Введение

Web-технологии – технологии мультимедиа и гипертекста, которые делают WWW уникальным средством поиска,

Введение Web-технологии – технологии мультимедиа и гипертекста, которые делают WWW уникальным средством
выбора и тиражирования информации.

Слайд 5

Что такое Web-документ?

Мультимедийный документ, состоящий из фрагментов текста, звуковых, графических

Что такое Web-документ? Мультимедийный документ, состоящий из фрагментов текста, звуковых, графических и
и видеоданных;
Гипертекстовый документ, имеющий в своем составе ссылки на другие документы (гиперссылки).

Слайд 6

Что такое Web-документ?

текстовый документ в системе кодов ASCII или Unicode,

Что такое Web-документ? текстовый документ в системе кодов ASCII или Unicode, содержащий
содержащий специальные символы (управляющие элементы), которые называются тегами и описывают как следует отображать документ на экране компьютера и какие элементы документа являются ссылками на другие документы.

Слайд 7

Что такое Web-документ?

Гипертекстовые документы Всемирной паутины называются веб-страницами (Web page).

Что такое Web-документ? Гипертекстовые документы Всемирной паутины называются веб-страницами (Web page). Множество
Множество логически связанных страниц, хранящихся в одном месте, называется веб-узлом, или веб-сайтом (Website).

Слайд 8

Программные средства, с помощью которых осуществляется доступ к Web-документам, подразделяются на две

Программные средства, с помощью которых осуществляется доступ к Web-документам, подразделяются на две
категории:
программы, выполняющие функции клиента;
программы, выполняющие функции сервера.

Программные средства

Слайд 9

Программы-клиенты хранятся на компьютере пользователя.
По требованию пользователя обращаются к программе-серверу, достают

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

Программные средства

Слайд 10

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

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

Программные средства

Слайд 11

MS Internet Explorer
Netscape Navigator
Opera
И др.

Популярные Web-браузеры

MS Internet Explorer Netscape Navigator Opera И др. Популярные Web-браузеры

Слайд 12

Как создаются Web-документы?

Традиционный подход («ручной»);
Применение офисных программных средств (MS Office);
Применение специализированных Web-редакторов.

Как создаются Web-документы? Традиционный подход («ручной»); Применение офисных программных средств (MS Office); Применение специализированных Web-редакторов.

Слайд 13

«Традиционный» подход

Преимущества
Web-документы создаются в простейшем текстовом редакторе (например, в блокноте);
Очень «чистые» документы.

Недостатки
Необходимо

«Традиционный» подход Преимущества Web-документы создаются в простейшем текстовом редакторе (например, в блокноте);
знать HTML;
Длительные сроки разработки Web-документов;

Слайд 14

Применение MS Office

Преимущества
Web-документы создаются визуальными (экранными) средствами с помощью знакомых и привычных

Применение MS Office Преимущества Web-документы создаются визуальными (экранными) средствами с помощью знакомых
инструментов;
нет необходимости изучать HTML.

Недостатки
документы перенасыщены служебной информацией, что существенно увеличивает информационный объем документа и время вывода документа на экран.

Слайд 15

Визуальные Web-редакторы

Технология WYSIWING (What You See Is What You Get – что

Визуальные Web-редакторы Технология WYSIWING (What You See Is What You Get –
видишь, то и получаешь)
Macromedia Dreamweaver
MS Front Page
Adobe GoLive
Macromedia Home Site
Cool Page
Hot Dog и др.

Слайд 16

Применение специализированных Web-редакторов

Преимущества
Избавляют от ручного ввода html-тэгов, Web-документы создаются визуальными (экранными) средствами;
Возможность

Применение специализированных Web-редакторов Преимущества Избавляют от ручного ввода html-тэгов, Web-документы создаются визуальными
«ручного» вмешательства во внутреннюю структуру - зная HTML, можно прибегнуть к традиционному редактированию кода;
Получаемые документы достаточно «чисты» - не очень перегружены служебной информацией

Недостатки
Высокая стоимость программных средств для разработки Web-документов

Слайд 17

Основы HTML Hyper Text Markup Language -язык разметки гипертекста

Создатель – Тим Бернерс-ли

Основы HTML Hyper Text Markup Language -язык разметки гипертекста Создатель – Тим Бернерс-ли

Слайд 18

Структура Web-документа

Структура Web-документа

Слайд 19

Теги форматирования текста

- Enter


- Shift+Enter

Теги форматирования текста - Enter - Shift+Enter

Слайд 20

Теги форматирования текста

Теги форматирования текста

Слайд 21

Теги форматирования текста

Теги форматирования текста
Имя файла: Технологии-создания-Web-документов.pptx
Количество просмотров: 208
Количество скачиваний: 4