Оцените презентацию от 1 до 5 баллов!
Тип файла:
ppt / pptx (powerpoint)
Всего слайдов:
74 слайда
Для класса:
1,2,3,4,5,6,7,8,9,10,11
Размер файла:
656.00 kB
Просмотров:
41
Скачиваний:
0
Автор:
неизвестен
Слайды и текст к этой презентации:
№1 слайд![Начальные сведения](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img0.jpg)
Содержание слайда: Начальные сведения
№2 слайд![Язык HTML](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img1.jpg)
Содержание слайда: Язык HTML
№3 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img2.jpg)
№4 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img3.jpg)
№5 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img4.jpg)
№6 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img5.jpg)
№7 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img6.jpg)
№8 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img7.jpg)
№9 слайд![Графические форматы GIF -](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img8.jpg)
Содержание слайда: Графические форматы
GIF - Graphic Interchange Format. При сохранении изображения в этом формате количество используемых цветов не должно превышать 256.
JPEG (JPG) - Joint Photography Experts Group.
Этот формат допускает сохранение изображений, содержащих миллионы цветов.
№10 слайд![Что могут содержать](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img9.jpg)
Содержание слайда: Что могут содержать Web-страницы:
№11 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img10.jpg)
№12 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img11.jpg)
№13 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img12.jpg)
№14 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img13.jpg)
№15 слайд![HTML - теги](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img14.jpg)
Содержание слайда: HTML - теги
№16 слайд![Назначение HTML-тегов](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img15.jpg)
Содержание слайда: Назначение HTML-тегов
Форматирования текста;
Описания кадров и форм;
Форматирования таблиц и списков;
Организации ссылок на другие ресурсы;
Вставки изображений и расширений HTML.
№17 слайд![lt HTML gt](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img16.jpg)
Содержание слайда: <HTML>
№18 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img17.jpg)
№19 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img18.jpg)
№20 слайд![lt HTML gt](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img19.jpg)
Содержание слайда: <HTML>
№21 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img20.jpg)
№22 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img21.jpg)
№23 слайд![Форматирования текста](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img22.jpg)
Содержание слайда: Форматирования текста
№24 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img23.jpg)
№25 слайд![Названия цветов и значения RGB](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img24.jpg)
Содержание слайда: Названия цветов и значения RGB
№26 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img25.jpg)
№27 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img26.jpg)
№28 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img27.jpg)
№29 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img28.jpg)
№30 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img29.jpg)
№31 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img30.jpg)
№32 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img31.jpg)
№33 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img32.jpg)
№34 слайд![Форматирования заголовков lt](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img33.jpg)
Содержание слайда: Форматирования заголовков
<h1>тест</h1> тест
<h2>тест</h2> тест
<h3>тест</h3> тест
<h4>тест</h4> тест
<h5>тест</h5> тест
<h6>тест</h6> тест
№35 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img34.jpg)
№36 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img35.jpg)
№37 слайд![Разбивка на абзацы lt P gt](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img36.jpg)
Содержание слайда: Разбивка на абзацы
<P>текст </P> - новый абзац, можно использовать только начальный тег, т.к. следующий элемент <p> обозначает не только начало следующего абзаца, но и конец предыдущего
тест<BR>тест - перенос текста на новую строку без абзацного отступа
тест
тест
тест<HR>тест разделительная линия
тест
тест
№38 слайд![Параметры тега HR](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img37.jpg)
Содержание слайда: Параметры тега HR
№39 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img38.jpg)
№40 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img39.jpg)
№41 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img40.jpg)
№42 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img41.jpg)
№43 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img42.jpg)
№44 слайд![. Создайте новую страницу в](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img43.jpg)
Содержание слайда: 1. Создайте новую страницу в редакторе блокнот.
2. В элемент <title> укажите «Практическая работа 3» и вашу фамилию.
3. Отформатируйте текст по заданию:
<html>
<head>
<title>Практическая работа3 Фамилия </title>
</head>
<body>
<font size=1 color=#ff0000 > Каждый </font>
<font size=2 color=#ff9900 > охотник </font> <font size=3 color=#ffff00 > желает </font>
<font size=4 color=#00ff00 > знать, </font>
<font size=5 color=#00ccff > где </font>
<font size=6 color=#0000ff > сидит </font>
<font size=7 color=#ff00ff > фазан </font>
</body>
</html>
№45 слайд![lt html gt lt head gt lt](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img44.jpg)
Содержание слайда: <html>
<head>
<title>Практическая работа 4 Фамилия
</title>
</head>
<body>
<h1> Роман</h1>
<h2> Книга</h2>
<h3> Том</h3>
<h4> Часть</h4>
<h5> Глава</h5>
<h6> Параграф</h6>
</body>
</html>
№46 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img45.jpg)
№47 слайд![html gt lt head gt lt title](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img46.jpg)
Содержание слайда: html>
<head>
<title> 1 способ форматирования </title>
</head>
<body>
<font size=4 color=#ff0000 >
<b><I> <p>Уж небо осенью дышало. </p>
<p> Все реже солнышко блистало. </p>
<p> Короче становился день. </p>
</I></b></font>
</body>
</html>
№48 слайд![html gt lt head gt lt title](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img47.jpg)
Содержание слайда: html>
<head>
<title>2 способ форматирования </title>
</head>
<body>
<font size=4 color=#ff0000 >
<p align=center><b><I>
Уж небо осенью дышало. <br>
Все реже солнышко блистало. <br>
Короче становился день. <br>
</I></b</p>
></font> </body>
</html>
№49 слайд![html gt lt head gt lt title](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img48.jpg)
Содержание слайда: html>
<head>
<title>3 способ форматирования </title>
</head>
<body>
<pre>< <font size=4>
Уж небо осенью дышало.
Все реже солнышко блистало.
Короче становился день.
></font> </pre>
</body>
</html>
№50 слайд![Бегущая строка lt MARQUEE gt](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img49.jpg)
Содержание слайда: Бегущая строка
<MARQUEE>…</MARQUEE>
Параметры:
BGCOLOR- фоновый цвет плашки
WIDTH HEIGHT -ширина и высота плашки
LOOP -количество повтороений (INFINITE - непрерывно)
SCROOLLAMOUNT-скорость прокручивания, на котором строка смещается при каждом шаге прокрутки в пикселях
SCROOLLDELAY- задает задержку в миллисекундах между шагами прокрутки
DIRECTION-указывает напрвление прокрутки
BEHAVIOR=SCROOLL -напрвление слева направо
BEHAVIOR=SLIDE - напрвление справа налево
№51 слайд![Пример бегущей строки lt](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img50.jpg)
Содержание слайда: Пример бегущей строки
<MARQUEE BEHAVIOR=ALTERNATE DIRECTION=RIGHT LOOP=5 SCROOLLAMOUNT=3 SCROOLLDELAY=100 WIDTH=50% HEIGHT=150 BGCOLOR=“#F0F000” HSPACE=10 VSPACE=10>
<BR>
<TABLE WIDTH=300 BORDER=1 BGCOLOR=“FFF0DE”>
<TR>
<TD ALIGN=CENTER VALIGN=MIDDLE WIDTH=100>
</TD>
<TD ALIGN=CENTER VALIGN=MIDDLE>
<FONT COLOR=“RED”> НАЗВАНИЕ ФИРМЫ<BR> ПРИХОДИТЕ ПОЖАЛУЙСТА!</B></FONT>
</TD>
</TR>
</TABLE>
</MARQUEE>
Строка пять разпроплывает вправо-влево, затем останавливается возле правого края желтой плашки
№52 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img51.jpg)
№53 слайд![Маркированные списки lt ul gt](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img52.jpg)
Содержание слайда: Маркированные списки
<ul>
<li>первый элемент</li>
<li>второй элемент</li>
</ul>
Результат:
первый элемент
второй элемент
№54 слайд![Нумерованные списки lt ol gt](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img53.jpg)
Содержание слайда: Нумерованные списки
<ol>
<li>первый элемент</li>
<li>второй элемент</li>
</ol>
1. первый элемент
2. второй элемент
№55 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img54.jpg)
№56 слайд![Списки определений lt dl gt](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img55.jpg)
Содержание слайда: Списки определений
<dl>
<dt>Термин</dt>
<dd>Определение</dd>
</dl>
Результат:
Термин
Определение
№57 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img56.jpg)
№58 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img57.jpg)
№59 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img58.jpg)
№60 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img59.jpg)
№61 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img60.jpg)
№62 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img61.jpg)
№63 слайд![lt P align center gt lt IMG](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img62.jpg)
Содержание слайда: <P align=center><IMG src="pic.gif" ></p> рисунок в центре, текст сверху и снизу
<P align=center><IMG src="pic.gif" ></p> рисунок в центре, текст сверху и снизу
<P align=justify><IMG src="pic.gif" align=left> </p> рисунок слева
<P align=justify><IMG src="pic.gif" align=right> </p> рисунок справа
№64 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img63.jpg)
№65 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img64.jpg)
№66 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img65.jpg)
№67 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img66.jpg)
№68 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img67.jpg)
№69 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img68.jpg)
№70 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img69.jpg)
№71 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img70.jpg)
№72 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img71.jpg)
№73 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img72.jpg)
№74 слайд![](/documents_2/e721a9dbc0ef26f3ade5ebf713b210d3/img73.jpg)