Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Свидетельство о публикации

Автоматическая выдача свидетельства о публикации в официальном СМИ сразу после добавления материала на сайт - Бесплатно

Добавить свой материал

За каждый опубликованный материал Вы получите бесплатное свидетельство о публикации от проекта «Инфоурок»

(Свидетельство о регистрации СМИ: Эл №ФС77-60625 от 20.01.2015)

Инфоурок / Информатика / Презентации / Презентация по информатике на тему "Разработка Web-сайтов с использованием языка разметки гипертекста HTML"
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 28 июня.

Подать заявку на курс
  • Информатика

Презентация по информатике на тему "Разработка Web-сайтов с использованием языка разметки гипертекста HTML"

библиотека
материалов
HTML 8 класс
Создание первой страницы html Открываем notepad++ Файл -> Сохранить как… (Fil...
Структура html-страницы   Название страницы   Содержимое страницы
Атрибуты тега  alink - устанавливает цвет активной ссылки. background - задае...
Теги выравнивания  и  - выравнивание по левому полю  и  - выравнивание по пра...
Теги для выделения текста и шрифта  и  - теги для выделения текста (слов, бук...
Вставка изображений Вставка изображения в документ  Вставка изображения на фон
Таблица   № Имя Фамилия   1 Иван Иванов   2 Петр Петров   3 Александр Алексан...
Параметры тега  BGCOLOR - цвет фона BORDER - ширина бордюра WIDHT - ширина та...
Ссылки Простая сылка на документ заявление в УСЗН Ленинского района  Ссылка с...
Списки  Системные программы Прикладные программы Системы программирования
Формы  Пожалуйста, введите ваше имя    E-mail:
Бегущая строка ТЕКСТ - тег, создающий бегущую строку TEKCT - Если бегущую стр...
Ресурсы для самостоятельной работы при выполнении проекта http://htmlbook.ru/...
14 1

Подайте заявку сейчас на любой интересующий Вас курс переподготовки, чтобы получить диплом со скидкой 50% уже осенью 2017 года.


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ

Описание презентации по отдельным слайдам:

№ слайда 1 HTML 8 класс
Описание слайда:

HTML 8 класс

№ слайда 2 Создание первой страницы html Открываем notepad++ Файл -> Сохранить как… (Fil
Описание слайда:

Создание первой страницы html Открываем notepad++ Файл -> Сохранить как… (File ->Save as…) Имя файла – index.html (выбираем тип файла Hyper Text Markup Language)

№ слайда 3 Структура html-страницы   Название страницы   Содержимое страницы
Описание слайда:

Структура html-страницы <html> <head> <title>Название страницы</title> </head> <body> Содержимое страницы </body> </html>

№ слайда 4 Атрибуты тега  alink - устанавливает цвет активной ссылки. background - задае
Описание слайда:

Атрибуты тега <body> alink - устанавливает цвет активной ссылки. background - задает фоновый рисунок на веб-странице. bgcolor - цвет фона веб-страницы. bgproperties - определяет, прокручивать фон совместно с текстом или нет. bottommargin - отступ от нижнего края окна браузера до контента. leftmargin - отступ по горизонтали от левого края окна браузера до контента. link - цвет ссылок на веб-странице. rightmargin - отступ от правого края окна браузера до контента. scroll - устанавливает, отображать полосы прокрутки или нет. text - цвет текста в документе. topmargin - отступ от верхнего края окна браузера до контента. vlink - цвет посещенных ссылок.

№ слайда 5 Теги выравнивания  и  - выравнивание по левому полю  и  - выравнивание по пра
Описание слайда:

Теги выравнивания <LEFT> и </LEFT> - выравнивание по левому полю <RIGHT> и </RIGHT> - выравнивание по правому полю <CENTER> и </CENTER> - выравнивание по центру

№ слайда 6 Теги для выделения текста и шрифта  и  - теги для выделения текста (слов, бук
Описание слайда:

Теги для выделения текста и шрифта <B> и </B> - теги для выделения текста (слов, букв) жирным шрифтом. <I> и </I> - теги для выделения текста (слов, букв) курсивным шрифтом, типа Italic. <U> и </U> - текст, расположенный между двумя этими тегами, будет подчеркнут. <BLINK> и </BLINK> - текст, расположенный между двумя этими тегами, будет мигать. <FONT SIZE=n>и</FONT> - теги для изменения размера шрифта (где n - размер шрифта в пикселях px). <FONT COLOR="#FFFFFF"> и </FONT> - теги для изменения цвета шрифта

№ слайда 7 Вставка изображений Вставка изображения в документ  Вставка изображения на фон
Описание слайда:

Вставка изображений Вставка изображения в документ <img src="images/A4.jpg" width=300 height=500/> Вставка изображения на фон <BODY BACKGROUND="Диск:\путь\имя.jpg">

№ слайда 8 Таблица   № Имя Фамилия   1 Иван Иванов   2 Петр Петров   3 Александр Алексан
Описание слайда:

Таблица <table> <tr> <td>№</td> <td>Имя</td> <td >Фамилия</td> </tr> <tr> <td>1</td> <td>Иван</td> <td>Иванов</td> </tr> <tr> <td>2</td> <td>Петр</td> <td>Петров</td> </tr> <tr> <td>3</td> <td>Александр</td> <td>Александров</td> </tr> </table>

№ слайда 9 Параметры тега  BGCOLOR - цвет фона BORDER - ширина бордюра WIDHT - ширина та
Описание слайда:

Параметры тега <TABLE> BGCOLOR - цвет фона BORDER - ширина бордюра WIDHT - ширина таблицы

№ слайда 10 Ссылки Простая сылка на документ заявление в УСЗН Ленинского района  Ссылка с
Описание слайда:

Ссылки Простая сылка на документ <a href="docs/uszn.docx">заявление в УСЗН Ленинского района </a> Ссылка с отображением файла на сайте <iframe src= «адрес" style="width:500px; height:440px;" frameborder="0"></iframe> Гиперсвязь с адресом электронной почты <ADDRESS><A HREF="mailto:nick@mail.ru">nick@mail.ru</ADDRESS>

№ слайда 11 Списки  Системные программы Прикладные программы Системы программирования
Описание слайда:

Списки <OL> <LI>Системные программы <LI>Прикладные программы <LI>Системы программирования </OL>

№ слайда 12 Формы  Пожалуйста, введите ваше имя    E-mail:
Описание слайда:

Формы <FORM> Пожалуйста, введите ваше имя <BR> <INPUT TYPE=“text” NAME = “name” SIZE = 30> <BR> E-mail: <BR> <INPUT TYPE = “text” NAME = “e-mail” SIZE = 30> <BR> </form>

№ слайда 13 Бегущая строка ТЕКСТ - тег, создающий бегущую строку TEKCT - Если бегущую стр
Описание слайда:

Бегущая строка <MARQUEE>ТЕКСТ</MARQUEE> - тег, создающий бегущую строку <MARQUEE DIRECTION="left">TEKCT</MARQUEE> - Если бегущую строку нужно направить справа налево <MARQUEE DIRECTION="right">TEKCT</MARQUEE> - движение слева направо.

№ слайда 14 Ресурсы для самостоятельной работы при выполнении проекта http://htmlbook.ru/
Описание слайда:

Ресурсы для самостоятельной работы при выполнении проекта http://htmlbook.ru/ - справочник по HTML http://html-color-codes.info/Cvetovye-kody-HTML/ - цветовая диаграмма в RGB


Подайте заявку сейчас на любой интересующий Вас курс переподготовки, чтобы получить диплом со скидкой 50% уже осенью 2017 года.


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ

Автор
Дата добавления 13.09.2016
Раздел Информатика
Подраздел Презентации
Просмотров72
Номер материала ДБ-191445
Получить свидетельство о публикации
Похожие материалы

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