🗊Презентация HTML первые шаги

Категория: Устройства и комплектующие
Нажмите для полного просмотра!
HTML первые шаги, слайд №1HTML первые шаги, слайд №2HTML первые шаги, слайд №3HTML первые шаги, слайд №4HTML первые шаги, слайд №5HTML первые шаги, слайд №6HTML первые шаги, слайд №7HTML первые шаги, слайд №8HTML первые шаги, слайд №9HTML первые шаги, слайд №10HTML первые шаги, слайд №11HTML первые шаги, слайд №12HTML первые шаги, слайд №13HTML первые шаги, слайд №14HTML первые шаги, слайд №15HTML первые шаги, слайд №16HTML первые шаги, слайд №17HTML первые шаги, слайд №18HTML первые шаги, слайд №19HTML первые шаги, слайд №20HTML первые шаги, слайд №21HTML первые шаги, слайд №22HTML первые шаги, слайд №23HTML первые шаги, слайд №24
Скачать
Вы можете ознакомиться и скачать презентацию на тему HTML первые шаги. Доклад-сообщение содержит 24 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

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

Слайд 1


HTML первые шаги, слайд №1
Описание слайда:

Слайд 2


HTML первые шаги, слайд №2
Описание слайда:

Слайд 3


HTML первые шаги, слайд №3
Описание слайда:

Слайд 4


Знакомство с языком HTML
Описание слайда:
Знакомство с языком HTML

Слайд 5


HTML первые шаги, слайд №5
Описание слайда:

Слайд 6


HTML первые шаги, слайд №6
Описание слайда:

Слайд 7


теги и атрибуты
Описание слайда:
теги и атрибуты

Слайд 8


HTML первые шаги, слайд №8
Описание слайда:

Слайд 9


Заголовок документа – теги <Head> и <Title> Тег <Head>…</Head> заключает в себе теги заголовка. Тег <Title>…</Title> содержит слова, которые появляются в стоке заголовка браузера <html> <head> <title>Мой первый шаг </title> </head> 2. Дополнительные теги заголовка: <meta> - содержит дополнительные данные о документе, используемые поисковыми серверами; <base> и <link> - определяют базовый адрес документа и некоторые другие
Описание слайда:
Заголовок документа – теги <Head> и <Title> Тег <Head>…</Head> заключает в себе теги заголовка. Тег <Title>…</Title> содержит слова, которые появляются в стоке заголовка браузера <html> <head> <title>Мой первый шаг </title> </head> 2. Дополнительные теги заголовка: <meta> - содержит дополнительные данные о документе, используемые поисковыми серверами; <base> и <link> - определяют базовый адрес документа и некоторые другие

Слайд 10


Тело документа – тег <body> Все, что находится между<body> и </body>, называется содержимым тела документа. Тег <body> может содержать 3 группы параметров: Управление внешним видом документа. Атрибуты программирования – по событию, таблицы стилей и пр. Атрибуты ссылок и идентификации.
Описание слайда:
Тело документа – тег <body> Все, что находится между<body> и </body>, называется содержимым тела документа. Тег <body> может содержать 3 группы параметров: Управление внешним видом документа. Атрибуты программирования – по событию, таблицы стилей и пр. Атрибуты ссылок и идентификации.

Слайд 11


Параметры тега <body> Bgcolor – изменяет цвет фона. Цвет задается словом или кодом RGB <body bgcolor = “red”> <body bgcolor = “#FF0000”> Text – задает цвет текста. <body bgcolor = “red” text=“blue”> Background – помещает в качестве фона изображение из файла с картинкой. <body background = “dog.gif”> Bgproperties = “fixed” – фоновый рисунок не прокручивается вместе со страницей. Link – задает цвет гиперссылок, по которым пользователь еще «не ходил». Vlink – задает цвет посещенных гиперссылок. Alink – цвет активной гиперссылки (под курсором мышки во время нажатия)
Описание слайда:
Параметры тега <body> Bgcolor – изменяет цвет фона. Цвет задается словом или кодом RGB <body bgcolor = “red”> <body bgcolor = “#FF0000”> Text – задает цвет текста. <body bgcolor = “red” text=“blue”> Background – помещает в качестве фона изображение из файла с картинкой. <body background = “dog.gif”> Bgproperties = “fixed” – фоновый рисунок не прокручивается вместе со страницей. Link – задает цвет гиперссылок, по которым пользователь еще «не ходил». Vlink – задает цвет посещенных гиперссылок. Alink – цвет активной гиперссылки (под курсором мышки во время нажатия)

Слайд 12


Оформление текста Заголовки
Описание слайда:
Оформление текста Заголовки

Слайд 13


Абзацы
Описание слайда:
Абзацы

Слайд 14


Точные интервалы
Описание слайда:
Точные интервалы

Слайд 15


HTML первые шаги, слайд №15
Описание слайда:

Слайд 16


Физическое и логическое форматирование текста
Описание слайда:
Физическое и логическое форматирование текста

Слайд 17


теги физических стилей
Описание слайда:
теги физических стилей

Слайд 18


Изменение шрифта
Описание слайда:
Изменение шрифта

Слайд 19


HTML первые шаги, слайд №19
Описание слайда:

Слайд 20


теги логических стилей
Описание слайда:
теги логических стилей

Слайд 21


HTML первые шаги, слайд №21
Описание слайда:

Слайд 22


Создание WEB-страниц в блокноте. В своей папке создать отдельную папку для файлов сайта. Открыть программу БЛОКНОТ. Написать в нем текст WEB-страницы. Сохранить этот текст в этой папке под любым именем с расширением .html. Перейти в эту папку. Документ должен иметь значок или Открыть этот документ. (Откроется программа-браузер). Если нужно внести изменения в документ, то выполнить команду ВИДПросмотр HTML-кода (Исходный текст). Текст WEB-страницы откроется в блокноте. Внести в текст изменения. Сохранить его (Ctrl+S), перейти в программу-браузер и нажать кнопку ОБНОВИТЬ.
Описание слайда:
Создание WEB-страниц в блокноте. В своей папке создать отдельную папку для файлов сайта. Открыть программу БЛОКНОТ. Написать в нем текст WEB-страницы. Сохранить этот текст в этой папке под любым именем с расширением .html. Перейти в эту папку. Документ должен иметь значок или Открыть этот документ. (Откроется программа-браузер). Если нужно внести изменения в документ, то выполнить команду ВИДПросмотр HTML-кода (Исходный текст). Текст WEB-страницы откроется в блокноте. Внести в текст изменения. Сохранить его (Ctrl+S), перейти в программу-браузер и нажать кнопку ОБНОВИТЬ.

Слайд 23


HTML первые шаги, слайд №23
Описание слайда:

Слайд 24


Задание на урок: Создать две WEB-странички на произвольную тему 1.На первой применить физические стили форматирования (шрифт, курсив и т.п.), фон сделать цветным. 2. На второй применить логические стили форматирования. В качестве фона использовать картинку из файла.
Описание слайда:
Задание на урок: Создать две WEB-странички на произвольную тему 1.На первой применить физические стили форматирования (шрифт, курсив и т.п.), фон сделать цветным. 2. На второй применить логические стили форматирования. В качестве фона использовать картинку из файла.

Скачать

Похожие презентации
Mypresentation.ru
Загрузить презентацию