Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Конспекты / Презентация к уроку по дисциплине "Информационные технологии", на тему "Создание Web - страницы"

Презентация к уроку по дисциплине "Информационные технологии", на тему "Создание Web - страницы"

  • Информатика
«Ум  заключается  не только  в знании,  но и в умении  прилагать знание на де...
C H A T I N T E R N E T R A M B L E R E - M A I L
HTML Hyper Text Markup Language – язык разметки гипертекста
Тема урока: "Создание Web – страницы с помощью языка HTML" Цель урока: Овладе...
HTML Hyper Text Markup Language – язык разметки гипертекста представляющий со...
Web-страницы — это обычные текстовые файлы, в которых с помощью специальных к...
Web-страницы cтатические (с расширениями *.html, *.htm) динамические (с расши...
HTML Тег - это специальное указание того как нужно отображать элемент (текст...
Тэги парные одиночные открывающий закрывающий < > < />
Структура Web-страницы HTML-код страницы помещается внутрь контейнера  … … …...
  Мой первый шаг    Здравствуйте, это моя первая страница. Добро пожаловать!
Структура документа HTML:   Мой первый шаг    Здравствуйте, это моя первая ст...
Мой первый шаг    Здравствуйте, это моя первая страница. Добро пожаловать!...
...    Правила записи: тэг, который мы открыли первым - закрываем последн...
Некоторые теги имеют атрибуты, которые являются именами свойств и могут прин...
Теги и атрибуты 	Атрибуты отделяются от имени тега и друг от друга пробелами....
Параметры тега  Bgcolor – изменяет цвет фона. Цвет задается словом или кодом...
1 из 17

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

№ слайда 1 «Ум  заключается  не только  в знании,  но и в умении  прилагать знание на де
Описание слайда:

«Ум  заключается  не только  в знании,  но и в умении  прилагать знание на деле».                                          Аристотель.

№ слайда 2 C H A T I N T E R N E T R A M B L E R E - M A I L
Описание слайда:

C H A T I N T E R N E T R A M B L E R E - M A I L

№ слайда 3 HTML Hyper Text Markup Language – язык разметки гипертекста
Описание слайда:

HTML Hyper Text Markup Language – язык разметки гипертекста

№ слайда 4 Тема урока: &quot;Создание Web – страницы с помощью языка HTML&quot; Цель урока: Овладе
Описание слайда:

Тема урока: "Создание Web – страницы с помощью языка HTML" Цель урока: Овладение основными приемами создания WEB-страниц на языке HTML.

№ слайда 5 HTML Hyper Text Markup Language – язык разметки гипертекста представляющий со
Описание слайда:

HTML Hyper Text Markup Language – язык разметки гипертекста представляющий собой простой набор команд, описывающих структуру документа. HTML страница - это обычный текстовый файл имеющий расширение .html или .htm

№ слайда 6 Web-страницы — это обычные текстовые файлы, в которых с помощью специальных к
Описание слайда:

Web-страницы — это обычные текстовые файлы, в которых с помощью специальных команд задается оформление страницы и расположение материала. Все рисунки, анимация и т.п. должны быть записаны в виде отдельных файлов. Гипертекст- это текст со вставленными в него словами (командами) разметки, ссылающимися на другие места этого текста, другие документы, картинки и прочее.

№ слайда 7 Web-страницы cтатические (с расширениями *.html, *.htm) динамические (с расши
Описание слайда:

Web-страницы cтатические (с расширениями *.html, *.htm) динамические (с расширениями *.shtml, *.asp, *.php, *.pl)

№ слайда 8 HTML Тег - это специальное указание того как нужно отображать элемент (текст
Описание слайда:

HTML Тег - это специальное указание того как нужно отображать элемент (текст, картинка и т.п.) на странице. Можно рассматривать тег как команду содержащую название и параметры. <ТЕГ>элемент страницы</ТЕГ> HTML теги - управляющие символы, которые определяют вид Web-страницы при её просмотре в браузере

№ слайда 9 Тэги парные одиночные открывающий закрывающий &lt; &gt; &lt; /&gt;
Описание слайда:

Тэги парные одиночные открывающий закрывающий < > < />

№ слайда 10 Структура Web-страницы HTML-код страницы помещается внутрь контейнера  … … …
Описание слайда:

Структура Web-страницы HTML-код страницы помещается внутрь контейнера <html> … … … </html> Без этих тегов браузер не в состоянии определить формат документа и правильно его интерпретировать

№ слайда 11   Мой первый шаг    Здравствуйте, это моя первая страница. Добро пожаловать!
Описание слайда:

<head> <title> Мой первый шаг </title> </head> <body> Здравствуйте, это моя первая страница. Добро пожаловать! </body>

№ слайда 12 Структура документа HTML:   Мой первый шаг    Здравствуйте, это моя первая ст
Описание слайда:

Структура документа HTML: <html> <head> <title>Мой первый шаг </title> </head> <body> Здравствуйте, это моя первая страница. Добро пожаловать! :) </body> </html>

№ слайда 13 Мой первый шаг    Здравствуйте, это моя первая страница. Добро пожаловать!
Описание слайда:

<html> <head> <title> Мой первый шаг </title> </head> <body> Здравствуйте, это моя первая страница. Добро пожаловать! </body> </html> Блокнот Браузер

№ слайда 14 ...    Правила записи: тэг, который мы открыли первым - закрываем последн
Описание слайда:

<тэг1> <тэг2> <тэг3> ... </тэг3> </тэг2> </тэг1> Правила записи: тэг, который мы открыли первым - закрываем последним, второй – предпоследним и т.д.

№ слайда 15 Некоторые теги имеют атрибуты, которые являются именами свойств и могут прин
Описание слайда:

Некоторые теги имеют атрибуты, которые являются именами свойств и могут принимать определённые значения и влияют на внешний вид Web-страницы. Теги и атрибуты Каждый тег состоит из имени тега, за которым может следовать список атрибутов (параметров) <body bgcolor = “red”>

№ слайда 16 Теги и атрибуты 	Атрибуты отделяются от имени тега и друг от друга пробелами.
Описание слайда:

Теги и атрибуты Атрибуты отделяются от имени тега и друг от друга пробелами. Значение атрибута пишется после знака равенства. Если значение состоит из одного слова или цифры, то его можно писать без кавычек. Для значений из нескольких слов кавычки обязательны ( “). Тег со всеми атрибутами желательно располагать на одной строке.

№ слайда 17 Параметры тега  Bgcolor – изменяет цвет фона. Цвет задается словом или кодом
Описание слайда:

Параметры тега <body> Bgcolor – изменяет цвет фона. Цвет задается словом или кодом RGB <body bgcolor = “red”> <body bgcolor = “#FF0000”> Text – задает цвет текста. <body bgcolor = “red” text=“blue”> Background – помещает в качестве фона изображение из файла с картинкой. <body background = “dog.gif”>

Автор
Дата добавления 24.02.2016
Раздел Информатика
Подраздел Конспекты
Просмотров107
Номер материала ДВ-481236
Получить свидетельство о публикации
Похожие материалы

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