Оцените презентацию от 1 до 5 баллов!
Тип файла:
ppt / pptx (powerpoint)
Всего слайдов:
23 слайда
Для класса:
1,2,3,4,5,6,7,8,9,10,11
Размер файла:
1.72 MB
Просмотров:
128
Скачиваний:
0
Автор:
неизвестен
Слайды и текст к этой презентации:
№1 слайд![HTML Язык гипертекстовой](/documents_6/3a863b5d25102ef33bd1cffcaaba5ad6/img0.jpg)
Содержание слайда: HTML
Язык гипертекстовой разметки
№2 слайд![lt HTML gt lt HTML gt lt HEAD](/documents_6/3a863b5d25102ef33bd1cffcaaba5ad6/img1.jpg)
Содержание слайда: <HTML>
<HTML>
<HEAD>
<TITLE> Моя страничка </TITLE>
</HEAD>
<BODY>
Эта страничка обо мне
</BODY>
</HTML>
№3 слайд![Сохраним файл в программе](/documents_6/3a863b5d25102ef33bd1cffcaaba5ad6/img2.jpg)
Содержание слайда: Сохраним файл в программе «Блокнот» следующим образом:
Сохраним файл в программе «Блокнот» следующим образом:
№4 слайд![Теперь, если мы откроем](/documents_6/3a863b5d25102ef33bd1cffcaaba5ad6/img3.jpg)
Содержание слайда: Теперь, если мы откроем данный файл в браузере, то увидим следующее:
Теперь, если мы откроем данный файл в браузере, то увидим следующее:
№5 слайд![Пока наша страница не очень](/documents_6/3a863b5d25102ef33bd1cffcaaba5ad6/img4.jpg)
Содержание слайда: Пока наша страница не очень красива и красочна. Изменим ее, добавив более крупный шрифт, красивый фон и пару картинок
Пока наша страница не очень красива и красочна. Изменим ее, добавив более крупный шрифт, красивый фон и пару картинок
№6 слайд![Размер шрифта задается тэгами](/documents_6/3a863b5d25102ef33bd1cffcaaba5ad6/img5.jpg)
Содержание слайда: Размер шрифта задается тэгами от
Размер шрифта задается тэгами от
<H1>( самый крупный) до <H6>( самый мелкий).
Заголовок страницы целесообразно выделить самым крупным шрифтом:
<H1> Моя страничка </H1>
№7 слайд![Принято, чтобы заголовок на](/documents_6/3a863b5d25102ef33bd1cffcaaba5ad6/img6.jpg)
Содержание слайда: Принято, чтобы заголовок на странице находился по центру, для этого применяется выравнивание.
Принято, чтобы заголовок на странице находился по центру, для этого применяется выравнивание.
Выравнивание осуществляется с помощью атрибута align, которому присваивают определенное значение: «right»-выравнивание по правой границе, «center»- выравнивание по центру.
№8 слайд![lt H align quot center quot](/documents_6/3a863b5d25102ef33bd1cffcaaba5ad6/img7.jpg)
Содержание слайда: <H1 align="center"> Моя страничка </H1>
<H1 align="center"> Моя страничка </H1>
№9 слайд![Тэг FONT задает параметры](/documents_6/3a863b5d25102ef33bd1cffcaaba5ad6/img8.jpg)
Содержание слайда: Тэг «FONT» задает параметры форматирования шрифта любого фрагмента текста. Его атрибуты:
Тэг «FONT» задает параметры форматирования шрифта любого фрагмента текста. Его атрибуты:
SIZE-размер шрифта;
COLOR- цвет шрифта;
FACE- гарнитура шрифта.
№10 слайд![lt FONT COLOR blue gt lt FONT](/documents_6/3a863b5d25102ef33bd1cffcaaba5ad6/img9.jpg)
Содержание слайда: <FONT COLOR=“blue“>
<FONT COLOR=“blue“>
<H1 align="center"> Моя страничка </H1>
№11 слайд![Чтобы отделить заголовок от](/documents_6/3a863b5d25102ef33bd1cffcaaba5ad6/img10.jpg)
Содержание слайда: Чтобы отделить заголовок от остального текста, можно использовать горизонтальную линию. Это можно сделать с помощью тэга <HR>. Этот тэг одиночный - он не требует закрывающего тэга.
Чтобы отделить заголовок от остального текста, можно использовать горизонтальную линию. Это можно сделать с помощью тэга <HR>. Этот тэг одиночный - он не требует закрывающего тэга.
№12 слайд![lt H align quot center quot](/documents_6/3a863b5d25102ef33bd1cffcaaba5ad6/img11.jpg)
Содержание слайда: <H1 align="center"> Эта страничка обо мне </H1>
<H1 align="center"> Эта страничка обо мне </H1>
<HR>
№13 слайд![Чтобы разделить текст на](/documents_6/3a863b5d25102ef33bd1cffcaaba5ad6/img12.jpg)
Содержание слайда: Чтобы разделить текст на абзацы, можно использовать контейнер <P></P>.
Чтобы разделить текст на абзацы, можно использовать контейнер <P></P>.
При просмотре абзацы отделяются друг от друга интервалами.
Для каждого абзаца можно задать свой тип выравнивания, свой цвет и размер шрифта.
№14 слайд![lt HTML gt lt HTML gt lt HEAD](/documents_6/3a863b5d25102ef33bd1cffcaaba5ad6/img13.jpg)
Содержание слайда: <HTML>
<HTML>
<HEAD>
<TITLE> Моя страничка </TITLE>
</HEAD>
<BODY>
<FONT COLOR=“blue“>
<H1 align="center"> Эта страничка обо мне </H1>
<HR>
<p align="left"> На этом сайте Вы сможете найти информацию обо мне, о том, чем я занимаюсь на работе и в свободное время. </p>
<p align="center"> Здесь вы увидите фотографии меня и моих друзей, моих родных и близких людей. </p>
</BODY>
</HTML>
№15 слайд![](/documents_6/3a863b5d25102ef33bd1cffcaaba5ad6/img14.jpg)
№16 слайд![Чтобы сайт был визуально](/documents_6/3a863b5d25102ef33bd1cffcaaba5ad6/img15.jpg)
Содержание слайда: Чтобы сайт был визуально привлекательным, на нем можно разместить изображения. На web-страницах могут размещаться файлы трех форматов- GIF, JPG, PNG.
Чтобы сайт был визуально привлекательным, на нем можно разместить изображения. На web-страницах могут размещаться файлы трех форматов- GIF, JPG, PNG.
На титульном листе логично разместить фотографию того, кому посвящен этот сайт.
№17 слайд![Вставка изображения](/documents_6/3a863b5d25102ef33bd1cffcaaba5ad6/img16.jpg)
Содержание слайда: Вставка изображения производится с помощью тэга <IMG> с атрибутом SRC, который указывает на место хранения файла на компьютере.
Вставка изображения производится с помощью тэга <IMG> с атрибутом SRC, который указывает на место хранения файла на компьютере.
<IMG SRC="C:\Documents and Settings\Admin\Рабочий стол\HTML\вспомогательное\x_0527ae1f.jpg">
№18 слайд![](/documents_6/3a863b5d25102ef33bd1cffcaaba5ad6/img17.jpg)
№19 слайд![Для изменения фона можно](/documents_6/3a863b5d25102ef33bd1cffcaaba5ad6/img18.jpg)
Содержание слайда: Для изменения фона можно воспользоваться атрибутом тэга <BODY>- background, который указывает на место хранения файла фонового рисунка на компьютере.
Для изменения фона можно воспользоваться атрибутом тэга <BODY>- background, который указывает на место хранения файла фонового рисунка на компьютере.
<body background="fon.jpg"> .
Чтобы фон при прокрутке текста не двигался зафиксируем его с помощью атрибута bgproperties="fixed"
№20 слайд![lt BODY background quot C](/documents_6/3a863b5d25102ef33bd1cffcaaba5ad6/img19.jpg)
Содержание слайда: <BODY background="C:\Documents and Settings\Admin\Рабочий стол\HTML\вспомогательное\newy3.gif" bgproperties="fixed">
<BODY background="C:\Documents and Settings\Admin\Рабочий стол\HTML\вспомогательное\newy3.gif" bgproperties="fixed">
№21 слайд![](/documents_6/3a863b5d25102ef33bd1cffcaaba5ad6/img20.jpg)
№22 слайд![](/documents_6/3a863b5d25102ef33bd1cffcaaba5ad6/img21.jpg)
№23 слайд![](/documents_6/3a863b5d25102ef33bd1cffcaaba5ad6/img22.jpg)