Презентация "Разработка WEB-сайтов с использованием языка разметки гипертекста" - скачать презентации по Информатике

Содержание

Слайд 2

«Творческим считается любое действие, которое эффективно и вызывает удивление» Дж. Брунер

Web-страницы создаются

«Творческим считается любое действие, которое эффективно и вызывает удивление» Дж. Брунер Web-страницы
с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language

Слайд 3

Microsoft Office FrontPage

Microsoft Office FrontPage

Microsoft Office FrontPage Microsoft Office FrontPage

Слайд 4

Hyper Text Markup Language – язык гипертекстовой разметки.
Описательный язык разметки HTML

Hyper Text Markup Language – язык гипертекстовой разметки. Описательный язык разметки HTML
имеет свои команды, которые называются тегами.
!Теги не чувствительны к регистру!

Слайд 5

Теги «HTML»

Тег — это элемент языка Html, который указывает браузеру, как отображать тот

Теги «HTML» Тег — это элемент языка Html, который указывает браузеру, как
или иной объект на странице (таблицу, слово, абзац, ссылку, изображение и т.д.)
HTML, являясь языком разметки состоит из так называемых тегов (элементов разметки), которые ,в свою очередь, могут быть:
полные
неполные
символьные
Полный элемент разметки, также называемый контейнером, имеет открывающий и закрывающий теги, неполный – только открывающий, а символьные элементы разметки представляются в виде символьных кодов и вы можете видеть их в таблице справа:

Слайд 6

Также в HTML существуют теги, не требующие закрывающего элемента. Это как правило

Также в HTML существуют теги, не требующие закрывающего элемента. Это как правило
элементы вставки чего–либо или служебные элементы: 
– тег вставки изображения
– тег вставки разрыва строки

– тег вставки горизонтальной линии

Большая часть HTML тегов состоит из двух частей:
открывающий тег <...> и закрывающий тег .
Например:
текст

........

Слайд 7

АТРИБУТ

Атрибут – это компонент тега, содержащий указания о том, как браузер должен

АТРИБУТ Атрибут – это компонент тега, содержащий указания о том, как браузер
воспринять и обработать тег.
Синтаксис тега с атрибутом:
<тег атрибут="значение">

Слайд 8

ГИПЕРТЕКСТ

Гипертекст (hypertext) – текст, содержащий ссылки на другие веб-страницы, серверы или

ГИПЕРТЕКСТ Гипертекст (hypertext) – текст, содержащий ссылки на другие веб-страницы, серверы или
ресурсы с возможностями выполнения переходов.

Слайд 9

Структура HTML документа.

Абсолютно любой документ, построенный на базе HTML будет состоять,

Структура HTML документа. Абсолютно любой документ, построенный на базе HTML будет состоять,
по меньшей мере, из следующих контейнеров:

Слайд 10

Открываем Блокнот набираем



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


Меня зовут ____. Мне __ лет.
Это

Открываем Блокнот набираем Название Web-страницы Меня зовут ____. Мне __ лет. Это
моя первая Web-страница.
Тут я могу писать любой текст.
Я размещу эту страницу в Интернете.


Слайд 11

Создание web-страницы

Создание web-страницы

Слайд 12

Структура и управление

Обновление web-страницы

меню Вид ⇨ Просмотр HTML-кода

Структура и управление Обновление web-страницы меню Вид ⇨ Просмотр HTML-кода

Слайд 13

WEB-страничка готова!

Удалить

WEB-страничка готова! Удалить