Разделы презентаций


Представление о веб-конструировании презентация, доклад

Содержание

Представление информации в сети ИнтернетВсемирная информационная паутина (WWW – World Wide Web) является в настоящее время популярной и удобной службой сети Интернет. Веб-страницы и веб-сайты широко применяются во Всемирной паутине.

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

Слайд 1Представление о веб-конструировании

Представление о веб-конструировании

Слайд 2Представление информации в сети Интернет
Всемирная информационная паутина (WWW – World

Wide Web) является в настоящее время популярной и удобной службой

сети Интернет.
Веб-страницы и веб-сайты широко применяются во Всемирной паутине.
Представление информации в сети ИнтернетВсемирная информационная паутина (WWW – World Wide Web) является в настоящее время популярной

Слайд 3Как создают сайты?
Для создания веб-сайтов используется язык разметки гипертекстовых документом

HTML (HyperText Markup Language).

Как создают сайты?Для создания веб-сайтов используется язык разметки гипертекстовых документом HTML (HyperText Markup Language).

Слайд 4Зачем нужен язык разметки?
При создании обычного документа в любом текстовом

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

начертание шрифта, цвет букв, ширину полей.
То, что вы делаете с документом на экране монитора, в том же виде переносится на бумагу при распечатке на принтере.
Это возможно благодаря графическому интерфейсу пользователя (GUI — Graphical User Inerface), который поддерживает технологию точного отображения WYSIWYG (сокращение от «What You See Is What You Get» — что видите, то и получаете).
Зачем нужен язык разметки?При создании обычного документа в любом текстовом процессоре легко можно выполнить форматирование документа, например,

Слайд 5Обмен информацией не всегда успешно проходит в двустороннем порядке между

текстовыми редакторами (ТР) даже в пределах одной операционной системы, например

Блокнот и Microsoft Word. В случае с различными ОС ситуация может ещё более усложниться.
Обмен информацией не всегда успешно проходит в двустороннем порядке между текстовыми редакторами (ТР) даже в пределах одной

Слайд 6В случае веб-страниц пользователь имеет дело не с бумажными, а

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

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

В случае веб-страниц пользователь имеет дело не с бумажными, а с электронными документами, полученными через Интернет. Принцип

Слайд 7А если бы всё так и было?

А если бы всё так и было?

Слайд 8На работе мы бы видели это

На работе мы бы видели это

Слайд 9Дома это

Дома это

Слайд 10На улице такую картину

На улице такую картину

Слайд 11А в школах такую

А в школах такую

Слайд 12Обработка файлов полученных из интернета была бы утомительной

Обработка файлов полученных из интернета была бы утомительной

Слайд 13Детей Интернет наверное не заинтересовал бы вообще

Детей Интернет наверное не заинтересовал бы вообще

Слайд 14Работали бы люди в Интернете вот так

Работали бы люди  в Интернете вот так

Слайд 15И в итоге получалось бы вот это

И в итоге получалось бы вот это

Слайд 16Идея решения проблемы обмена документами между различными компьютерами и приложениями

через Интернет основана на языке разметки гипертекста HTML (HyperText Markup

Language).
Идея решения проблемы обмена документами между различными компьютерами и приложениями через Интернет основана на языке разметки гипертекста

Слайд 17Этот язык был создан более 20 лет назад как стандарт

оформления документов и был принят подавляющим большинством пользователей Интернета, а

главное, — всеми производителями программного обеспечения и оборудования для Web.
Этот язык был создан более 20 лет назад как стандарт оформления документов и был принят подавляющим большинством

Слайд 18Документы, размеченные согласно HTML, могут читаться на любом компьютере, на

котором установлена всего лишь одна программа просмотра таких документов —

браузер.

Документы, размеченные согласно HTML, могут читаться на любом компьютере, на котором установлена всего лишь одна программа просмотра

Слайд 19Благодаря языку разметки HTML клиент Web может на экране своего

компьютера просмотреть документ в том виде, в каком его задумал

разработчик: с определенными размерами шрифта и разбивкой на абзацы, с определенным расположением рисунков и гиперссылок.

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

Благодаря языку разметки HTML клиент Web может на экране своего компьютера просмотреть документ в том виде, в

Слайд 20Разметка документа — это описание различных фрагментов документа и их

взаимного расположения. Выполняется разметка с помощью команд языка HTML —

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

Слайд 21В языке HTML имеется множество тегов, среди которых — теги

создания заголовка документа, задания параметров шрифта, вычерчивания линий, вставки гиперссылок,

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


В языке HTML имеется множество тегов, среди которых — теги создания заголовка документа, задания параметров шрифта, вычерчивания

Слайд 22Об истории HTML
История языков разметки уходит в 60-е годы XX

века, когда сотрудники компании IBM взялись за решение задач переноса

документов между различными платформами и операционными системами. Результатом их усилий стал язык GML (General Markup Language — общий язык разметки).
Об истории HTMLИстория языков разметки уходит в 60-е годы XX века, когда сотрудники компании IBM взялись за

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

исследований (CERN) в Женеве. Так, в конце 1980-х годов Тим

Бернерс-Ли занялся проблемой хранения и отображения данных, полученных коллегами.
Следующий этап связан с именами ученых-физиков, сотрудников Европейского центра ядерных исследований (CERN) в Женеве. Так, в конце

Слайд 24Проблема состояла в том, что каждый специалист, приезжавший в Центр,

применял собственные методы представления информации и срочно требовалось создание универсальной

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

Слайд 25В основу разрабатываемого языка Бернерс-Ли положил язык GML и приемы

работы с гипертекстом, с чем и связано название созданного им

языка — HTML. Новый язык использовал основные конструкции GML для описания документов и гипертекстовых ссылок.
Понятие гипертекст означает электронный документ, который содержит в себе ссылки на другие документы.


В основу разрабатываемого языка Бернерс-Ли положил язык GML и приемы работы с гипертекстом, с чем и связано

Слайд 26Разработка HTML привела в итоге к новой технологии распространения гипертекстовых

документов в Интернете World Wide Web (WWW).
Однако для широкого

распространения World Wide Web кроме языка HTML потребовалась разработка протокола передачи гипертекста HTTP (Hyper Text Transfer Protocol — протокол передачи гипертекста), который позволил осуществлять обмен документами HTML.
Именно этот протокол дал возможность приложению-клиенту находить и использовать ресурсы, хранящиеся на другом компьютере.

Разработка HTML привела в итоге к новой технологии распространения гипертекстовых документов в Интернете World Wide Web (WWW).

Слайд 27Браузеры
Чтобы отобразить на экране компьютера HTML-документы в том виде, как

они задумывались разработчиками, необходимо иметь специальную программу, называемую «браузер». (От

английского слова browse, которое переводится как «пастись, ощипывать молодые побеги, заниматься беспорядочным чтением».) Браузер Internet Explorer входит в виде интегрированного модуля в Windows.

БраузерыЧтобы отобразить на экране компьютера HTML-документы в том виде, как они задумывались разработчиками, необходимо иметь специальную программу,

Слайд 29HTML-файлы
Веб-страница, загружаемая в браузер, представляет собой HTML-файл.
Это текстовый файл

с расширением .htm или .html.
Файлы . htm создаются для

обработки в операционной системе DOS (где принято расширения обозначать тремя буквами).
Для работы в Windows допустимо сохранять HTML-файлы с расширениями .htm и .html, причем более предпочтительным является использование расширения .html.

HTML-файлыВеб-страница, загружаемая в браузер, представляет собой HTML-файл. Это текстовый файл с расширением .htm или .html. Файлы .

Слайд 30Для просмотра HTML-кода страницы в браузере Internet Explorer можно выполнить

любое из следующих действий:
щелкните правой кнопкой мыши в окне документа

и в появившемся контекстном меню выберите команду Просмотр HTML-кода;
выберите команду меню Вид ► Просмотр HTML-кода.
После этого на экране откроется окно приложения Блокнот с HTML-кодом просматриваемой вами страницы.

Для просмотра HTML-кода страницы в браузере Internet Explorer можно выполнить любое из следующих действий:щелкните правой кнопкой мыши

Слайд 31Редакторы HTML-файлов
Так как HTML-документ представляет собой текстовый файл, для его

создания и редактирования можно использовать любой текстовый редактор, например Блокнот.


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

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

разделить на два типа:
редакторы HTML-текстов, которые автоматизируют набор кода. Наиболее

известные из них — это HomeSite, HotDog;
визуальные редакторы HTML, в которых пользователь имеет дело не с кодом, а с графическими образами элементов HTML. К ним относятся редакторы Microsoft Front Page, Macromedia Dreamweaver.
Существуют также более серьезные программы для подготовки веб-страниц. Их можно разделить на два типа:редакторы HTML-текстов, которые автоматизируют

Слайд 33Вопросы
Какой язык программирования применяется для создания сайтов?
Почему для создания

web-документов неприемлем традиционный способ?
Как называется программа для просмотра Web-документов?
Что такое

разметка документа?
Что такое теги?
Что такое гипертекст?
Что такое HTML файл?
Вопросы Какой язык программирования применяется для создания сайтов?Почему для создания web-документов неприемлем традиционный способ?Как называется программа для

Слайд 34Вопросы
Какие расширения могут иметь HTML файлы?
Какие действия нужно выполнить для

просмотра HTML кода в браузере Internet Explorer?
Какие виды редакторов HTML

файлов вы знаете?
Кто впервые занялся проблемой хранения и отображения данных?
Как называется протокол передачи гипертекста?
Назовите стандартную программу Windows в которой можно создавать сайты

ВопросыКакие расширения могут иметь HTML файлы?Какие действия нужно выполнить для просмотра HTML кода в браузере Internet Explorer?Какие

Слайд 35Домашнее задание
§1.1. с. 4-6
Придумать тему будущего сайта.
Сделать подборку

материалов по выбранной теме.
Подборка материалов должна включать в себя текст

и изображения.
Домашнее задание §1.1. с. 4-6Придумать тему будущего сайта. Сделать подборку материалов по выбранной теме.Подборка материалов должна включать

Обратная связь

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

Email: Нажмите что бы посмотреть 

Что такое TheSlide.ru?

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.


Для правообладателей

Яндекс.Метрика