Интернет-технологии - презентация, доклад, проект скачать

Нажмите для полного просмотра!

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему Интернет-технологии. Доклад-сообщение содержит 29 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1

Описание слайда:

Интернет технологии Олеся Сергеевна Томах e-mail: tomax@bmstu.ru

Слайд 2

Описание слайда:

World Wide Web: понятия World Wide Web – технология, разработанная в CERN (Швейцария) и реализованная в качестве сетевого стандарта в 1993 г. Гипертекст – метод представления текста, изображений, звука и видео, связанных друг с другом произвольной ассоциативной связью. HTML (HyperText MarkUp Language) – язык разметки гипертекстовых документов.

Слайд 3

Описание слайда:

World Wide Web: понятия web-страница или html-документ (web-page) – отдельный гипертекстовый документ; web-узел (web-site) – система взаимосвязанных гипертекстовых документов; web-клиент (web-client) – приложение, выполняющее запросы к web-серверу и отображающее на экране пользователя затребованный документ; web-сервер (web-server) – приложение, которое управляет доступом к web-узлу/ам; протокол HTTP (HyperText Transfer Protocol) – стандарт, определяющий правила передачи html-документов и их отображения.

Слайд 4

Описание слайда:

Структура URL

Слайд 5

Описание слайда:

World Wide Web – механизм обработки запросов

Слайд 6

Описание слайда:

Структура языка HTML Тег (дескриптор) – инструкция языка HTML. Тег может быть открывающий () и закрывающий (), причем открывающий тег может иметь атрибуты (параметры), влияющие на его поведение. Контейнер (блок)– структура, состоящая из открывающего и закрывающего тегов или только открывающего. Примеры: текст другие конструкции

Слайд 7

Описание слайда:

Структура документов HTML ….заголовок ... тело документа

Слайд 8

Описание слайда:

Графическое представление структуры HTML-документа Структура языка HTML определена в Document Type Definition спецификации HTML, которую можно найти по адресу

Слайд 9

Описание слайда:

Иерархическая структура web-узла Иерархическая или древовидная структура узла предполагает, что содержимое каждого документа (кроме первого) входит на правах подраздела в документ более высокого уровня. Подходит для разработки узла со сложной структурой, например, каталога, сборника и т.д.

Слайд 10

Описание слайда:

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

Слайд 11

Описание слайда:

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

Слайд 12

Описание слайда:

Физическая структура web-узла Физическая структура узла – система вложенных каталогов относительно корневого каталога (root), в каждом из которых размещается информация по тематическому признаку.

Слайд 13

Описание слайда:

Физическая структура узла и связи между документами В корневом каталоге узла (root) размещается начальный документ узла, имя файла которого index.html. В остальных каталогах размещаются другие гипертекстовые документы и используемые графические изображения, а также файлы других типов.

Слайд 14

Описание слайда:

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

Слайд 15

Описание слайда:

Абсолютный и относительный путь xyz.html Файл HTML с именем xyz.html находится в текущем каталоге; abc/xyz.html Файл HTML с именем xyz.html находится в подкаталоге abc текущего каталога; Файл HTML с именем xyz.html находится в каталоге abc на сервере MyDomain.by;

Слайд 16

Описание слайда:

Абсолютный и относительный путь ../abc/xyz.html Файл HTML с именем xyz.html находится в подкаталоге abc каталога, лежащего на один уровень выше текущего; ../../abc/xyz.html Файл HTML с именем xyz.html находится в подкаталоге abc каталога, лежащего на два уровня выше текущего.

Слайд 17

Описание слайда:

Типы связей Связь устанавливаемая между гипертекстовыми документами называется ссылкой (link) или гиперссылкой (hyperlink). Существуют следующие типы связей: ссылка на закладку (якорь) – обращение к установленной метке, где якорь (anchor) или закладка (bookmark) – установка метки перед определенным блоком документа; относительная ссылка – путь к файлу относительно корневого каталога узла; абсолютная ссылка – полный путь к файлу с указанием доменного адреса узла и пути к файлу на данному узле.

Слайд 18

Описание слайда:

Методы проектирования HTML-документов средства визуального проектирования: Adobe Dreamweaver, Amaya, др.; средства для подготовки документов в исходных кодах (html-кодирование): простой текстовый редактор; специализированные html-редакторы, например Amaya, CoffeCup, Блокнот и др.

Слайд 19

Описание слайда:

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

Слайд 20

Описание слайда:

Требования к дизайну домашней страницы информационное наполнение; дизайн; скорость загрузки документа; удобная система навигации; отсутствие орфографических и грамматических ошибок; наличие реквизитов для обратной связи (e-mail, телефон, почтовый адрес и т.д.).

Слайд 21

Описание слайда:

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

Слайд 22

Описание слайда:

Макет документа При разработке макета документа следует учесть: расположение блоков (общая конструкция); предназначение каждого блока; размеры каждого блока; технология загрузки информации в блок (текст или графика, для которой определить последовательность загрузки); информативность и композиция блоков.

Слайд 23

Описание слайда:

Силовые зоны активности Диаметр круговых элементов определяет ширину зоны активности. Элемент 1 – максимальная зона активности, а 0 – минимальная. Плотность линий в прямоугольных зонах также влияет на их степень активности. Левая и верхняя сторона прямоугольника обладают максимальной степенью активности и очень удобны для расположения систем навигации по узлу (меню).

Слайд 24

Описание слайда:

Цветовая гамма Правила выбора: контрастная схема (темное на светлом фоне); корректное использование светлых шрифтов на темном фоне; корректное смешивание теплых цветов с холодными; корректное смешивание пастельных тонов с природно-яркими тонами. Сочетаются цвета, расположенные напротив друг друга в цветовом кругу. При выборе трех цветов исключаются цвета, расположенные в секторах напротив.

Слайд 25

Описание слайда:

Параметры изображения Качество любого изображения определяется следующими параметрами: разрешение и глубина цвета. Разрешение – это количество пикселов изображения. Для экранного изображения совпадает с параметрами монитора, например, изображения с разрешением 72 pixels/inch рассчитаны на оптимальное отображение на мониторах с разрешением 800х600. Глубина цвета – это количество цветов, которые могут быть использованы в изображении. Характеризуется количеством бит, используемых для хранения каждой точки изображения.

Слайд 26

Описание слайда:

Форматы графических файлов .gif (Graphics Interchange Format) – глубина цвета для данного формата 8 бит на пиксел (256 цветов); .jpg (JPEG - Joint Photographic Experts Group) – глубина цвета для данного формата 24 бита на пиксел (полноцветное изображение); .png (Portable Network Graphics) – данный формат реализует более эффективное сжатие без потерь, чем GIF-формат и позволяет хранить полноцветные изображения и т.д.