Меню
Разработки
Разработки  /  Информатика  /  Презентации  /  8 класс  /  Web-страницы и Web-сайты. Структура страницы. Форматирование текста

Web-страницы и Web-сайты. Структура страницы. Форматирование текста

Презентация по учебнику Угринович 8 кл. 2011г. по теме:Web-страницы и Web-сайты. Структура страницы. Форматирование текста

13.01.2018

Содержимое разработки

Web-страницы и Web-сайты. Структура страницы. Форматирование текста Выполнил: учитель информатики МОУ СОШ Раменская школа №19 Двужильный Никита Юрьевич Email:nikitadvu@yandex.ru

Web-страницы и Web-сайты. Структура страницы. Форматирование текста

Выполнил: учитель информатики МОУ СОШ Раменская школа №19

Двужильный Никита Юрьевич

Email:nikitadvu@yandex.ru

Web-страницы и Web-сайты   Web-страницы. Web-страницы создаются с использова­нием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language). В обычный текстовый доку­мент вставляются управляющие символы — HTML-тэги, которые определяют вид Web-страницы при ее просмотре в браузере.

Web-страницы и Web-сайты

Web-страницы. Web-страницы создаются с использова­нием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language). В обычный текстовый доку­мент вставляются управляющие символы — HTML-тэги, которые определяют вид Web-страницы при ее просмотре в браузере.

 Редакторы Достоинством Web-страниц является возможность ее просмотра в различных операционных системах. Для создания Web-страниц используются простейшие текстовые редакторы , которые не включают в создаваемый документ управляющие символы форматирования текста самого редактора. В качестве такого редактора в операцион­ной системе Windows или Linux можно использовать стан­дартное приложение Блокнот , Notepad++ , Sublime Text

Редакторы

Достоинством Web-страниц является возможность ее просмотра в различных операционных системах.

Для создания Web-страниц используются простейшие текстовые редакторы , которые не включают в создаваемый документ управляющие символы форматирования текста самого редактора. В качестве такого редактора в операцион­ной системе Windows или Linux можно использовать стан­дартное приложение Блокнот , Notepad++ , Sublime Text

Notepad ++

Notepad ++

Sublime Text

Sublime Text

Структура Web-страницы   Все элементы на веб странице должны быть заключены в специальные угловые скобки, которые называются тэгами. Тэги могут быть одиночными или парными Парные тэги содержат открывающий и закрывающий тэги – такая пара тэгов называется контейнером.

Структура Web-страницы

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

Тэги могут быть одиночными или парными

Парные тэги содержат открывающий и закрывающий тэги – такая пара тэгов называется контейнером.

Структура Web-страницы   Пример:  Содержание  Открывающий тэг Закрывающий тэг

Структура Web-страницы

Пример:

Содержание

Открывающий тэг

Закрывающий тэг

Web-страницы и Web-сайты   HTML-код страницы помещается внутрь контейнера . Без этих тэгов браузер не в состоянии опре­делить формат документа и правильно его интерпретиро­вать. Web-страница разделяется на две логические части: заголовок и содержание.

Web-страницы и Web-сайты

HTML-код страницы помещается внутрь контейнера . Без этих тэгов браузер не в состоянии опре­делить формат документа и правильно его интерпретиро­вать. Web-страница разделяется на две логические части: заголовок и содержание.

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

Структура Web-страницы

содержит название страницы и справоч­ную информацию о странице

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

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

Структура Web-страницы

Моя первая страница

Название страницы помещается в контейнер и при просмотре отображается в верхней строке окна браузера.

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

Структура Web-страницы Созданную Web-страницу необходимо сохранить в виде файла (например, под именем index.htm ). В качестве расши­рения файла Web-страницы можно также использовать html . Рекомендуется создать для размещения сайта специ­альную папку и сохранять все файлы разрабатываемого сайта в этой папке.

Структура Web-страницы

Созданную Web-страницу необходимо сохранить в виде файла (например, под именем index.htm ). В качестве расши­рения файла Web-страницы можно также использовать html . Рекомендуется создать для размещения сайта специ­альную папку и сохранять все файлы разрабатываемого сайта в этой папке.

Форматирование текста на Web-странице   Размер шрифта заголовков задается парами тэгов от  (самый крупный) до  (самый мелкий). Заголовок первого уровня Заголовок второго уровня Заголовок третьего уровня Заголовок четвёртого уровня Заголовок пятого уровня Заголовок шестого уровня

Форматирование текста на Web-странице

Размер шрифта заголовков задается парами тэгов от (самый крупный) до (самый мелкий).

  • Заголовок первого уровня
  • Заголовок второго уровня

  • Заголовок третьего уровня

  • Заголовок четвёртого уровня

  • Заголовок пятого уровня
  • Заголовок шестого уровня
Форматирование текста на Web-странице Абзацы. Разделение текста на абзацы производится с помощью контейнера . При просмотре в браузере абзацы отделяются друг от друга интервалами.  Здесь могла быть ваша реклама! .

Форматирование текста на Web-странице

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

Здесь могла быть ваша реклама!

.

Контрольные вопросы:   Какие тэги (контейнеры) должны присутствовать в HTML-доку­менте обязательно? Какова логическая структура Web-страни­цы? В каком тэге содержится служебная информация о странице Какой тэг предназначен для вставки текста и заголовка? Какие редакторы используются для создания веб страниц? Как правильно сохранить веб документ?

Контрольные вопросы:

  • Какие тэги (контейнеры) должны присутствовать в HTML-доку­менте обязательно? Какова логическая структура Web-страни­цы?
  • В каком тэге содержится служебная информация о странице
  • Какой тэг предназначен для вставки текста и заголовка?
  • Какие редакторы используются для создания веб страниц?
  • Как правильно сохранить веб документ?
Спасибо за внимание!

Спасибо за внимание!

-80%
Курсы повышения квалификации

Современные педагогические технологии в образовательном процессе

Продолжительность 72 часа
Документ: Удостоверение о повышении квалификации
4000 руб.
800 руб.
Подробнее
Скачать разработку
Сохранить у себя:
Web-страницы и Web-сайты. Структура страницы. Форматирование текста (210.61 KB)

Комментарии 0

Чтобы добавить комментарий зарегистрируйтесь или на сайт