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


Лекция18.ppt

Содержание

Создание WEB-документов

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

Слайд 1Публикация WEB-документов

Публикация WEB-документов

Слайд 2Создание WEB-документов

Создание WEB-документов

Слайд 3Размещение собственных материалов в Интернете включает два этапа:
подготовку материалов;

публикация материалов.

Размещение собственных материалов в Интернете включает два этапа: подготовку материалов; публикация материалов.

Слайд 4Подготовка материалов заключается в создании документов, имеющих формат, принятый в

Интернете, то есть Web-страниц, написанных на языке HTML.
Публикация материалов,

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

Слайд 5Создание Web-документов
Автономные Web-документы исполь-зуют язык HTML (Hypertext Markup Language -

язык разметки гипер-текста).
Гипертекст, то есть расширенный текст, включает дополнительные элементы:

иллюстрации;
ссылки;
вставные объекты.
Создание Web-документовАвтономные Web-документы исполь-зуют язык HTML (Hypertext Markup Language - язык разметки гипер-текста).Гипертекст, то есть расширенный текст,

Слайд 6Под разметкой понимается исполь-зование специальных кодов, легко отделяемых от смыслового

содержа-ния документа и используемых для реализации гипертекста.
Применение этих кодов подчиняется

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

Слайд 7Поэтому язык HTML предназначен не для форматирования документа, а для

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

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

Слайд 8Конкретное средство отображения доку-мента (браузер) выбирает свой способ представления части

документа, опи-санной как заголовок.
Браузеры: Internet Explorer, Opera.

Конкретное средство отображения доку-мента (браузер) выбирает свой способ представления части документа, опи-санной как заголовок.Браузеры: Internet Explorer, Opera.

Слайд 9Управляющие конструкции языка HTML называются тегами и вставляются непосредственно в

текст документа.
Все теги заключаются в угловые скобки .
Сразу после открывающей

скобки помещается ключевое слово, определяющее тег, например
.
Управляющие конструкции языка HTML называются тегами и вставляются непосредственно в текст документа.Все теги заключаются в угловые скобки

Слайд 10Теги HTML бывают:
парными;
непарными.
Непарные теги оказывают воздействие на весь

документ или определяют разовый эффект в месте своего появления.
При использовании

парных тегов в документ добавляются открывающий и закрывающий теги, которые воздейст-вуют на часть документа, заключенную между ними.
Теги HTML бывают: парными; непарными.Непарные теги оказывают воздействие на весь документ или определяют разовый эффект в месте

Слайд 11Закрывающий тег отличается от открывающего наличием символа «/»(косая черта) перед

ключевым словом (). Закрытие парных тегов выполняется так, чтобы соблюдались

правила вложения.
<В>На этот текст воздействуют два тега
Закрывающий тег отличается от открывающего наличием символа «/»(косая черта) перед ключевым словом (). Закрытие парных тегов выполняется

Слайд 12Эффект применения тега может видоизменяться путем добавления атрибутов.
В парных тегах

атрибуты добавляются только к открывающему тегу.
Атрибуты представляют собой дополни-тельные ключевые

слова, отделяемые от ключевого слова, определяющего тег, и от других атрибутов пробелами и размещаемые до завершающего тег символа « > ».
Эффект применения тега может видоизменяться путем добавления атрибутов.В парных тегах атрибуты добавляются только к открывающему тегу.Атрибуты представляют

Слайд 13Способ применения некоторых атрибу-тов требует указания значения атрибу-та.
Значение атрибута отделяется

от ключевого слова атрибута символом «=» (знак равенства) и заключается

в кавычки.


Способ применения некоторых атрибу-тов требует указания значения атрибу-та.Значение атрибута отделяется от ключевого слова атрибута символом «=» (знак

Слайд 14Структура языка HTML

текст
другие конструкции


текст
другие конструкции

Структура языка HTMLтекстдругие конструкции      текст      другие конструкции

Слайд 15Применение языка HTML

Применение языка HTML

Слайд 161.Структура документа HTML
Все документы HTML имеют одну и ту

же структуру, определяемую фиксиро-ванным набором тегов структуры.
Документ HTML всегда

должен начинаться с тега и заканчи-ваться соответствующим закрываю-щим тегом ().
1.Структура документа HTML Все документы HTML имеют одну и ту же структуру, определяемую фиксиро-ванным набором тегов структуры.

Слайд 17Внутри документа выделяются два основных раздела: раздел заголовков и тело

документа, — идущих именно в таком порядке.
Раздел заголовков содержит инфор-мацию,

описывающую документ в целом, и ограничивается тегами и .
Раздел заголовков должен содержать общий заголовок документа, ограни-ченный парным тегом .<br> </div> <div class="image"> <a href="/img/thumbs/3b4250d5cb7aaec5e18d33ae72e66bb0-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Внутри документа выделяются два основных раздела: раздел заголовков и тело документа, — идущих именно в таком порядке.Раздел заголовков содержит инфор-мацию, описывающую документ в целом, и ограничивается тегами и . Раздел заголовков должен содержать общий заголовок документа, ограни-ченный парным тегом ."><img src="/img/thumbs/3b4250d5cb7aaec5e18d33ae72e66bb0-800x.jpg" title="Лекция18.ppt Внутри документа выделяются два основных раздела: раздел заголовков и тело документа," alt="Внутри документа выделяются два основных раздела: раздел заголовков и тело документа, — идущих именно в таком порядке.Раздел"></a> </div> <hr> </div> <div class="descrip" id="slide18"> <h2><a href="/img/thumbs/0e9f0e203b1563fc3c2c702234b96d16-800x.jpg" target="_blank">Слайд 18</a>Основное содержание размещается в теле документа, которое ограничи-вается парным тегом</h2> <div class="text"> <h3>. Строго говоря, положение структурных тегов в документе нетрудно определить,</h3> даже если они опущены. Поэтому стандарт языка HTML требует только наличия тега <TITLE> (и, соответственно, ). Тем не менее, при создании документа HTML опускать структурные теги не рекомендуется.
Основное содержание размещается в теле документа, которое ограничи-вается парным тегом . Строго говоря, положение структурных тегов в

Слайд 19Схема структуры документов HTML



Заголовок документа
< /ТIТLЕ >


Тело документа


Схема структуры документов HTML					Заголовок документа		< /ТIТLЕ >				Тело документа

Слайд 202. Элементы HTML
Для парных тегов область влияния определяется частью

документа между открывающим и закрывающим тегом. Такую часть документа рассматривают

как элемент языка HTML. Так, можно говорить об «элементе BODY», включающем тег , основное содержание документа и закрывающий тег . Весь документ HTML можно рассматривать как «элемент HTML ».
2. Элементы HTML Для парных тегов область влияния определяется частью документа между открывающим и закрывающим тегом. Такую

Слайд 21Для непарных тегов элемент совпадает с тегом, который его определяет.
Большинство

элементов языка HTML описывает части содержания документа и помещается между

тегами и , то есть внутрь структурного элемента BODY. Такие элементы делят на:
блочные;
текстовые.
Для непарных тегов элемент совпадает с тегом, который его определяет.Большинство элементов языка HTML описывает части содержания документа

Слайд 22Блочные элементы относятся к частям текста уровня абзаца.
Текстовые элементы

описывают свойства отдельных фраз и еще более мелких частей текста.

Блочные элементы относятся к частям текста уровня абзаца. Текстовые элементы описывают свойства отдельных фраз и еще более

Слайд 23Правила вложения элементов:
Элементы не должны пересекаться.
Блочные элементы могут содержать

вложенные блочные и текстовые элементы.
Текстовые элементы могут содержать вложенные текстовые

элементы.
Текстовые элементы не могут содержать вложенные блочные элементы.
Правила вложения элементов:Элементы не должны пересекаться. Блочные элементы могут содержать вложенные блочные и текстовые элементы.Текстовые элементы могут

Слайд 24Строго говоря, все правила языка HTML можно рассматривать исключительно как

«пожелания». Средство, используемое для отображения Web-документа, сделает все возможное, чтобы

истолковать разметку наиболее разумным образом. Тем не менее, гарантию правильного воспроизведения доку-мента дает только неукоснительное следование требованиям специфи-кации языка.
Строго говоря, все правила языка HTML можно рассматривать исключительно как «пожелания». Средство, используемое для отображения Web-документа, сделает

Слайд 253. Функциональные блочные элементы
В большинстве документов основными функциональными элементами

являются заголовки и абзацы.









3. Функциональные блочные элементы В большинстве документов основными функциональными элементами являются заголовки и абзацы.

Слайд 26Язык HTML поддерживает шесть уровней заголовков. Они задаются при помощи

парных тегов от до . При отображении и Web-документа

на экране компьютера эти элементы показываются при помощи шрифтов разного размера.
Обычные абзацы задаются с помощью парного тега <Р>. Язык HTML не содержит средств для создания абзацного отступа («красной строки»), поэтому при отображении на экране компьютера абзацы разделяются пустой строкой. Закрывающий тег рассматривается как необязательный. Подразумевается, что он стоит перед тегом, который задает начало очередного абзаца документа. Например:
<Н1>Заголовок
<Р>Первый абзац<Р>Второй абзац
<Н2>Заголовок второго уровня
Язык HTML поддерживает шесть уровней заголовков. Они задаются при помощи парных тегов от до . При отображении

Слайд 27Следствием наличия специального тега, определяющего абзац, является тот факт что

обычного символа конца строки, вводимого по нажатию клавиши ENTER, создания

абзацного отступа недостаточно. Язык HTML рассматривает символы конца строки и пробелы особым образом. Любая последовательность, состоящая только из пробелов и символов конца строки, при отображении документа рассматривается как одиночный пробел. Это, в частности, означает, что символ конца строки даже не осуществляет перехода на новую строку (для этой цели используется текстовый элемент, задаваемый непарным тегом
). В качестве ограничителя абзацев может также использоваться горизонтальная линейка. Этот элемент задается непарным тегом
. При отображении документа на экране линейка разделяет части текста друг от друга. Ее длина и толщина задается атрибутами тега
.

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

Слайд 28Элемент BODY

текст документа

Элемент BODY текст документа

Слайд 29bgcolor - Определяет цвет фона для тела документа.
text -

Определяет цвет, используемый при выводе на экран текста из данного

документа.
link - Определяет цвет, который будет использоваться при выводе на экран текста из еще не выбранных вами гипертекстовых связей
bgcolor - Определяет цвет фона для тела документа. text - Определяет цвет, используемый при выводе на экран

Слайд 30vlink - Определяет цвет, который будет использоваться при выводе на

экран текста из уже проверенных вами гипертекстовых связей.
alink -

Задает цвет, которым будут выделяться в тексте гипертекстовые связки в тот момент, когда пользователь щелкает по ним клавишей мыши.
background - Определяет адрес URL, откуда будет браться изображение для фона текущего документа.
vlink - Определяет цвет, который будет использоваться при выводе на экран текста из уже проверенных вами гипертекстовых

Слайд 31Базовые цвета
RGB(0-FF,0-FF,0-FF)

Базовые цветаRGB(0-FF,0-FF,0-FF)

Слайд 32Параграф

Заголовок

Горизонтальная линейка

Конец строки


Элементы форматирования на уровне

блоков

ПараграфЗаголовокГоризонтальная линейкаКонец строки Элементы форматирования на уровне блоков

Слайд 33Элементы задающие шрифт
телетайпный текст
стиль с наклонным шрифтом


стиль с жирным шрифтом
стиль с подчеркиванием текста


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

Слайд 34Элементы задающие шрифт
текст
size - Устанавливает размер

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

Вы можете задать абсолютный размер шрифта, указав какое-либо целое число от 1 до 7. Для шрифта можно также указывать относительный размер, сообщая атрибуту целое число со знаком (например, это может быть size="+1" или size="-2").
color - указывает цвет, которым будет выделен данный кусок текста. Цвета задаются в виде RGB-значения с шестнадцатеричной нотацией, либо выбирается один из 16 стандартных цветов, описанных в элементе BODY при рассмотрении атрибута BGCOLOR.
Элементы задающие шрифт текст size - Устанавливает размер шрифта, который будет использоваться текстом, содержащимся в пределах элемента

Слайд 35Неупорядоченные списки

... первый пункт списка
... второй пункт списка
...

Неупорядоченные списки ... первый пункт списка ... второй пункт списка...

Слайд 36Упорядоченные списки

... первый пункт списка
... второй пункт списка
...

Упорядоченные списки ... первый пункт списка ... второй пункт списка...

Слайд 37Таблицы


1-я клетка 1-ой строки


2-я клетка 1-ой строки



1-я клетка 2-ой строки
...



Таблицы 1-я клетка 1-ой строки  2-я клетка 1-ой строки  1-я клетка 2-ой строки ... …

Слайд 38Таблицы








COLSPAN - протяженность в несколько столбцов

Таблицы COLSPAN - протяженность в несколько столбцов

Слайд 39Изображения

src=“ship.gif” alt=“Корабль моей мечты” align=left width=50 height=50 border=2 hspace=3

vspace=3>
Изображения

Слайд 40ССЫЛКИ

текст или указатель на изображение


мечты”> Ничего кораблик!!!

ССЫЛКИтекст или указатель на изображение Ничего кораблик!!!

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

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

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

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

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


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

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