- Главная
- Разное
- Образование
- Спорт
- Естествознание
- Природоведение
- Религиоведение
- Французский язык
- Черчение
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Геометрия
- Детские презентации
- Информатика
- История
- Литература
- Математика
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, фоны, картинки для презентаций
- Экология
- Экономика
Презентация, доклад по информатике Структура WEB-станиц
Содержание
- 1. Презентация по информатике Структура WEB-станиц
- 2. Web-страницы создаются с использованием языка разметки гипертекстовых
- 3. Для создания Web-страницы используется простейший текстовый редактор
- 4. Web-страница сохраняется в виде файла с разрешением .htm или .htmlПример: index.htm
- 5. Web-сайтыПубликации во Всемирной паутине реализуются в форме
- 6. Web-сайтСостоит из компьютерных Web – страниц.Так же
- 7. Прежде чем разместить свой Web-сайт на сервере
- 8. Структура Web-страницыHTML-теги заключаются в угловые скобки и
- 9. HTML – код страницы помещается в контейнер
- 10. Web-страница разделяется на 2 логические части:Заголовок;Содержание.Структура Web-страницы
- 11. Заголовок страницыЗаголовок страницы помещается в контейнер и
- 12. Содержание страницыОтображаемое содержание страницы помещается в контейнер
- 13. Форматирование текста на Web-страницеАбзацы. Разделение текста на
- 14. Форматирование текста на Web-страницеШрифт. Параметры форматирования шрифта
- 15. Форматирование текста на Web-страницеВыравнивание текста. Задается с
- 16. Форматирование текста на Web-страницеТег . Создает жирный
- 17. Пример Web-страницы Моя первая веб - страница
- 18. Слайд 18
Web-страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language).В обычный текстовый документ вставляются управляющие символы – HTML-теги, которые определяют вид страницы в Web-браузере.Достоинство Web-страницы – возможность просмотра в различных ОС
Слайд 2Web-страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text
Markup Language).
В обычный текстовый документ вставляются управляющие символы – HTML-теги, которые определяют вид страницы в Web-браузере.
Достоинство Web-страницы – возможность просмотра в различных ОС
В обычный текстовый документ вставляются управляющие символы – HTML-теги, которые определяют вид страницы в Web-браузере.
Достоинство Web-страницы – возможность просмотра в различных ОС
Слайд 3Для создания Web-страницы используется простейший текстовый редактор (блокнот), которые не включаются
в создаемый документ управляющие символы форматирования текста самого редактора
Создание Web-страницы требует знания синтаксиса языка. Поэтому для создания применяются специальные Webредакторы
Создание Web-страницы требует знания синтаксиса языка. Поэтому для создания применяются специальные Webредакторы
Слайд 5Web-сайты
Публикации во Всемирной паутине реализуются в форме Web-сайтов, которые содержат материал
по определенной теме или проблеме.
Например, государственные структуры и организации обычно создают официальные Web-сайты, на которых размещают информацию о свой деятельности
Например, государственные структуры и организации обычно создают официальные Web-сайты, на которых размещают информацию о свой деятельности
Слайд 6Web-сайт
Состоит из компьютерных Web – страниц.
Так же он должен содержать систему
гиперссылок, которая дает возможность пользователю перемещаться по Web-страницам
Слайд 7Прежде чем разместить свой Web-сайт на сервере в Интернете, его необходимо
тщательно протестировать.
Для публикации Web-сайта необходимо найти место на одном из серверов Интернета.
Многие провайдеры предоставляют своим клиентам возможность бесплатного размещения Web-сайтов на своих серверах.
Для публикации Web-сайта необходимо найти место на одном из серверов Интернета.
Многие провайдеры предоставляют своим клиентам возможность бесплатного размещения Web-сайтов на своих серверах.
Слайд 8Структура Web-страницы
HTML-теги заключаются в угловые скобки и могут быть одиночными или
парными.
Парные теги (контейнер) содержат открывающий и закрывающий теги. Закрывающий тег содержит прямой слеш (/) перед обозначением.
Теги могут записываться как прописными, так и строчными буквами.
Парные теги (контейнер) содержат открывающий и закрывающий теги. Закрывающий тег содержит прямой слеш (/) перед обозначением.
Теги могут записываться как прописными, так и строчными буквами.
Слайд 9HTML – код страницы помещается в контейнер
Без этих тегов
браузер не сможет определить формат документа и правильно его интерпретировать.
Структура Web-страницы
Слайд 11Заголовок страницы
Заголовок страницы помещается в контейнер и содержит название страницы
и справочную информацию о странице (тип кодировки, версия языка HTML и т.д.).
Название страницы помещается в контейнер
Название страницы помещается в контейнер
Слайд 12Содержание страницы
Отображаемое содержание страницы помещается в контейнер
Тег может иметь
атрибуты. Например:
bgcolor =“black” – задает цвет фона страницы;
text =“white” – задает цвет текста
bgcolor =“black” – задает цвет фона страницы;
text =“white” – задает цвет текста
Слайд 13Форматирование текста на Web-странице
Абзацы. Разделение текста на абзацы происходит с помощью
контейнера . Для каждого абзаца можно задать тип выравнивания и параметры форматирования шрифта.
Заголовки. Размер шрифтов заголовков задается парами тегов от (самый крупный) до (самый мелкий).
Заголовки. Размер шрифтов заголовков задается парами тегов от (самый крупный) до (самый мелкий).
Слайд 14Форматирование текста на Web-странице
Шрифт. Параметры форматирования шрифта задаются с помощью тега
FONT и его атрибутов:
SIZE – определяет размер шрифта;
FACE – определяет гарнитуру шрифта;
COLOR – определяет цвет шрифта.
Пример: Пример текста
SIZE – определяет размер шрифта;
FACE – определяет гарнитуру шрифта;
COLOR – определяет цвет шрифта.
Пример: Пример текста
Слайд 15Форматирование текста на Web-странице
Выравнивание текста. Задается с помощью атрибута ALIGN.
Выравнивание
по левому краю: ALIGN = “left”
Выравнивание по правому краю: ALIGN = “right”
Выравнивание по центру: ALIGN = “center”
Пример:
Выравнивание по правому краю: ALIGN = “right”
Выравнивание по центру: ALIGN = “center”
Пример:
текст
Слайд 16Форматирование текста на Web-странице
Тег . Создает жирный текст.
Тег .
Создает наклонный текст (курсив).
Тег
. Используется для перехода на новую строку.
Тег
. Используется для перехода на новую строку.
Слайд 17Пример Web-страницы
Моя первая веб - страница
green text = gold>
Web - страница
Создана с помощью программы Блокнот
и языка HTML.
Спасибо за внимание!