Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


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

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

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

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

Презентация на тему Интерактивные формы на Web-страницах. Структура HTML – кода Web-страницы

Цель: изучение основ языка разметки гипертекста HTML и использование его при Web-конструировании. Задачи урока: Образовательная: Закрепить основные навыки работы. Выявить качество и уровень овладения знаниями и способами действий, обеспечить их коррекцию. Получить достоверную информацию о достижении всеми
Интерактивные формы на Web-страницах. Структура HTML – кода Web-страницы11 класс, учебник Угринович Н.Д. Цель: изучение основ языка разметки гипертекста HTML и использование его при Web-конструировании.	Задачи Понятия Web-страница (англ. Web page) — документ или информационный ресурс Всемирной паутины, Hyper Text Markup Language (HTML) – язык гипертекстовой разметки документов.Web-страницы можно создать В обычный документ вставляются управляющие символы - HTML-теги, которые определяют вид Web-страницы Некоторые теги имеют атрибуты, которые являются именами свойств и могут принимать определённые Структура Web-страницы. Структура Web-страницы. Название Web-страницы На этой странице можно разместить любую Создание Web-страницы.•	Создать личную папку.•	Создать в шаблон HTML-документа, набрав HTML-код страницы в редакторе Атрибуты фона Web-страницы. Теги и атрибуты гиперссылки на Web-странице.Указатель тег с атрибутом для создания гиперссылки… Теги и атрибуты для создания списков на Web-странице.… контейнер для создания нумерованных Теги и атрибуты для создания интерактивных форм на Web-странице. … контейнер для
Слайды презентации

Слайд 2 Цель: изучение основ языка разметки гипертекста HTML и

Цель: изучение основ языка разметки гипертекста HTML и использование его при

использование его при Web-конструировании.
Задачи урока:
Образовательная: Закрепить основные навыки

работы. Выявить качество и уровень овладения знаниями и способами действий, обеспечить их коррекцию. Получить достоверную информацию о достижении всеми учащимися планируемых результатов обучения.
Развивающая: Развивать у школьников логическое мышление; формировать умение школьников применять программное обеспечение в решении задач, развивать познавательный интерес.
Воспитательная: воспитывать информационную культуру школьников; способствовать воспитанию целеустремленности, настойчивости. Прививать навыки самостоятельной работы.


Слайд 3 Понятия
Web-страница (англ. Web page) — документ или

Понятия Web-страница (англ. Web page) — документ или информационный ресурс Всемирной

информационный ресурс Всемирной паутины, доступ к которому осуществляется с

помощью веб-браузера (Википедия).

Всеми́рная паути́на (англ. World Wide Web) — распределенная система, предоставляющая доступ к связанным между собой документам, расположенным на различных компьютерах, подключенных к Интернету (Википедия).
Веб-обозрева́тель, обозрева́тель, бра́узер— программное обеспечение для просмотра веб-сайтов, то есть для запроса веб-страниц (Википедия).


Слайд 4 Hyper Text Markup Language (HTML) – язык гипертекстовой

Hyper Text Markup Language (HTML) – язык гипертекстовой разметки документов.Web-страницы можно

разметки документов.
Web-страницы можно создать с помощью языка HTML.


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

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

которые определяют вид Web-страницы при её просмотре в браузере.

Теги заключаются в угловые скобки <> и могут быть одиночными или парными.
Парные теги содержат открывающий и закрывающий теги (контейнер).
Например, код Web-страницы помещается внутрь контейнера

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


Слайд 6 Некоторые теги имеют атрибуты, которые являются именами свойств

Некоторые теги имеют атрибуты, которые являются именами свойств и могут принимать

и могут принимать определённые значения и влияют на внешний

вид Web-страницы.

Например,

Моё имя – Марина





Слайд 8 Структура Web-страницы.
Структура Web-страницы.



Название Web-страницы



На этой

Структура Web-страницы. Структура Web-страницы. Название Web-страницы На этой странице можно разместить

странице можно разместить любую интересную информацию в Интернете.



Слайд 9 Создание Web-страницы.
• Создать личную папку.
• Создать в шаблон HTML-документа, набрав

Создание Web-страницы.•	Создать личную папку.•	Создать в шаблон HTML-документа, набрав HTML-код страницы в

HTML-код страницы в редакторе Blue Fish.
• Сохранить файл под именем

Шаблон.txt в личной папке.
• Открыть файл Шаблон.txt и внести необходимую информацию, используя теги и их атрибуты.
• Сохранить файл под именем index.htm в личной папке.
• Для редактирования файла index.htm необходимо открыть его в редакторе Blue Fish.


Слайд 10 Атрибуты фона Web-страницы.

Атрибуты фона Web-страницы.

слайд).
3.6. Теги и атрибуты форматирования текста на Web-странице.
… до

… тег размера шрифта заголовков
тег форматирования шрифта
FACE=“Arial” атрибут задания гарнитуры шрифта
SIZE=4 атрибут задания размера шрифта
COLOR=“Red” атрибут задания цвета шрифта
ALIGN=“left” атрибут задания выравнивания текста

тег для создания горизонтальной линии

контейнер для разделения текста на абзацы
Оформление конспекта обучающимися.
(Демонстрация презентации, 8 слайд).
3.7. Тег и атрибут вставки изображений на Web-странице.



Оформление конспекта обучающимися.


Слайд 11 Теги и атрибуты гиперссылки на Web-странице.
Указатель тег

Теги и атрибуты гиперссылки на Web-странице.Указатель тег с атрибутом для создания

с атрибутом для создания гиперссылки
… контейнер для создания гиперссылки

на адрес электронной почты
Пояснение:
 Для связывания Web- страниц используют гиперссылки.
 Термин «гипертекст» был введён в обращение Тедом Нельсоном в 1965 году для описания документов, которые выражают нелинейную структуру идей.
 Гипертекст - это способ организации текстовой информации, внутри которой установлены смысловые связи между её различными фрагментами. Такие связи называют гиперсвязями, а место в тексте, обеспечивающее гиперсвязь, гиперссылкой.


Слайд 12 Теги и атрибуты для создания списков на Web-странице.

Теги и атрибуты для создания списков на Web-странице.… контейнер для создания

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

элемента списка
контейнер для создания маркированного списка
  • тег элемента списка
    контейнер для создания списка терминов
    тег для создания термина
    тег для создания определения



    • Имя файла: interaktivnye-formy-na-web-stranitsah-struktura-html-–-koda-web-stranitsy.pptx
    • Количество просмотров: 124
    • Количество скачиваний: 0