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

Содержание

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

Слайд 1HTML
8 класс

HTML8 класс

Слайд 2Создание первой страницы html
Открываем notepad++
Файл -> Сохранить как… (File ->Save as…)
Имя

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

Слайд 3Структура html-страницы


Название страницы


Содержимое страницы


Структура html-страницыНазвание страницыСодержимое страницы

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

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

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

по центру

Теги выравнивания и  - выравнивание по левому полю и  - выравнивание по правому полю и  - выравнивание по центру

Слайд 6Теги для выделения текста и шрифта
 и  - теги для выделения текста (слов,

букв) жирным шрифтом.
 и  - теги для выделения текста (слов, букв) курсивным шрифтом, типа Italic.
 и  - текст, расположенный между двумя этими тегами, будет подчеркнут.
 и  - текст, расположенный между двумя этими тегами, будет мигать.
и - теги для изменения размера шрифта (где n - размер шрифта в пикселях px).
 и  - теги для изменения цвета шрифта

Теги для выделения текста и шрифта и  - теги для выделения текста (слов, букв) жирным шрифтом. и  - теги для выделения

Слайд 7Вставка изображений
Вставка изображения в документ
Вставка изображения на

фон

Вставка изображенийВставка изображения в документ Вставка изображения на фон

Слайд 8Таблица



Имя
Фамилия


1
Иван
Иванов


2
Петр
Петров


3
Александр
Александров


Таблица            №

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

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

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

с отображением файла на сайте

Гиперсвязь с адресом электронной почты
nick@mail.ru

СсылкиПростая сылка на документ заявление в УСЗН Ленинского района Ссылка с отображением файла на сайте

Слайд 11Списки

Системные программы
Прикладные программы
Системы программирования

СпискиСистемные программыПрикладные программыСистемы программирования

Слайд 12Формы

Пожалуйста, введите ваше имя

30>

E-mail:





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

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

справа налево
TEKCT - движение слева направо.

Бегущая строкаТЕКСТ - тег, создающий бегущую строкуTEKCT - Если бегущую строку нужно направить справа налевоTEKCT - движение слева направо.

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

- цветовая диаграмма в RGB

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

Что такое shareslide.ru?

Это сайт презентаций, где можно хранить и обмениваться своими презентациями, докладами, проектами, шаблонами в формате PowerPoint с другими пользователями. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами.


Для правообладателей

Яндекс.Метрика

Обратная связь

Email: Нажмите что бы посмотреть