Презентация В чем различие между Веб и Интернет онлайн

На нашем сайте вы можете скачать и просмотреть онлайн доклад-презентацию на тему В чем различие между Веб и Интернет абсолютно бесплатно. Урок-презентация на эту тему содержит всего 39 слайдов. Все материалы созданы в программе PowerPoint и имеют формат ppt или же pptx. Материалы и темы для презентаций взяты из открытых источников и загружены их авторами, за качество и достоверность информации в них администрация сайта не отвечает, все права принадлежат их создателям. Если вы нашли то, что искали, отблагодарите авторов - поделитесь ссылкой в социальных сетях, а наш сайт добавьте в закладки.

Презентации » Образование » В чем различие между Веб и Интернет

Просмотр ВСЕЙ презентации! ЖМИТЕ

Оцените презентацию от 1 до 5 баллов!

Смотреть онлайн
Скачать

Тип файла:

ppt / pptx (powerpoint)
Всего слайдов:

39 слайдов
Для класса:

1,2,3,4,5,6,7,8,9,10,11
Размер файла:

300.50 kB
Просмотров:

65
Скачиваний:

0
Автор:

неизвестен

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

№1 слайд

Содержание слайда: Содержание

№2 слайд

Содержание слайда: В чем различие между Веб и Интернет?

№3 слайд

Содержание слайда:

№4 слайд

Содержание слайда: ЭРА СТАНОВЛЕНИЯ

№5 слайд

Содержание слайда: ЭРА СТАНОВЛЕНИЯ

№6 слайд

Содержание слайда: ЭРА ПЕРВОБЫТНАЯ

№7 слайд

Содержание слайда: ЭРА ПЕРВОБЫТНАЯ

№8 слайд

Содержание слайда: ЭРА ПЕРВОБЫТНАЯ

№9 слайд

Содержание слайда: ЭРА РАЗВИТИЯ

№10 слайд

Содержание слайда: ЭРА РАЗВИТИЯ

№11 слайд

Содержание слайда: ЭРА НОВЕЙШАЯ

№12 слайд

Содержание слайда: Язык гипертекстовой разметки HTML

№13 слайд

Содержание слайда: Структурированный текст Данные представляют собой иерархию элементов. Каждый элемент имеет имя, атрибуты и несет некую информацию. Большинство элементов представлены в документе в виде начальной метки, указывающей имя и атрибуты. Далее следует собственно содержание элемента. И наконец, заканчивает все это конечная метка. Например, <HTML> <TITLE> Простой блок данных </TITLE> <H1> Пример структуры </H1> Обычный параграф <P> <UL> <LI>Первая запись, включающая <A NAME="URI"> текст </A> <LI>Вторая запись </UL> </HTML> Пример 1

№14 слайд

Содержание слайда: Структурированный текст Метки Каждый элемент начинается с метки, меткой же и заканчивается каждый непустой элемент. Начальные метки выделяются символами < и >, а конечные - символами </ и >. Имена Имя элемента следует в метке сразу за символом открытия <. Имя начинается с буквы, за которой могут следовать еще 33 буквы, цифры, пробела или дефиса. В именах игнорируется разница между прописными и строчными буквами. Атрибуты Начальная метка позволяет вставить между именем и символом > пробелы и атрибуты. Атрибут состоит из имени, символа равенства и значения. Слева и справа от символа равенства можно оставлять пробелы. Значение атрибута указывается в виде строки, заключенной в одинарные или двойные кавычки.

№15 слайд

Содержание слайда: Разделители строк Разделитель строки рассматривается как элемент разметки (и соотвественно игнорируется), если он помещен в элемент в начале или конце поля данных. Это позволяет Вам писать либо <pre>some example text</pre> либо <pre> some example text </pre> Оба примера будут обработаны одинаковым образом. Кроме того, если строка документа не является пустой, но все равно не содержит информацию для анализатора, она будет игнорироваться полностью. Например, элемент <pre>  first line T hird line fourth line </pre> содержит лишь строки first line third line fourth line Пример 2

№16 слайд

Содержание слайда: Пробелы и табуляторы Символы пробелов должны воспроизводиться как горизонтальные пробелы. В языке HTML несколько рядом стоящих символов пробела должны воспроизводиться как один пробел. Порядок воспроизведения символа горизонтальной табуляции (HT) не определен, и поэтому символ HT не должен использоваться в документах, за исключением тех случаев, когда он является частью элемента PRE. Ни пробелы, ни табуляторы нельзя использовать для того, чтобы сделать документ в формате SGML более красивым и легко читаемым.

№17 слайд

Содержание слайда: Список инструментария для разметки Разделитель Его значение <!– комментарий &# обращение к символу по числовому значению & обращение к объекту </ метка завершения <! декларация элемента разметки ]]> конец выделенной части документа (приводит к ошибке) < начальная метка

№18 слайд

Содержание слайда: Общие свойства документа HEAD Элемент HEAD содержит всю информацию о документе в целом. Однако он не содержит какого-либо текста. Последний является лишь частью документа и должен находиться в элементе BODY. В элементе заголовка HEAD можно использовать лишь строго заданный набор элементов. Нижеприведенные элементы определяют общие свойства документа. Они должны появляться в элементе HEAD. Порядок элементов значения не имеет. TITLE Название элемента. ISINDEX Элемент, посылаемый серверу вместе с документом, предназначенным для информации к поиску. LINK Элемент, определяющий связь этого документа с другими. В документе может присутствовать несколько элементов LINK. См. описание связей между документами и описание элемента Анкер. BASE Запись, сделанная на языке URL при фиксировании данного документа. .

№19 слайд

Содержание слайда: Форматирование текста В элементе BODY документа встречаются элементы из приведенного ниже списка. Они выстроены в том порядке, в каком должны подаваться на устройство вывода. Заголовки (Headings) Язык поддерживает заголовки разделов различных уровней. Анкеры (Anchors) Части текста, которые формируют начало и/или конец связей в гипертексте, называются, анкерами и формируются меткой A. Метки параграфов (Paragraph marks) Элемент P указывает на границу между параграфами. Стиль адреса (Address style) Этот элемент указывает, в каком стиле предстает перед клиентом элемент ADDRESS. Выделенный блок текста. (Blockquote style). Списки, словари и т.д. Преформатированный текст (Preformatted text) Части текста, предварительно отформатированные с использованием шрифта фиксированной ширины. Выделение символов (Character highlighting) Элементы форматирования, не вызывающие разбиения на параграфы. Графика IMG Метка IMG может использоваться для включения в текст графических изображений.

№20 слайд

Содержание слайда: Форматирование текста BODY В противоположность элементу HEAD элемент BODY содержит всю ту информацию, из которой собственно и состоит рассматриваемый документ. Анкер (элемент A) Анкер - это некий текст, который указывает на начало и/или конец связи в гипертексте. Текст между открывающей и закрывающей метками определяет начало связи или указываемое ею место (или и то, и другое вместе). Метка анкера может иметь следующие атрибуты:

№21 слайд

Содержание слайда: Форматирование текста HREF Необязательный. Если атрибут HREF установлен, то анкер является точно выверенный текстом - началом соединения. Если читатель выбрал этот текст, то ему (ей) будет представлен другой элемент, чей сетевой адрес определяется значением HREF атрибута. Формат сетевого адреса определяется в другом месте. Такой подход позволяет с помощью формы HREF="#индикатор" ссылаться на другой анкер в том же самом документе. Если же анкер относится к другому документу, атрибут является относительным именем, именем относительно данного документа (либо он указывает базовый адрес, если таковой имеется). NAME Необязательный. Если этот атрибут указан, то он позволяет данному анкеру быть местом в документе, на которое ссылается какой-либо анкер. Значение атрибута является идентификатором анкера. Идентификатор анкера - это произвольная строка текста, которая тем не менее уникальна в пределах рассматриваемого HTML документа. Другие документы тоже могут создавать ссылки именно на этот анкер, помещая его идентификатор в поле адреса документа после символа #.

№22 слайд

Содержание слайда: Форматирование текста URN Необязательный. Если этот атрибут указан, то это определяет универсальный номер ресурса для данного документа. TITLE Необязательный. Данный атрибут является чисто информационным. Если атрибут присутствует в анкере, его значение должно совпадать со значением элемента TITLE в документе, чей адрес указан в атрибуте HREF. METHODS Необязательный. Значение этого атрибута - строка. Она должна представлять собой список через запятую методов HTTP, которые программа общего пользования в состоянии поддерживать. См. замечание 3.

№23 слайд

Содержание слайда: Форматирование текста Пример использования анкеров See <A HREF="http://info.cern.ch/">CERN</A>'s information for more details. A <A NAME=serious>serious</A> crime is one which is associated with imprisonment. The Organization may refuse employment to anyone convicted of a <a href="#serious">serious</A> crime. Пример 3

№24 слайд

Содержание слайда: Форматирование текста Заголовки (Headings) Обрабатывается до шести уровней заголовков. Элемент заголовка несет в себе все изменения шрифтов, разбиение на параграфы до и после, пробелы, необходимые, например, для обработки заголовка. Язык HTML не требует применения иных средств для выделения символов или разбивки текста на параграфы. Заголовок H1 относится к самому верхнему уровню и рекомендуется в качестве начального для узла в гипертексте. Предполагается, что текст первого заголовка будет соответствовать запросам клиента, уже производящего анализ, связанный с этим узлом информации. Это отличает заголовок (heading) от названия (title), которое должно характеризовать данный узел в более широком плане. Элементы заголовка: <H1>, <H2>, <H3>, <H4>, <H5>, <H6>.

№25 слайд

Содержание слайда: Форматирование текста Заголовки (Headings) Было бы отклонением от правил при переходе от заголовка к заголовку пропускать какой-либо уровень, например, ставить после элемента H1 сразу элемент H3. Хотя такая практика и не запрещена, но нежелательна и может привести к странным результатам при написании других реализаций языка HTML. Пример <H1>This is a heading</H1> <P>Here is some text <H2>Second level heading</H2> <P>Here is some more text Пример 4

№26 слайд

Содержание слайда: Форматирование текста Заголовки (Headings) Типовые методы обработки H1Толстый, очень крупный шрифт, текст центрирован. Между заголовком и последующим текстом вставляется одна или две пустых строки. При выводе на принтер заголовок печатается на новой странице. H2 Толстый крупный шрифт. Без отступа. До и после заголовка помещаются одна или две пустых строки. H3 Наклонный большой шрифт. До и после заголовка помещаются одна или две пустые строки. С небольшим отступом. H4 Толстый нормальный шрифт. Отступ больше, чем в H3. До и после заголовка помещается пустая строка. H5 Наклонный нормальный шрифт. Отступ как у заголовка H4. Пустая строка ставится перед заголовком, но не после. H6 Толстый шрифт. Отступ такой же, как у обычного текста и больше, чем у H5. Перед заголовком ставится пустая строка.

№27 слайд

Содержание слайда: Форматирование текста IMG: Встроенные изображения Элемент IMG позволяет вставлять информацию из другого документа. Последний обычно является иконкой, маленькой картинкой и т.д. Элемент IMG не предназначен для вставки дополнительного HTML текста. Элемент IMG является пустым (не имеет заключительной метки) и имеет два атрибута: SRCЗначением этого атрибута является URL документа, который должен быть вставлен в гипертекст. Синтаксис этого атрибута такой же, как и у атрибута HREF для метки A. Атрибут SRC является обязательным. ALIGN Это атрибут, принимая значения TOP, MIDDLE или BOTTOM, определяет, верхняя, средняя или нижняя часть изображения должна быть поставлена вровень с текстом. В тексте анкеров допускается применение элементов IMG. Пример Warning: < IMG SRC ="triangle.png"> Thus must be done by a qualified echnician. < A HREF="Go">< IMG SRC =" rtriangle.png "> Press to start</A> Пример 5

№28 слайд

Содержание слайда: Форматирование текста Списки Список - это последовательность параграфов, каждому из которых может предшествовать специальная метка или очередной номер. Синтаксис списка: <UL> <LI> list element <LI> another list element ... </UL> Открывающими метками для списка могут быть UL, OL, MENU или DIR. Сразу за открывающей меткой должен следовать первый элемент списка. Типовая обработка Здесь мы не определяем порядок воспроизведения списков, однако должны быть четко оговорены размеченный список для случая неупорядоченных списков и очередь нумерованных параграфов для упорядоченного списка. Среди других возможностей для интерактивного показа списков - встроенные панели скроллинга для ускоренного просмотра.

№29 слайд

Содержание слайда: Форматирование текста Списки Список элементов, имеющих типовые алгоритмы обработки: UL Список многострочных параграфов, обычно разделенных несколькими пробелами и/или размеченный кружками или крупными черными точками. OL Этот элемент похож на элемент UL, за исключением того, что параграфы нумеруются. MENU Список параграфов меньшего размера. Обычно на одну запись приходится лишь одна строка, а ее стиль более компактен, чем в случае элемента UL. DIR Список элементов, чей размер, как правило, не превышает 20 символов. Элементы могут размещаться в несколько колонок на странице, причем ширина такой колонки обычно 24 символа. Намного лучше, если программа обработки в состоянии оптимизировать ширину колонки в зависимости от ширины составляющих ее элементов.

№30 слайд

Содержание слайда: Форматирование текста P: Метка параграфа Пустой элемент P служит разделителем параграфов. Конкретная процедура обработки (отступы, инструкции и т.д.) здесь не оговаривается и может зависеть от наличия иных меток, стилей и т.д. Метка <P> ставится между двумя частями текста для их разделения. Нет нужды применять <P> для создания пустого места вокруг заголовка, списка, адреса или выделенных элементов, которые уже сами по себе предполагают наличие разделителей параграфов. Создание пустых мест вокруг перечисленных элементов - обязанность программы обработки. Соседство метки разделителя параграфов и такого элемента, который сам автоматически создает разделители параграфов, может привести к непредсказуемым последствиям. Следует избегать того, чтобы метке разделителя параграфов предшествовал или следовал за ней такой элемент.

№31 слайд

Содержание слайда: Форматирование текста P: Метка параграфа Типовая обработка Обычно метка <P> создает небольшой вертикальный пропуск между параграфами (одна строка или полстроки). Этого не происходит (как правило) в тексте элементов ADDRESS и (даже) PRE. В некоторых версиях в обычном тексте метка <P> может также создавать небольшой отступ слева в первой строке открываемого ею параграфа. Примеры использования <h1>What to do</h1> This is a one paragraph.<p>This is a second. < P > This is a third. Примеры ошибок <h1><P>What not to do</h1> <p>I found that on my XYZ browser it looked prettier to me if I put some paragraph marks <p> <ul><p><li>Around lists, and <li>After headings. </ul> <p> None of the paragraph marks in this example should be there. Пример 8

№32 слайд

Содержание слайда: Форматирование текста PRE: предварительно отформатированный текст В языке HTML предварительно отформатированный текст отображается в виде текста, использующего шрифт фиксированной ширины. Необязательный атрибут этого элемента WIDTH Этот атрибут задает максимальное количество символов, которые может содержать строка текста. Эта информация позволяет системе обработки выбирать соответствующие данному случаю шрифты и отступ. В случаях, когда атрибут WIDTH не идентифицирован, рекомендуется выбирать ширину 80 символов. В случаях, когда атрибут WIDTH присутствует, рекомендуется иметь фиксированный набор размеров 40, 80 и 132 символа, остальные значения атрибута должны быть промежуточными.

№33 слайд

Содержание слайда: Форматирование текста PRE: предварительно отформатированный текст В пределах элемента PRE: В тексте символы конца строки обрабатываются как информация к переходу на начало следующей строки. Это не относится к строке непосредственно предшествующей метке, или следующей за ней. Не должна применяться метка <p>. Если она все же обнаружена, то должна интерпретироваться как команда перехода на начало следующей строки. Могут применяться анкеры и элементы выделения символов. Не должны применяться элементы, определяющие форматирование параграфов (заголовки, адреса и т.д.). ASCII символ горизонтальной табуляции (HT) должен интерпретироваться как наименьшее положительное количество пробелов, остающихся до позиции, чей номер кратен 8. Однако применение этого символа не рекомендуется. Пример использования <PRE WIDTH="80"> This is an example line </PRE> Пример 9

№34 слайд

Содержание слайда: Форматирование текста Название документа Название документа задается элементом TITLE. В документе элемент TITLE должен быть частью элемента HEAD. Любой документ может иметь не более одного названия. Название должно характеризовать содержание элемента в более широком плане. Название не является всего лишь частью текста в документе. Оно относится ко всему документу в целом. Название не может содержать анкеры, разделители параграфов, выделение символов. Название документа может использоваться при идентификации узла в архивном списке, в качестве метки на окне, показывающем этот узел гипертекста. Название, как правило, не появляется в текстовом поле документа. Названия противопоставляются заголовкам. В идеале, размер названия документа не должен превышать 64 символов. Примеры приемлемых названий <TITLE>Rivest and Neuman. 1989(b)</TITLE> Примеры неприемлемых заголовков Заголовок, имеющий смысл лишь в случае привязки к конкретному контексту <TITLE>Introduction</TITLE> или слишком длинный заголовок <TITLE>Remarks on the Quantum-Gravity effects of "Bean Pone"diversification in Mononucleosis patients in Developing Countries under Economic Conditions Prevalent during the Second half of the Twentieth Century, and Related Papers: a Summary</TITLE> Пример 10

№35 слайд

Содержание слайда: Форматирование текста Выделение символов Элементы выделения позволяют форматировать отдельные части текста особым образом, производить выделение и т.д. Метки выделения не приводят к разбиению на параграфы и могут применяться к отдельным кускам текста внутри параграфов. Как и все метки, не поддерживаемые имеющимися версиями анализаторов языка HTML, эти метки будут игнорироваться, однако размеченный ими текст будет обрабатываться как и любой другой. Все метки выделения имеют соответствующие им завершающие метки, как в этом примере This is <EM>emphasized</EM> text.

№36 слайд

Содержание слайда: Форматирование текста Выделение символов Физические стили TT Шрифт фиксированной ширины. B Толстый или еще каким-либо образом выделенный шрифт. I Наклонный шрифт (или искаженный каким-либо образом, если просто наклон невозможен). U Подчеркивание.

№37 слайд

Содержание слайда: Форматирование текста Выделение символов Логические стили EM Выделение символов (обычно наклон шрифта). STRONG Более четкое выделение (обычно применение более жирного шрифта). CODE Пример кода. Обычно фиксированный шрифт (не путать с элементом PRE). SAMP Последовательность символов. (названия команд, примеры.) KBD Текст, набираемый пользователем. Этот стиль применяется в описаниях. VAR Имя переменной. DFN Пример определения к какому-либо термину. Обычно жирный наклонный шрифт или просто жирный. CITE Цитата. Обычно наклонный шрифт. Пример 11 Форматирование

№38 слайд

Содержание слайда: Форматирование текста Пример использования This text contains an <em>emphasized</em> word. <strong>Don't assume</strong> that it will be italic! It was made using the <CODE>EM</CODE> element. A citation is typically italic and was no formal necessary structure: <cite>Moby Dick</cite> is a book title. Пример 12 Выделение символов

№39 слайд

Содержание слайда: Форматирование текста Объекты В языке HTML применяются нижеуказанные имена объектов. Этим именам всегда предшествует амперсанд (&), а за ними следует точка с запятой. Объекты представляют конкретные графические символы, имеющие определенное значение при разметке, или же они не относятся к символам, которые не могут быть напечатаны иным образом. < символ "меньше чем" < > символ "больше чем" > & символ амперсанда &. " символ двойных кавычек " Пример 13 Примеры отображения символов Пример 14 Таблица цветов Пример 15 Пример составление таблиц

Скачать все slide презентации В чем различие между Веб и Интернет одним архивом:

Скачать

Похожие презентации