🗊 Начальные сведения

Категория: Информатика
Нажмите для полного просмотра!
  
  Начальные сведения  , слайд №1  
  Начальные сведения  , слайд №2  
  Начальные сведения  , слайд №3  
  Начальные сведения  , слайд №4  
  Начальные сведения  , слайд №5  
  Начальные сведения  , слайд №6  
  Начальные сведения  , слайд №7  
  Начальные сведения  , слайд №8  
  Начальные сведения  , слайд №9  
  Начальные сведения  , слайд №10  
  Начальные сведения  , слайд №11  
  Начальные сведения  , слайд №12  
  Начальные сведения  , слайд №13  
  Начальные сведения  , слайд №14  
  Начальные сведения  , слайд №15  
  Начальные сведения  , слайд №16  
  Начальные сведения  , слайд №17  
  Начальные сведения  , слайд №18  
  Начальные сведения  , слайд №19  
  Начальные сведения  , слайд №20  
  Начальные сведения  , слайд №21  
  Начальные сведения  , слайд №22  
  Начальные сведения  , слайд №23  
  Начальные сведения  , слайд №24  
  Начальные сведения  , слайд №25  
  Начальные сведения  , слайд №26  
  Начальные сведения  , слайд №27  
  Начальные сведения  , слайд №28  
  Начальные сведения  , слайд №29  
  Начальные сведения  , слайд №30  
  Начальные сведения  , слайд №31  
  Начальные сведения  , слайд №32  
  Начальные сведения  , слайд №33  
  Начальные сведения  , слайд №34  
  Начальные сведения  , слайд №35  
  Начальные сведения  , слайд №36  
  Начальные сведения  , слайд №37  
  Начальные сведения  , слайд №38  
  Начальные сведения  , слайд №39  
  Начальные сведения  , слайд №40  
  Начальные сведения  , слайд №41  
  Начальные сведения  , слайд №42  
  Начальные сведения  , слайд №43  
  Начальные сведения  , слайд №44  
  Начальные сведения  , слайд №45  
  Начальные сведения  , слайд №46  
  Начальные сведения  , слайд №47  
  Начальные сведения  , слайд №48  
  Начальные сведения  , слайд №49  
  Начальные сведения  , слайд №50  
  Начальные сведения  , слайд №51  
  Начальные сведения  , слайд №52  
  Начальные сведения  , слайд №53  
  Начальные сведения  , слайд №54  
  Начальные сведения  , слайд №55  
  Начальные сведения  , слайд №56  
  Начальные сведения  , слайд №57  
  Начальные сведения  , слайд №58  
  Начальные сведения  , слайд №59  
  Начальные сведения  , слайд №60  
  Начальные сведения  , слайд №61  
  Начальные сведения  , слайд №62  
  Начальные сведения  , слайд №63  
  Начальные сведения  , слайд №64  
  Начальные сведения  , слайд №65  
  Начальные сведения  , слайд №66  
  Начальные сведения  , слайд №67  
  Начальные сведения  , слайд №68  
  Начальные сведения  , слайд №69  
  Начальные сведения  , слайд №70  
  Начальные сведения  , слайд №71  
  Начальные сведения  , слайд №72  
  Начальные сведения  , слайд №73  
  Начальные сведения  , слайд №74

Содержание

Вы можете ознакомиться и скачать Начальные сведения . Презентация содержит 74 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

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


Слайд 1





Начальные сведения
Описание слайда:
Начальные сведения

Слайд 2





Язык HTML
Описание слайда:
Язык HTML

Слайд 3


  
  Начальные сведения  , слайд №3
Описание слайда:

Слайд 4


  
  Начальные сведения  , слайд №4
Описание слайда:

Слайд 5


  
  Начальные сведения  , слайд №5
Описание слайда:

Слайд 6


  
  Начальные сведения  , слайд №6
Описание слайда:

Слайд 7


  
  Начальные сведения  , слайд №7
Описание слайда:

Слайд 8


  
  Начальные сведения  , слайд №8
Описание слайда:

Слайд 9





Графические форматы
GIF - Graphic Interchange Format.  При сохранении изображения в этом формате количество используемых цветов не должно превышать 256. 
JPEG  (JPG) - Joint Photography Experts Group. 
	Этот формат допускает сохранение изображений, содержащих миллионы цветов.
Описание слайда:
Графические форматы GIF - Graphic Interchange Format. При сохранении изображения в этом формате количество используемых цветов не должно превышать 256. JPEG (JPG) - Joint Photography Experts Group. Этот формат допускает сохранение изображений, содержащих миллионы цветов.

Слайд 10





Что могут содержать Web-страницы:
Описание слайда:
Что могут содержать Web-страницы:

Слайд 11


  
  Начальные сведения  , слайд №11
Описание слайда:

Слайд 12


  
  Начальные сведения  , слайд №12
Описание слайда:

Слайд 13


  
  Начальные сведения  , слайд №13
Описание слайда:

Слайд 14


  
  Начальные сведения  , слайд №14
Описание слайда:

Слайд 15





HTML - теги
Описание слайда:
HTML - теги

Слайд 16





Назначение HTML-тегов
Форматирования текста;
Описания кадров и форм; 
Форматирования таблиц и списков;
Организации ссылок на другие ресурсы; 
Вставки изображений и расширений HTML.
Описание слайда:
Назначение HTML-тегов Форматирования текста; Описания кадров и форм; Форматирования таблиц и списков; Организации ссылок на другие ресурсы; Вставки изображений и расширений HTML.

Слайд 17





<HTML>
Описание слайда:
<HTML>

Слайд 18


  
  Начальные сведения  , слайд №18
Описание слайда:

Слайд 19


  
  Начальные сведения  , слайд №19
Описание слайда:

Слайд 20





<HTML>
Описание слайда:
<HTML>

Слайд 21


  
  Начальные сведения  , слайд №21
Описание слайда:

Слайд 22


  
  Начальные сведения  , слайд №22
Описание слайда:

Слайд 23





Форматирования текста
Описание слайда:
Форматирования текста

Слайд 24


  
  Начальные сведения  , слайд №24
Описание слайда:

Слайд 25





Названия цветов и значения RGB
Описание слайда:
Названия цветов и значения RGB

Слайд 26


  
  Начальные сведения  , слайд №26
Описание слайда:

Слайд 27


  
  Начальные сведения  , слайд №27
Описание слайда:

Слайд 28


  
  Начальные сведения  , слайд №28
Описание слайда:

Слайд 29


  
  Начальные сведения  , слайд №29
Описание слайда:

Слайд 30


  
  Начальные сведения  , слайд №30
Описание слайда:

Слайд 31


  
  Начальные сведения  , слайд №31
Описание слайда:

Слайд 32


  
  Начальные сведения  , слайд №32
Описание слайда:

Слайд 33


  
  Начальные сведения  , слайд №33
Описание слайда:

Слайд 34





Форматирования заголовков
<h1>тест</h1>  тест
<h2>тест</h2>  тест
<h3>тест</h3>  тест
<h4>тест</h4>  тест
<h5>тест</h5>  тест
<h6>тест</h6>  тест
Описание слайда:
Форматирования заголовков <h1>тест</h1>  тест <h2>тест</h2>  тест <h3>тест</h3>  тест <h4>тест</h4>  тест <h5>тест</h5>  тест <h6>тест</h6>  тест

Слайд 35


  
  Начальные сведения  , слайд №35
Описание слайда:

Слайд 36


  
  Начальные сведения  , слайд №36
Описание слайда:

Слайд 37





Разбивка на абзацы
<P>текст </P> - новый абзац, можно использовать только начальный тег, т.к. следующий  элемент <p> обозначает не только начало следующего абзаца, но и конец предыдущего
тест<BR>тест -	перенос текста на новую строку без абзацного отступа			
тест				
тест
тест<HR>тест 	разделительная линия
				
				тест									 									
				тест
Описание слайда:
Разбивка на абзацы <P>текст </P> - новый абзац, можно использовать только начальный тег, т.к. следующий элемент <p> обозначает не только начало следующего абзаца, но и конец предыдущего тест<BR>тест - перенос текста на новую строку без абзацного отступа тест тест тест<HR>тест разделительная линия тест тест

Слайд 38





Параметры тега HR
Описание слайда:
Параметры тега HR

Слайд 39


  
  Начальные сведения  , слайд №39
Описание слайда:

Слайд 40


  
  Начальные сведения  , слайд №40
Описание слайда:

Слайд 41


  
  Начальные сведения  , слайд №41
Описание слайда:

Слайд 42


  
  Начальные сведения  , слайд №42
Описание слайда:

Слайд 43


  
  Начальные сведения  , слайд №43
Описание слайда:

Слайд 44





	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>
Описание слайда:
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





<html>
     <head>
           <title>Практическая работа 4 Фамилия 
 </title>
     </head>
     <body>
<h1> Роман</h1>
<h2> Книга</h2>
<h3> Том</h3>
<h4> Часть</h4>
<h5> Глава</h5>
<h6> Параграф</h6>
     </body>
</html>
Описание слайда:
<html> <head> <title>Практическая работа 4 Фамилия </title> </head> <body> <h1> Роман</h1> <h2> Книга</h2> <h3> Том</h3> <h4> Часть</h4> <h5> Глава</h5> <h6> Параграф</h6> </body> </html>

Слайд 46


  
  Начальные сведения  , слайд №46
Описание слайда:

Слайд 47





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>
Описание слайда:
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>
     <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>
Описание слайда:
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>
     <head>
           <title>3 способ форматирования  </title>
     </head>
     <body>
 <pre>< <font size=4>
Уж небо осенью дышало. 
Все реже солнышко блистало. 
 Короче становился день. 
 ></font> </pre>
</body>
</html>
Описание слайда:
html> <head> <title>3 способ форматирования </title> </head> <body> <pre>< <font size=4> Уж небо осенью дышало. Все реже солнышко блистало. Короче становился день. ></font> </pre> </body> </html>

Слайд 50





Бегущая строка
<MARQUEE>…</MARQUEE>
Параметры:
BGCOLOR- фоновый цвет плашки
WIDTH  HEIGHT -ширина и высота плашки
LOOP -количество повтороений (INFINITE - непрерывно)
SCROOLLAMOUNT-скорость прокручивания, на котором строка смещается при каждом шаге прокрутки в пикселях
SCROOLLDELAY- задает задержку в миллисекундах между шагами прокрутки
DIRECTION-указывает напрвление прокрутки
BEHAVIOR=SCROOLL -напрвление слева направо
BEHAVIOR=SLIDE - напрвление справа налево
Описание слайда:
Бегущая строка <MARQUEE>…</MARQUEE> Параметры: BGCOLOR- фоновый цвет плашки WIDTH HEIGHT -ширина и высота плашки LOOP -количество повтороений (INFINITE - непрерывно) SCROOLLAMOUNT-скорость прокручивания, на котором строка смещается при каждом шаге прокрутки в пикселях SCROOLLDELAY- задает задержку в миллисекундах между шагами прокрутки DIRECTION-указывает напрвление прокрутки BEHAVIOR=SCROOLL -напрвление слева направо BEHAVIOR=SLIDE - напрвление справа налево

Слайд 51





Пример бегущей строки
<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>
Строка пять разпроплывает вправо-влево, затем останавливается возле правого края желтой плашки
Описание слайда:
Пример бегущей строки <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


  
  Начальные сведения  , слайд №52
Описание слайда:

Слайд 53





Маркированные списки
<ul>
	<li>первый элемент</li>
	<li>второй элемент</li>
</ul>

Результат:
первый элемент 
второй элемент
Описание слайда:
Маркированные списки <ul> <li>первый элемент</li> <li>второй элемент</li> </ul> Результат: первый элемент второй элемент

Слайд 54





Нумерованные списки
<ol>
	<li>первый элемент</li>
	<li>второй элемент</li>
</ol>

	1. первый элемент 
2. второй элемент
Описание слайда:
Нумерованные списки <ol> <li>первый элемент</li> <li>второй элемент</li> </ol> 1. первый элемент 2. второй элемент

Слайд 55


  
  Начальные сведения  , слайд №55
Описание слайда:

Слайд 56





Списки определений
<dl>
	<dt>Термин</dt>
	<dd>Определение</dd>
</dl>

Результат:
Термин 
Определение
Описание слайда:
Списки определений <dl> <dt>Термин</dt> <dd>Определение</dd> </dl> Результат: Термин Определение

Слайд 57


  
  Начальные сведения  , слайд №57
Описание слайда:

Слайд 58


  
  Начальные сведения  , слайд №58
Описание слайда:

Слайд 59


  
  Начальные сведения  , слайд №59
Описание слайда:

Слайд 60


  
  Начальные сведения  , слайд №60
Описание слайда:

Слайд 61


  
  Начальные сведения  , слайд №61
Описание слайда:

Слайд 62


  
  Начальные сведения  , слайд №62
Описание слайда:

Слайд 63





 <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> рисунок справа
Описание слайда:
<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


  
  Начальные сведения  , слайд №64
Описание слайда:

Слайд 65


  
  Начальные сведения  , слайд №65
Описание слайда:

Слайд 66


  
  Начальные сведения  , слайд №66
Описание слайда:

Слайд 67


  
  Начальные сведения  , слайд №67
Описание слайда:

Слайд 68


  
  Начальные сведения  , слайд №68
Описание слайда:

Слайд 69


  
  Начальные сведения  , слайд №69
Описание слайда:

Слайд 70


  
  Начальные сведения  , слайд №70
Описание слайда:

Слайд 71


  
  Начальные сведения  , слайд №71
Описание слайда:

Слайд 72


  
  Начальные сведения  , слайд №72
Описание слайда:

Слайд 73


  
  Начальные сведения  , слайд №73
Описание слайда:

Слайд 74


  
  Начальные сведения  , слайд №74
Описание слайда:



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