Оцените презентацию от 1 до 5 баллов!
Тип файла:
ppt / pptx (powerpoint)
Всего слайдов:
35 слайдов
Для класса:
1,2,3,4,5,6,7,8,9,10,11
Размер файла:
1.16 MB
Просмотров:
55
Скачиваний:
0
Автор:
неизвестен
Слайды и текст к этой презентации:
№1 слайд![Основы HTML](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img0.jpg)
Содержание слайда: Основы HTML
№2 слайд![HTML Hyper Text Markup](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img1.jpg)
Содержание слайда: HTML
(Hyper Text Markup Language)
язык разметки гипертекста Web-страницы
№3 слайд![Программы для создания HTML](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img2.jpg)
Содержание слайда: Программы для создания HTML – файлов:
Редакторы (HTML Wirtel, HTML Assistant, WebEdit, HomeSite, Блокнот и т.д.)
Шаблоны
Программы-преобразователи
№4 слайд![Программы для просмотра Web -](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img3.jpg)
Содержание слайда: Программы для просмотра Web - страниц
Microsoft Internet Explorer
Netscape Communicator
The Bat!
Opera и т.д.
№5 слайд![Программы для создания HTML](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img4.jpg)
Содержание слайда: Программы для создания HTML – файлов:
Блокнот
(для создания страницы)
Internet Explorer
(для интерпретации файлов)
№6 слайд![Гипертекст это текст,](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img5.jpg)
Содержание слайда: Гипертекст – это текст, содержащий специальные разметочные теги.
Гипертекст – это текст, содержащий специальные разметочные теги.
№7 слайд![Пример тега lt HTML gt lt](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img6.jpg)
Содержание слайда: Пример тега
<HTML> </HTML>
Типы тегов
Парные (влияет на текст с того места, где употреблён тег, до того места, где указан признак окончания его действия)
Непарные
№8 слайд![Категории тегов Структурные](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img7.jpg)
Содержание слайда: Категории тегов
Структурные теги
Теги символов
Теги форматирования абзацев
Теги оформления списков данных
Теги логического форматирования текста
Теги физического форматирования текста
№9 слайд![Структура HTML - документа](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img8.jpg)
Содержание слайда: Структура
HTML - документа
№10 слайд![lt HTML gt lt HTML gt](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img9.jpg)
Содержание слайда: <HTML> </HTML>
начинает описание HTML - файла
№11 слайд![Раздел заголовка Начинается](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img10.jpg)
Содержание слайда: Раздел заголовка
Начинается тегом <HEAD>
Заканчивается тегом </HEAD>
Mежду данными тегами располагается тег <TITLE> </TITLE> (этот тег используется для задания названия документа)
№12 слайд![Раздел содержательной части](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img11.jpg)
Содержание слайда: Раздел содержательной части
Начинается тегом <BODY>
Заканчивается тегом </BODY>
(между которыми располагается содержимое
HTML - документа)
№13 слайд![Создать файл в Блокноте](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img12.jpg)
Содержание слайда: Создать файл в Блокноте (сохраните в файле Пример, указав расширение *. html)
<HTML>
<HEAD>
<TITLE>Заголовок HTML – документа </TITLE>
</HEAD>
<BODY>
Это тело HTML – документа. Здесь можно разместить всё, что угодно.
</BODY>
</HTML>
№14 слайд![Создать файл в Блокноте](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img13.jpg)
Содержание слайда: Создать файл в Блокноте (сохраните в файле Пример, указав расширение *. html)
№15 слайд![Теги символов Теги](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img14.jpg)
Содержание слайда: Теги символов
Теги логического форматирования
текста
Теги физического форматирования
текста
№16 слайд![Теги логического](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img15.jpg)
Содержание слайда: Теги логического форматирования текста
<CITE> </CITE>
<CODE> </CODE>
<DEL> </DEL>
<DFN> </DFN>
<INS> </INS>
<EM> </EM>
<KBD> </KBD>
<SAMP> </SAMP>
<STRONG> </STRONG>
<VAR> </VAR>
№17 слайд![Теги физического](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img16.jpg)
Содержание слайда: Теги физического форматирования текста
<B> </B>
<I> </I>
<U> </U>
<TT> </TT>
<STRIKE> </STRIKE>
<S> </S>
<BIG> </BIG>
<SMALL> </SMALL>
<SUB> </SUB>
<SUP> </SUP>
<FONT> </FONT>
<BASEFONT>
№18 слайд![lt ACRONYM gt lt ACRONYM gt](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img17.jpg)
Содержание слайда: <ACRONYM></ACRONYM>
используется для отметки аббревиатур, акронимов (акроним – произносимое слово, состоящее из начальных букв словосочетания); используя тег <TITLE> - можно указать «расшифровку» акронима, которая появляется на экране, когда курсор располагается на акрониме.
№19 слайд![Пример использования тега lt](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img18.jpg)
Содержание слайда: Пример использования тега <ACRONYM>:
<ACRONYM TITLE=«Муниципальное казённое общеобразовательное учреждение»> МКОУ </ACRONYM> «Глядянская средняя общеобразовательная школа»
№20 слайд![Пример использования тега lt](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img19.jpg)
Содержание слайда: Пример использования тега <ACRONYM>:
№21 слайд![Тег lt FONT gt позволяет](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img20.jpg)
Содержание слайда: Тег <FONT>
позволяет изменить шрифт
№22 слайд![Параметры тега lt FONT gt](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img21.jpg)
Содержание слайда: Параметры тега <FONT>
FACE (задаёт название шрифта, которым
будет выводится текст)
SIZE (задаёт размеры шрифта в условных
единицах от 1 до 7)
COLOR (устанавливает цвет шрифта,
который может задаваться с
помощью стандартных имён или
набором шестнадцатеричных цифр)
№23 слайд![Задание цвета на языке HTML](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img22.jpg)
Содержание слайда: Задание цвета
на языке HTML
№24 слайд![Пример использования](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img23.jpg)
Содержание слайда: Пример использования
параметра Color:
<FONT COLOR=Green> Шрифт размера 6, цвет зелёный </FONT> <BR>
или
<FONT COLOR=#008000> Шрифт размера 6, цвет зелёный </FONT> <BR>
№25 слайд![Примеры использования](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img24.jpg)
Содержание слайда: Примеры использования
параметров тега <FONT> :
<FONT FACE=“ARIAL”>
Название шрифта </FONT> <BR>
<FONT SIZE=5> Шрифт размера 5 </FONT> <BR>
<FONT FACE=“ARIAL” SIZE=+3 COLOR=Green> Шрифт размера 6, цвет зелёный </FONT> <BR>
№26 слайд![Тег lt BASEFONT gt](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img25.jpg)
Содержание слайда: Тег <BASEFONT>
№27 слайд![Примеры использования тега lt](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img26.jpg)
Содержание слайда: Примеры использования
тега <BASEFONT> :
<BASEFONT FACE=“Courier” COLOR=#008080>
Шрифт по умолчанию размера 3<BR>
<BASEFONT SIZE=2>Шрифт размера 2<BR>
<BASEFONT SIZE=4 COLOR=Olive> Шрифт размера 4, цвет оливковый <BR>
№28 слайд![Пример использования](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img27.jpg)
Содержание слайда: Пример использования параметра
Color c тегом <BODY>:
<BODY BGCOLOR=#008080> Задание
цвета фона <BR>
№29 слайд![](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img28.jpg)
№30 слайд![Примеры использования тега lt](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img29.jpg)
Содержание слайда: Примеры использования
тега <P> :
<P ALIGN=LEFT>
Выравнивание по левой границе окна<BR>
<P ALIGN=CENTER>
Выравнивание по центру окна<BR>
<P ALIGN=RIGHT>
Выравнивание по правой границе окна<BR>
<P ALIGN=JUSTIFY>
Выравнивание по ширине окна<BR>
№31 слайд![Тег lt HR gt](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img30.jpg)
Содержание слайда: Тег <HR>
№32 слайд![Пример использования тега lt](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img31.jpg)
Содержание слайда: Пример использования
тега <HR> :
<HR ALIGN=LEFT WIDHT=20 SIZE=30 COLOR=#00FF00>
№33 слайд![Тег lt H gt](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img32.jpg)
Содержание слайда: Тег <H1>
№34 слайд![Вставка пробелов и](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img33.jpg)
Содержание слайда: Вставка пробелов и специальных символов
 
"
±
²
№35 слайд![Список использованной](/documents/0b13b3356ad114d9c746db6ebe7a4ece/img34.jpg)
Содержание слайда: Список использованной литературы
Информатика. 7 – 9 класс. Базовый курс. Практикум по информационным технологиям /Под ред. Н.В.Макаровой. – СПб.: Питер, 2006.
А.А. Медведев. Основы HTML: Учебное пособие для средних учебных заведений. – Курган: Изд-во Курганского ИПКРО, 2002.
Изображения http://www.xard.ru/post/18613/