Оцените презентацию от 1 до 5 баллов!
Тип файла:
ppt / pptx (powerpoint)
Всего слайдов:
24 слайда
Для класса:
1,2,3,4,5,6,7,8,9,10,11
Размер файла:
900.50 kB
Просмотров:
195
Скачиваний:
1
Автор:
неизвестен
Слайды и текст к этой презентации:
№1 слайд![](/documents_6/1e72bd260cc59bd3a07814c4eb20bf49/img0.jpg)
№2 слайд![](/documents_6/1e72bd260cc59bd3a07814c4eb20bf49/img1.jpg)
№3 слайд![](/documents_6/1e72bd260cc59bd3a07814c4eb20bf49/img2.jpg)
№4 слайд![Знакомство с языком HTML](/documents_6/1e72bd260cc59bd3a07814c4eb20bf49/img3.jpg)
Содержание слайда: Знакомство с языком HTML
№5 слайд![](/documents_6/1e72bd260cc59bd3a07814c4eb20bf49/img4.jpg)
№6 слайд![](/documents_6/1e72bd260cc59bd3a07814c4eb20bf49/img5.jpg)
№7 слайд![теги и атрибуты](/documents_6/1e72bd260cc59bd3a07814c4eb20bf49/img6.jpg)
Содержание слайда: теги и атрибуты
№8 слайд![](/documents_6/1e72bd260cc59bd3a07814c4eb20bf49/img7.jpg)
№9 слайд![Заголовок документа теги lt](/documents_6/1e72bd260cc59bd3a07814c4eb20bf49/img8.jpg)
Содержание слайда: Заголовок документа – теги <Head> и <Title>
Тег <Head>…</Head> заключает в себе теги заголовка.
Тег <Title>…</Title> содержит слова, которые появляются в стоке заголовка браузера
<html>
<head>
<title>Мой первый шаг </title>
</head>
2. Дополнительные теги заголовка:
<meta> - содержит дополнительные данные о документе, используемые поисковыми серверами;
<base> и <link> - определяют базовый адрес документа и некоторые другие
№10 слайд![Тело документа тег lt body gt](/documents_6/1e72bd260cc59bd3a07814c4eb20bf49/img9.jpg)
Содержание слайда: Тело документа – тег <body>
Все, что находится между<body> и </body>, называется содержимым тела документа.
Тег <body> может содержать 3 группы параметров:
Управление внешним видом документа.
Атрибуты программирования – по событию, таблицы стилей и пр.
Атрибуты ссылок и идентификации.
№11 слайд![Параметры тега lt body gt](/documents_6/1e72bd260cc59bd3a07814c4eb20bf49/img10.jpg)
Содержание слайда: Параметры тега <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 слайд![Оформление текста Заголовки](/documents_6/1e72bd260cc59bd3a07814c4eb20bf49/img11.jpg)
Содержание слайда: Оформление текста
Заголовки
№13 слайд![Абзацы](/documents_6/1e72bd260cc59bd3a07814c4eb20bf49/img12.jpg)
Содержание слайда: Абзацы
№14 слайд![Точные интервалы](/documents_6/1e72bd260cc59bd3a07814c4eb20bf49/img13.jpg)
Содержание слайда: Точные интервалы
№15 слайд![](/documents_6/1e72bd260cc59bd3a07814c4eb20bf49/img14.jpg)
№16 слайд![Физическое и логическое](/documents_6/1e72bd260cc59bd3a07814c4eb20bf49/img15.jpg)
Содержание слайда: Физическое и логическое форматирование текста
№17 слайд![теги физических стилей](/documents_6/1e72bd260cc59bd3a07814c4eb20bf49/img16.jpg)
Содержание слайда: теги физических стилей
№18 слайд![Изменение шрифта](/documents_6/1e72bd260cc59bd3a07814c4eb20bf49/img17.jpg)
Содержание слайда: Изменение шрифта
№19 слайд![](/documents_6/1e72bd260cc59bd3a07814c4eb20bf49/img18.jpg)
№20 слайд![теги логических стилей](/documents_6/1e72bd260cc59bd3a07814c4eb20bf49/img19.jpg)
Содержание слайда: теги логических стилей
№21 слайд![](/documents_6/1e72bd260cc59bd3a07814c4eb20bf49/img20.jpg)
№22 слайд![Создание WEB-страниц в](/documents_6/1e72bd260cc59bd3a07814c4eb20bf49/img21.jpg)
Содержание слайда: Создание WEB-страниц в блокноте.
В своей папке создать отдельную папку для файлов сайта.
Открыть программу БЛОКНОТ.
Написать в нем текст WEB-страницы.
Сохранить этот текст в этой папке под любым именем с расширением .html.
Перейти в эту папку.
Документ должен иметь значок или
Открыть этот документ. (Откроется программа-браузер).
Если нужно внести изменения в документ, то выполнить команду ВИДПросмотр HTML-кода (Исходный текст). Текст WEB-страницы откроется в блокноте.
Внести в текст изменения. Сохранить его (Ctrl+S), перейти в программу-браузер и нажать кнопку ОБНОВИТЬ.
№23 слайд![](/documents_6/1e72bd260cc59bd3a07814c4eb20bf49/img22.jpg)
№24 слайд![Задание на урок Создать две](/documents_6/1e72bd260cc59bd3a07814c4eb20bf49/img23.jpg)
Содержание слайда: Задание на урок:
Создать две WEB-странички на произвольную тему
1.На первой применить физические стили форматирования (шрифт, курсив и т.п.), фон сделать цветным.
2. На второй применить логические стили форматирования. В качестве фона использовать картинку из файла.