Презентация "Язык HTML" по информатике – проект, доклад

Слайд 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

Презентацию на тему "Язык HTML" можно скачать абсолютно бесплатно на нашем сайте. Предмет проекта: Информатика. Красочные слайды и иллюстрации помогут вам заинтересовать своих одноклассников или аудиторию. Для просмотра содержимого воспользуйтесь плеером, или если вы хотите скачать доклад - нажмите на соответствующий текст под плеером. Презентация содержит 74 слайд(ов).

Слайды презентации

Начальные сведения. Язык HTML
Слайд 1

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

Язык HTML

HTML (Hyper Text Markup Language) – язык разметки гипертекста, включает в себя способы оформления гипертекстовых документов. SGML (Standard Generalized Markup Language) - стандартный язык обобщенной разметки. XML (Extended Markup Language) - расширяемый язык разметки.
Слайд 2

HTML (Hyper Text Markup Language) – язык разметки гипертекста, включает в себя способы оформления гипертекстовых документов. SGML (Standard Generalized Markup Language) - стандартный язык обобщенной разметки. XML (Extended Markup Language) - расширяемый язык разметки.

Основные понятия. Гипертекст – структура, позволяющая устанавливать смысловые связки между элементами текста и другими документами. Гиперссылка – фрагмент текста, который является указателем на другой файл или объект. Web-узел или Web-сайт – группа Web-страниц, принадлежащих одному автору или одному
Слайд 3

Основные понятия

Гипертекст – структура, позволяющая устанавливать смысловые связки между элементами текста и другими документами.

Гиперссылка – фрагмент текста, который является указателем на другой файл или объект.

Web-узел или Web-сайт – группа Web-страниц, принадлежащих одному автору или одному издателю, взаимосвязанных общими гиперссылками.

Фрейм (Frame). Этот термин имеет два значения: Область документа со своими полосами прокрутки Одиночное изображение в анимационном графическом файле (кадр)
Слайд 4

Фрейм (Frame)

Этот термин имеет два значения: Область документа со своими полосами прокрутки Одиночное изображение в анимационном графическом файле (кадр)

Апплет (Applet). Программа, передаваемая на компьютер клиента в виде отдельного файла и запускаемая при просмотре Web-страницы. Браузер (Browser). Программа для просмотра Web-страницы
Слайд 5

Апплет (Applet)

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

Браузер (Browser)

Программа для просмотра Web-страницы

Скрипт или сценарий (Script). Программа, включенная в состав Web-страницы, для расширения ее возможностей. CGI (Common Gateway Interface) – общее название программ, которые работая на сервере, позволяют расширить возможности Web –страничек.
Слайд 6

Скрипт или сценарий (Script)

Программа, включенная в состав Web-страницы, для расширения ее возможностей

CGI (Common Gateway Interface) – общее название программ, которые работая на сервере, позволяют расширить возможности Web –страничек.

Что могут содержать Web-страницы: 1). Тексты;   2). Таблицы;   3). Логотипы;   4). Эмблемы;
Слайд 7

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

1). Тексты;   2). Таблицы;   3). Логотипы;   4). Эмблемы;

5). Графику Графические файлы самые распространенные и выгодные в формате .jpg (jpig), менее распространенные gif , но могут содержать не более 256 цветов, редко .png, и .bmp т.к. они имеют большие размеры, а основное правило хорошо оформленной страницы, это быстрая загрузка!!! По этому правилу разм
Слайд 8

5). Графику Графические файлы самые распространенные и выгодные в формате .jpg (jpig), менее распространенные gif , но могут содержать не более 256 цветов, редко .png, и .bmp т.к. они имеют большие размеры, а основное правило хорошо оформленной страницы, это быстрая загрузка!!! По этому правилу размер любого графического файла не должен превышать 70 Кбайт или 400-500 пикселей со средним качеством. 

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

Графические форматы

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

6). Банеры – анимированные и не анимированные, выполняют чаще рекламную роль и роль переключателей на другие страницы. большие имеют размер 468 х 60 пикселей, средние 120 х 60, маленькие 88 х 31. Собираются из файлов, созданных, например, в FotoShope. Это может быть текст, сменяющий другой или карти
Слайд 10

6). Банеры – анимированные и не анимированные, выполняют чаще рекламную роль и роль переключателей на другие страницы. большие имеют размер 468 х 60 пикселей, средние 120 х 60, маленькие 88 х 31. Собираются из файлов, созданных, например, в FotoShope. Это может быть текст, сменяющий другой или картинки. Могут быть анимированные кнопки. Gif- анимация – это, например, при наведении на кнопку появляется надпись

7). Мультимедиа –файлы (содержащие музыку (.mid), речь (.wav), видео (.avi). avi-фрагменты это очень большие файлы, поэтому на Web-страницах они не должны превышать 100 Кбайт wav- файлы лучше упаковывать, для чего есть специальные программы, которые сжимают в 10 раз (например, 10 секунд звучания это
Слайд 11

7). Мультимедиа –файлы (содержащие музыку (.mid), речь (.wav), видео (.avi). avi-фрагменты это очень большие файлы, поэтому на Web-страницах они не должны превышать 100 Кбайт wav- файлы лучше упаковывать, для чего есть специальные программы, которые сжимают в 10 раз (например, 10 секунд звучания это примерно 250 Кбайт можно упаковать до 25 Кбайт) mid – файлы это в основном инструментальная музыка без голоса. Поддерживаются только браузером Internet Explorer. .mp3 – файлы тоже можно использовать, но они очень большие(средний размер 5-7 Мбайт, 3 мин  3 Мбайта. Эти файлы (avi, wav, mid, mp3) практически не сжимаются. Из 3 Мбайт получается приблизительно 2,8 Мбайт. Gif-файлы сжимаются на 20%.

8) Скрипты – программы, которые расширяют возможности страниц, делают ее активной с обратной связью (формы, регистрационные листы, пишутся на языке Jawa и т.п.). Можно делать самим (бегущая строка, падающие буквы и т.п.), а можно брать готовые.  9). Апплеты – программы, которые загружаются с сайта н
Слайд 12

8) Скрипты – программы, которые расширяют возможности страниц, делают ее активной с обратной связью (формы, регистрационные листы, пишутся на языке Jawa и т.п.). Можно делать самим (бегущая строка, падающие буквы и т.п.), а можно брать готовые.  9). Апплеты – программы, которые загружаются с сайта на компьютер клиента при открытии страницы, создают различные видеоэффекты (перелистывание страниц, вихревое движение, эффект пламени, деформации изображения, пишутся на языке Jawa с расширением .class).  

10). Флэш-анимации – файлы сделанные по технологии макромедиа с расширением .swf. В этих файлах происходит действие, рекламные ролики. (Они быстро открываются, но для их открытия дополнительно к браузеру должна быть установлена специальная программа, позволяющая просматривать эти файлы, если програм
Слайд 13

10). Флэш-анимации – файлы сделанные по технологии макромедиа с расширением .swf. В этих файлах происходит действие, рекламные ролики. (Они быстро открываются, но для их открытия дополнительно к браузеру должна быть установлена специальная программа, позволяющая просматривать эти файлы, если программа не установлена, то как правило выдается запрос на ее загрузку из интернет). 11). Гиперссылки – ссылки на другие станицы. 12). Таблицы стилей –то файлы с расширением .css, в которых прописаны все изменения. Такое оформление придают страницам современный, эстетический стиль.

теги HTML
Слайд 14

теги HTML

HTML - теги. Язык разметки гипертекстовых документов HTML представляет собой совокупность команд, называемых тегами (от английского tag). Тег – начальный или конечный маркер элемента записывается в угловых скобках и состоит из имени, за которым может следовать список атрибутов (все атрибуты располаг
Слайд 15

HTML - теги

Язык разметки гипертекстовых документов HTML представляет собой совокупность команд, называемых тегами (от английского tag). Тег – начальный или конечный маркер элемента записывается в угловых скобках и состоит из имени, за которым может следовать список атрибутов (все атрибуты располагаются в начальном теге).

Большинство тегов имеют два компонента: открывающий и закрывающий. Закрывающий компонент имеет то же название, но при записи перед названием ставится символ « / ».

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

Назначение HTML-тегов

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

. Структура HTML-документа. …. Начало разметки документа. содержание страницы. Конец разметки документа
Слайд 17

Структура HTML-документа

….

Начало разметки документа

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

Конец разметки документа

Между тегами  и  пишется название сайта. Тег  несет служебную информацию о сайте и не отображается на экране браузера: Имя автора страницы; Информация о кодировке; Набор ключевых слов для поиска, отображающих содержание сайта.
Слайд 18

Между тегами и пишется название сайта

Тег несет служебную информацию о сайте и не отображается на экране браузера: Имя автора страницы; Информация о кодировке; Набор ключевых слов для поиска, отображающих содержание сайта.

Пример Web -страницы.    О братьях наших меньших       Здесь размещается содержимое страницы
Слайд 19

Пример Web -страницы

О братьях наших меньших Здесь размещается содержимое страницы

школа. Сайт, посвященный школе. < META NAME=“keywords” CONTENT =“школа, класс, урок, обучение, образование, знание”>. Пример Web –страницы с метатегами
Слайд 20

школа

Сайт, посвященный школе

< META NAME=“keywords” CONTENT =“школа, класс, урок, обучение, образование, знание”>

Пример Web –страницы с метатегами

Задание 1 Создание структуры страницы. Откройте текстовый редактор блокнот. Наберите структуру приведенной ранее страницы Между элементами 	 наберите  Моя первая страница 4. Сохраните файл с именем index.htm в папке STRANICA 5. Просмотрите страницу в браузере.
Слайд 21

Задание 1 Создание структуры страницы

Откройте текстовый редактор блокнот. Наберите структуру приведенной ранее страницы Между элементами наберите

Моя первая страница

4. Сохраните файл с именем index.htm в папке STRANICA 5. Просмотрите страницу в браузере.

Форматирование текста
Слайд 22

Форматирование текста

Форматирования текста. Форматировать текст можно традиционными способами: выделять курсивом, полужирным, выбирать шрифт, размер, цвет, выравнивать текстовые фрагменты. Все эти характеристики задаются при помощи соответствующих атрибутов в теге управления шрифтом  текст . Размер задается атрибутом SI
Слайд 23

Форматирования текста

Форматировать текст можно традиционными способами: выделять курсивом, полужирным, выбирать шрифт, размер, цвет, выравнивать текстовые фрагменты. Все эти характеристики задаются при помощи соответствующих атрибутов в теге управления шрифтом текст

Размер задается атрибутом SIZE, который может принимать значения от 1 до 7.

Пример. тексту задан размер 3

COLOR – атрибут для определения цвета, название которого задается числом в шестнадцатеричной системе счисления или название на английском языке color=“#FF0000” color=”red”. Пример.  это шрифт синего цвета. R-red 00-FF 0-255 G-green 00-FF 0-255 B - blue 00-FF 0-255 RGB
Слайд 24

COLOR – атрибут для определения цвета, название которого задается числом в шестнадцатеричной системе счисления или название на английском языке color=“#FF0000” color=”red”

Пример. это шрифт синего цвета

R-red 00-FF 0-255 G-green 00-FF 0-255 B - blue 00-FF 0-255 RGB

Названия цветов и значения RGB
Слайд 25

Названия цветов и значения RGB

форматирование шрифтов
Слайд 26

форматирование шрифтов

FACE – позволяет задавать тип шрифта или несколько шрифтов (через точку с запятой). Пример.  . Все атрибуты могут быть использованы совместно внутри тега < FONT> Пример.  Это шрифт arial размером 3 синего цвета
Слайд 27

FACE – позволяет задавать тип шрифта или несколько шрифтов (через точку с запятой)

Пример.

Все атрибуты могут быть использованы совместно внутри тега < FONT> Пример.

Это шрифт arial размером 3 синего цвета

тест выделение шрифта полужирным шрифтом тест выделение шрифта курсивом тест подчеркнутый шрифт x2 верхний индекс (х2) x2 нижний индекс (х2). Форматирование шрифтов
Слайд 28

тест выделение шрифта полужирным шрифтом тест выделение шрифта курсивом тест подчеркнутый шрифт x2 верхний индекс (х2) x2 нижний индекс (х2)

Форматирование шрифтов

Примеры со шрифтами Пример действия параметра FASE  ШРИФТ РАЗНОГО < FONT SIZE=5 FACE=Courier New Cyr>НАЧЕРТАНИЯ
Слайд 29

Примеры со шрифтами Пример действия параметра FASE

ШРИФТ РАЗНОГО < FONT SIZE=5 FACE=Courier New Cyr>НАЧЕРТАНИЯ

Примеры со шрифтами Пример действия параметра SIZE  ШР ИФ Т РА ЗН ОГ О РА ЗМ ЕР>/FONT> А
Слайд 30

Примеры со шрифтами Пример действия параметра SIZE

ШР ИФ Т РА ЗН ОГ О РА ЗМ ЕР>/FONT> А

Примеры со шрифтами Пример действия параметра COLOR  ШРИФТ РАЗНОГО  < FONT SIZE=5 COLOR=BLUE>ЦВЕТА   ЗАДАНИЕ Написать разными по цвету буквами: КАЖДЫЙ ОХОТНИК ЖЕЛАЕТ ЗНАТЬ ГДЕ СИДИТ ФАЗАН
Слайд 31

Примеры со шрифтами Пример действия параметра COLOR

ШРИФТ РАЗНОГО < FONT SIZE=5 COLOR=BLUE>ЦВЕТА

ЗАДАНИЕ Написать разными по цвету буквами: КАЖДЫЙ ОХОТНИК ЖЕЛАЕТ ЗНАТЬ ГДЕ СИДИТ ФАЗАН

т е с т  -сохраняет исходный вид отформатированного текста с пробелами, разбивками на строки и т.п. (т е с т ). Пример  ПУТЬ К МУДРОСТИ   К мудрости путь – по ухабам ошибок; Иди же и носа не вешай: Ушибы, ушибы, и снова ушибы Но реже и реже, и реже…
Слайд 32

т е с т 
-сохраняет исходный вид отформатированного текста с пробелами, разбивками на строки и т.п. (т е с т )

Пример

ПУТЬ К МУДРОСТИ

 К мудрости путь – по ухабам ошибок; Иди же и носа не вешай: Ушибы, ушибы, и снова ушибы Но реже и реже, и реже… 

фоматирование заголовков
Слайд 33

фоматирование заголовков

Форматирования заголовков. тест  тест тест  тест тест  тест тест  тест тест  тест тест  тест. Существует шесть уровней заголовков
Слайд 34

Форматирования заголовков

тест

 тест

тест

 тест

тест

 тест

тест

 тест
тест
 тест
тест
 тест

Существует шесть уровней заголовков

Пример  ОСНОВНОЙ ЗАГОЛОВОК (H1) ПО ЦЕНТРУ  ПОДЗАГОЛОВОК (Н2) ПО ПРАВОМУ КРАЮ   ПОДЗАГОЛОВОК (Н3), ВЫРАВНИВАНИЕИ ПО УМОЛЧАНИЮ   ПОДЗАГОЛОВОК (Н4) ПО ЦЕНТРУ  ПОДЗАГОЛОВОК (Н5) ПО ПРАВОМУ КРАЮ  ПОДЗАГОЛОВОК (Н6) ПО ПРАВОМУ КРАЮ
Слайд 35

Пример

ОСНОВНОЙ ЗАГОЛОВОК (H1) ПО ЦЕНТРУ

ПОДЗАГОЛОВОК (Н2) ПО ПРАВОМУ КРАЮ

ПОДЗАГОЛОВОК (Н3), ВЫРАВНИВАНИЕИ ПО УМОЛЧАНИЮ

ПОДЗАГОЛОВОК (Н4) ПО ЦЕНТРУ

ПОДЗАГОЛОВОК (Н5) ПО ПРАВОМУ КРАЮ
ПОДЗАГОЛОВОК (Н6) ПО ПРАВОМУ КРАЮ

форматирование абзацев
Слайд 36

форматирование абзацев

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

Разбивка на абзацы

текст

- новый абзац, можно использовать только начальный тег, т.к. следующий элемент

обозначает не только начало следующего абзаца, но и конец предыдущего тест
тест - перенос текста на новую строку без абзацного отступа тест тест тест


тест разделительная линия тест тест

Параметры тега HR
Слайд 38

Параметры тега HR

NOSHADE запрет выпуклости  ПРИМЕРЫ ОТЛИНОВОК  простая отлиновка толщиной 2 пикселя   толстая и короткая линия   такая же линия красного цвета .   ALIGN=CENTER>черный квадрат 30х30 пикселей . Примеры отлиновок
Слайд 39

NOSHADE запрет выпуклости

ПРИМЕРЫ ОТЛИНОВОК


простая отлиновка толщиной 2 пикселя


толстая и короткая линия


такая же линия красного цвета


ALIGN=CENTER>черный квадрат 30х30 пикселей

Примеры отлиновок

Пример. Уронили мишку на пол,  Оторвали мишке лапу,  Все равно его не брошу,  Потому, что он хороший. На экране браузера увидим разбиение текста на четверостишие
Слайд 40

Пример. Уронили мишку на пол,
Оторвали мишке лапу,
Все равно его не брошу,
Потому, что он хороший

На экране браузера увидим разбиение текста на четверостишие

Выравнивание абзацев. Вместе с элементом абзац. можно использовать атрибут выравнивания align
Слайд 41

Выравнивание абзацев

Вместе с элементом абзац

можно использовать атрибут выравнивания align

По умолчанию выравнивание по левому краю Центрирование всех строк абзаца,  в том числе включая принудительные разрывы.  Этот абзац выровнен по правому краю  Этот абзац выровнен по левому краю, также, как и по умолчанию  Этот абзац выровнен одновременно по левому и правому краям, но в старых версиях
Слайд 42

По умолчанию выравнивание по левому краю

Центрирование
всех строк абзаца,
в том числе включая принудительные разрывы

Этот абзац выровнен по правому краю

Этот абзац выровнен по левому краю, также, как и по умолчанию

Этот абзац выровнен одновременно по левому и правому краям, но в старых версиях браузеров воспринимается как выравнивание по левому краю Пример

Задание 2 Форматирование текста на странице. Создайте новую страницу в редакторе блокнот. В элемент  укажите «Практическая работа 2» и вашу фамилию. Отформатируйте текст по заданию: Домашние животные (заголовок H1) Собаки (заголовок H2, центральное выравнивание} Сторожевые (выравнивание слева, полуж
Слайд 43

Задание 2 Форматирование текста на странице

Создайте новую страницу в редакторе блокнот. В элемент укажите «Практическая работа 2» и вашу фамилию. Отформатируйте текст по заданию: Домашние животные (заголовок H1) Собаки (заголовок H2, центральное выравнивание} Сторожевые (выравнивание слева, полужирный шрифт) Охотничьи (выравнивание справа, полужирный шрифт) Дрессировка (выравнивание по центру, полужирный курсивный шрифт) Клубы Выставки Площадки (выравнивание по центру, размер шрифта14, цвет красный) Стихотворение (выравнивание по центру, синий шрифт) По жизни я скромен Оваций не надо! Но как же я классно (Выравнивание по левому краю, размер шрифта 10) Смотрюсь у снаряда!</p></div><div class="slide_left"><a data-fancybox="gallery" href="https://prezentacii.org/upload/cloud/15/08/43392/images/screen44.jpg"><img src="https://prezentacii.org/upload/cloud/15/08/43392/images/thumbs/screen44.jpg" alt="1. Создайте новую страницу в редакторе блокнот. 2. В элемент укажите «Практическая работа 3» и вашу фамилию. 3. Отформатируйте текст по заданию: Практическая работа3 Фамилия Каждый охотник желает знать, где сидит фазан . Задание 3 Форматирование текста на странице" title="1. Создайте новую страницу в редакторе блокнот. 2. В элемент укажите «Практическая работа 3» и вашу фамилию. 3. Отформатируйте текст по заданию: Практическая работа3 Фамилия Каждый охотник желает знать, где сидит фазан . Задание 3 Форматирование текста на странице" ></a></div><div class="slide_right"><span>Слайд 44</span><p>1. Создайте новую страницу в редакторе блокнот. 2. В элемент <title> укажите «Практическая работа 3» и вашу фамилию. 3. Отформатируйте текст по заданию: <html> <head> <title>Практическая работа3 Фамилия Каждый охотник желает знать, где сидит фазан

Задание 3 Форматирование текста на странице

Практическая работа 4 Фамилия     Роман  Книга  Том  Часть  Глава  Параграф  . Задание 4 Форматирование заголовков. 1. Создайте новую страницу в редакторе блокнот. 2. В элемент  укажите «Практическая работа 4» и вашу фамилию. 3. Отформатируйте текст по заданию:
Слайд 45

Практическая работа 4 Фамилия

Роман

Книга

Том

Часть

Глава
Параграф

Задание 4 Форматирование заголовков

1. Создайте новую страницу в редакторе блокнот. 2. В элемент укажите «Практическая работа 4» и вашу фамилию. 3. Отформатируйте текст по заданию:</p></div><div class="slide_left"><a data-fancybox="gallery" href="https://prezentacii.org/upload/cloud/15/08/43392/images/screen46.jpg"><img src="https://prezentacii.org/upload/cloud/15/08/43392/images/thumbs/screen46.jpg" alt="Задание 5 Форматирование абзацев. Создайте новую страницу в редакторе блокнот. 2. В элемент укажите «Практическая работа 5» и вашу фамилию. 3. Отформатируйте текст стихотворения тремя разными способами оформления: Уж небо осенью дышало. Все реже солнышко блистало. Короче становился день. Текст шриф" title="Задание 5 Форматирование абзацев. Создайте новую страницу в редакторе блокнот. 2. В элемент укажите «Практическая работа 5» и вашу фамилию. 3. Отформатируйте текст стихотворения тремя разными способами оформления: Уж небо осенью дышало. Все реже солнышко блистало. Короче становился день. Текст шриф" ></a></div><div class="slide_right"><span>Слайд 46</span><p class="slide_title">Задание 5 Форматирование абзацев</p><p>Создайте новую страницу в редакторе блокнот. 2. В элемент <title> укажите «Практическая работа 5» и вашу фамилию. 3. Отформатируйте текст стихотворения тремя разными способами оформления: Уж небо осенью дышало. Все реже солнышко блистало. Короче становился день. Текст шрифта красный, размером 4, курсив</p></div><div class="slide_left"><a data-fancybox="gallery" href="https://prezentacii.org/upload/cloud/15/08/43392/images/screen47.jpg"><img src="https://prezentacii.org/upload/cloud/15/08/43392/images/thumbs/screen47.jpg" alt="html> 1 способ форматирования . Уж небо осенью дышало. Все реже солнышко блистало. Короче становился день. . Пример 1 ответ к заданию 5" title="html> 1 способ форматирования . Уж небо осенью дышало. Все реже солнышко блистало. Короче становился день. . Пример 1 ответ к заданию 5" ></a></div><div class="slide_right"><span>Слайд 47</span><p>html> <head> <title> 1 способ форматирования

Уж небо осенью дышало.

Все реже солнышко блистало.

Короче становился день.

Пример 1 ответ к заданию 5

html>  2 способ форматирования      Уж небо осенью дышало.  Все реже солнышко блистало.  Короче становился день.    . Пример 2 ответа к заданию 5
Слайд 48

html> 2 способ форматирования

Уж небо осенью дышало.
Все реже солнышко блистало.
Короче становился день.

>

Пример 2 ответа к заданию 5

html>  3 способ форматирования    <  Уж небо осенью дышало. Все реже солнышко блистало. Короче становился день. >   . Пример 3 ответа к заданию 5
Слайд 49

html> 3 способ форматирования

<  Уж небо осенью дышало. Все реже солнышко блистало. Короче становился день. > 

Пример 3 ответа к заданию 5

Бегущая строка …. Параметры: BGCOLOR- фоновый цвет плашки WIDTH HEIGHT -ширина и высота плашки LOOP -количество повтороений (INFINITE - непрерывно) SCROOLLAMOUNT-скорость прокручивания, на котором строка смещается при каждом шаге прокрутки в пикселях SCROOLLDELAY- задает задержку в миллисекундах меж
Слайд 50

Бегущая строка

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

Пример бегущей строки.         НАЗВАНИЕ ФИРМЫ ПРИХОДИТЕ ПОЖАЛУЙСТА!     Строка пять разпроплывает вправо-влево, затем останавливается возле правого края желтой плашки
Слайд 51

Пример бегущей строки


НАЗВАНИЕ ФИРМЫ
ПРИХОДИТЕ ПОЖАЛУЙСТА!
Строка пять разпроплывает вправо-влево, затем останавливается возле правого края желтой плашки

форматирование списков
Слайд 52

форматирование списков

Маркированные списки.  первый элемент второй элемент  Результат: первый элемент второй элемент
Слайд 53

Маркированные списки

  • первый элемент
  • второй элемент
Результат: первый элемент второй элемент

Нумерованные списки.  первый элемент второй элемент  1. первый элемент 2. второй элемент
Слайд 54

Нумерованные списки

  1. первый элемент
  2. второй элемент
1. первый элемент 2. второй элемент

Способы нумерации списков. Способ нумерации задается за счет атрибута type. Атрибут Вид нумерации type=“1” 1, 2, 3, 4… type=“i” i, ii, iii, iv… Type=“I” I, II, III, IV… type=“a” a, b, c, d… type=“A” A, B, C, D…
Слайд 55

Способы нумерации списков

Способ нумерации задается за счет атрибута type

Атрибут Вид нумерации type=“1” 1, 2, 3, 4… type=“i” i, ii, iii, iv… Type=“I” I, II, III, IV… type=“a” a, b, c, d… type=“A” A, B, C, D…

Списки определений.  Термин Определение  Результат: Термин Определение
Слайд 56

Списки определений

Термин
Определение
Результат: Термин Определение

ПРИМЕР  введение  назначение языка HTML команды теги HTML  форматирование текста   жирность  наклон  подчеркивание  индексы   нижние  верхние  подчеркивание    цвет   работа с абзацами  дизайн страницы li>размещение сайта на сервере
Слайд 57

ПРИМЕР

  1. введение
  2. назначение языка HTML
  3. команды теги HTML
    1. форматирование текста
      • жирность
      • наклон
      • подчеркивание
      • индексы
        • нижние
        • верхние
        • подчеркивание
      • цвет
    2. работа с абзацами
  4. дизайн страницы
  5. li>размещение сайта на сервере

Задание 6 Создание списков. Создайте новую страницу в редакторе блокнот. В элемент  укажите «Практическая работа 6» и вашу фамилию. Отформатируйте текст по заданию: Солнце должно быть: (шрифт размером 7, красного цвета, выравнивание по центру) Теплым. Круглым. Желтым. Снег должен быть: (выравнивание
Слайд 58

Задание 6 Создание списков

Создайте новую страницу в редакторе блокнот. В элемент укажите «Практическая работа 6» и вашу фамилию. Отформатируйте текст по заданию: Солнце должно быть: (шрифт размером 7, красного цвета, выравнивание по центру) Теплым. Круглым. Желтым. Снег должен быть: (выравнивание по центру, размер шрифта 7, синего цвета) А. Белым B. Холодным C. Пушистым (шрифт списков черный, размер 3)</p></div><div class="slide_left"><a data-fancybox="gallery" href="https://prezentacii.org/upload/cloud/15/08/43392/images/screen59.jpg"><img src="https://prezentacii.org/upload/cloud/15/08/43392/images/thumbs/screen59.jpg" alt="Задание 6 -1 Создание списков. Создайте страницы со следующими списками: Перечень покупок: Говядина -1кг Масло сливочное -500 г Хлеб - 2 батона Молоко - 1 литр Алгоритм вычисления дробей: очистить экран ввести значения X и Y если у=0, вернуться к пункту 2 вычислить z=x/y вывести результат z" title="Задание 6 -1 Создание списков. Создайте страницы со следующими списками: Перечень покупок: Говядина -1кг Масло сливочное -500 г Хлеб - 2 батона Молоко - 1 литр Алгоритм вычисления дробей: очистить экран ввести значения X и Y если у=0, вернуться к пункту 2 вычислить z=x/y вывести результат z" ></a></div><div class="slide_right"><span>Слайд 59</span><p class="slide_title">Задание 6 -1 Создание списков</p><p>Создайте страницы со следующими списками: Перечень покупок: Говядина -1кг Масло сливочное -500 г Хлеб - 2 батона Молоко - 1 литр Алгоритм вычисления дробей: очистить экран ввести значения X и Y если у=0, вернуться к пункту 2 вычислить z=x/y вывести результат z</p></div><div class="slide_left"><a data-fancybox="gallery" href="https://prezentacii.org/upload/cloud/15/08/43392/images/screen60.jpg"><img src="https://prezentacii.org/upload/cloud/15/08/43392/images/thumbs/screen60.jpg" alt="оформление фона и вставка рисунков" title="оформление фона и вставка рисунков" ></a></div><div class="slide_right"><span>Слайд 60</span><p>оформление фона и вставка рисунков</p></div><div class="slide_left"><a data-fancybox="gallery" href="https://prezentacii.org/upload/cloud/15/08/43392/images/screen61.jpg"><img src="https://prezentacii.org/upload/cloud/15/08/43392/images/thumbs/screen61.jpg" alt="Задание фона страницы. Для задания цвета фона на странице надо внутри начального элемента указать атрибут bgcolor =“цвет”. Цвет задается также как и для шрифта названием или цифровым кодом. Пример … …" title="Задание фона страницы. Для задания цвета фона на странице надо внутри начального элемента указать атрибут bgcolor =“цвет”. Цвет задается также как и для шрифта названием или цифровым кодом. Пример … …" ></a></div><div class="slide_right"><span>Слайд 61</span><p class="slide_title">Задание фона страницы</p><p>Для задания цвета фона на странице надо внутри начального элемента<BODY> указать атрибут bgcolor =“цвет”. Цвет задается также как и для шрифта названием или цифровым кодом.</p><p>Пример <BODY BGCOLOR=“blue”>… </BODY> <BODY BGCOLOR=“00FF00”>… </BODY> <BODY BACKGROUND=“FON.JPG”></p></div><div class="slide_left"><a data-fancybox="gallery" href="https://prezentacii.org/upload/cloud/15/08/43392/images/screen62.jpg"><img src="https://prezentacii.org/upload/cloud/15/08/43392/images/thumbs/screen62.jpg" alt="Вставка рисунков. IMG – тег для создания ссылки на графический файл. С его помощью также можно использовать изображение в гиперссылках, вставлять картинки в таблицы, использовать изображения для фона страницы. Не содержит конечного тега. Необходимым атрибутом является src- указатель пути к графическ" title="Вставка рисунков. IMG – тег для создания ссылки на графический файл. С его помощью также можно использовать изображение в гиперссылках, вставлять картинки в таблицы, использовать изображения для фона страницы. Не содержит конечного тега. Необходимым атрибутом является src- указатель пути к графическ" ></a></div><div class="slide_right"><span>Слайд 62</span><p class="slide_title">Вставка рисунков</p><p>IMG – тег для создания ссылки на графический файл. С его помощью также можно использовать изображение в гиперссылках, вставлять картинки в таблицы, использовать изображения для фона страницы. Не содержит конечного тега. Необходимым атрибутом является src- указатель пути к графическому файлу, alt – выводит текст, поясняющий загружаемый рисунок. Высоту и ширину рисунка задают с помощью атрибутов height и width. Рамка вокруг объекта задается атрибутом border.</p><p>Пример. <IMG src=“boss.gif” border=2 height =121 width=76 alt=“мой портрет”> <BODY BACKGROUND=“WOOD.JPG”></p></div><div class="slide_left"><a data-fancybox="gallery" href="https://prezentacii.org/upload/cloud/15/08/43392/images/screen63.jpg"><img src="https://prezentacii.org/upload/cloud/15/08/43392/images/thumbs/screen63.jpg" alt=". рисунок в центре, текст сверху и снизу рисунок слева рисунок справа. Примеры обтекания иллюстраций в документе" title=". рисунок в центре, текст сверху и снизу рисунок слева рисунок справа. Примеры обтекания иллюстраций в документе" ></a></div><div class="slide_right"><span>Слайд 63</span><p><P align=center><IMG src="pic.gif" ></p><p>рисунок в центре, текст сверху и снизу <P align=justify><IMG src="pic.gif" align=left> рисунок слева <P align=justify><IMG src="pic.gif" align=right> рисунок справа</p><p>Примеры обтекания иллюстраций в документе</p></div><div class="slide_left"><a data-fancybox="gallery" href="https://prezentacii.org/upload/cloud/15/08/43392/images/screen64.jpg"><img src="https://prezentacii.org/upload/cloud/15/08/43392/images/thumbs/screen64.jpg" alt="Задание 7 Размещение графики на Web - страницах. Создайте новую страницу в редакторе блокнот. В элемент укажите «Практическая работа 7» и вашу фамилию. В элементе задайте атрибут, чтобы цвет фона страницы был черным. Сделайте надпись «Спокойной ночи» голубым цветом, 6 шрифтом, центральным выравнив" title="Задание 7 Размещение графики на Web - страницах. Создайте новую страницу в редакторе блокнот. В элемент укажите «Практическая работа 7» и вашу фамилию. В элементе задайте атрибут, чтобы цвет фона страницы был черным. Сделайте надпись «Спокойной ночи» голубым цветом, 6 шрифтом, центральным выравнив" ></a></div><div class="slide_right"><span>Слайд 64</span><p class="slide_title">Задание 7 Размещение графики на Web - страницах</p><p>Создайте новую страницу в редакторе блокнот. В элемент <title> укажите «Практическая работа 7» и вашу фамилию. В элементе <BODY> задайте атрибут, чтобы цвет фона страницы был черным. Сделайте надпись «Спокойной ночи» голубым цветом, 6 шрифтом, центральным выравниванием. Вставьте горизонтальную линию красного цвета. Сделайте надпись желтого цвета «Приятных сновидений» 8 шрифтом, центральным выравниванием. Вставьте горизонтальную линию синего цвета толщиной 10 пикселей, длиной 50%, выровните по центру. Рисунок</p></div><div class="slide_left"><a data-fancybox="gallery" href="https://prezentacii.org/upload/cloud/15/08/43392/images/screen65.jpg"><img src="https://prezentacii.org/upload/cloud/15/08/43392/images/thumbs/screen65.jpg" alt="Задание 8 Размещение графики на Web - страницах. Создайте новую страницу в редакторе блокнот. В элемент укажите «Практическая работа 8» и вашу фамилию. Разместите на странице рисунок Сделайте надпись к рисунку Создайте рамку вокруг рисунка шириной 2 пикселя. Над рисунком поместите заголовок (наприм" title="Задание 8 Размещение графики на Web - страницах. Создайте новую страницу в редакторе блокнот. В элемент укажите «Практическая работа 8» и вашу фамилию. Разместите на странице рисунок Сделайте надпись к рисунку Создайте рамку вокруг рисунка шириной 2 пикселя. Над рисунком поместите заголовок (наприм" ></a></div><div class="slide_right"><span>Слайд 65</span><p class="slide_title">Задание 8 Размещение графики на Web - страницах</p><p>Создайте новую страницу в редакторе блокнот. В элемент <title> укажите «Практическая работа 8» и вашу фамилию. Разместите на странице рисунок Сделайте надпись к рисунку Создайте рамку вокруг рисунка шириной 2 пикселя. Над рисунком поместите заголовок (например «Мир футбола») самого большого размера и выровняйте его по центру. Вставьте горизонтальную линию синего цвета толщиной 8 пикселей, выровняйте по левому краю по центру.</p></div><div class="slide_left"><a data-fancybox="gallery" href="https://prezentacii.org/upload/cloud/15/08/43392/images/screen66.jpg"><img src="https://prezentacii.org/upload/cloud/15/08/43392/images/thumbs/screen66.jpg" alt="Задание 9 изменение размеров изображения. Создайте новую страницу в редакторе блокнот. В элемент укажите «Практическая работа 9» и вашу фамилию. В элементе задайте атрибут, чтобы цвет фона страницы зеленым. Вставьте изображение. Задайте его размеры 100x100 пикселей. Отредактируйте картинку в графи" title="Задание 9 изменение размеров изображения. Создайте новую страницу в редакторе блокнот. В элемент укажите «Практическая работа 9» и вашу фамилию. В элементе задайте атрибут, чтобы цвет фона страницы зеленым. Вставьте изображение. Задайте его размеры 100x100 пикселей. Отредактируйте картинку в графи" ></a></div><div class="slide_right"><span>Слайд 66</span><p class="slide_title">Задание 9 изменение размеров изображения</p><p>Создайте новую страницу в редакторе блокнот. В элемент <title> укажите «Практическая работа 9» и вашу фамилию. В элементе <BODY> задайте атрибут, чтобы цвет фона страницы зеленым. Вставьте изображение. Задайте его размеры 100x100 пикселей. Отредактируйте картинку в графическом редакторе так, чтобы рисунок был на прозрачном фоне и добавьте это изображение на вашу страничку.</p></div><div class="slide_left"><a data-fancybox="gallery" href="https://prezentacii.org/upload/cloud/15/08/43392/images/screen67.jpg"><img src="https://prezentacii.org/upload/cloud/15/08/43392/images/thumbs/screen67.jpg" alt="гиперссылки" title="гиперссылки" ></a></div><div class="slide_right"><span>Слайд 67</span><p>гиперссылки</p></div><div class="slide_left"><a data-fancybox="gallery" href="https://prezentacii.org/upload/cloud/15/08/43392/images/screen68.jpg"><img src="https://prezentacii.org/upload/cloud/15/08/43392/images/thumbs/screen68.jpg" alt="Гиперссылки. Гиперссылки условно можно разделить на следующие виды: Внутренние –связывающие документы внутри одного и того же узла; Внешние – связывающие Web-страницу с документами, не принадлежащими данному узлу; Гиперссылка на почтовый адрес; Метки-якоря – позволяющие переходить посетителю на опре" title="Гиперссылки. Гиперссылки условно можно разделить на следующие виды: Внутренние –связывающие документы внутри одного и того же узла; Внешние – связывающие Web-страницу с документами, не принадлежащими данному узлу; Гиперссылка на почтовый адрес; Метки-якоря – позволяющие переходить посетителю на опре" ></a></div><div class="slide_right"><span>Слайд 68</span><p class="slide_title">Гиперссылки</p><p>Гиперссылки условно можно разделить на следующие виды: Внутренние –связывающие документы внутри одного и того же узла; Внешние – связывающие Web-страницу с документами, не принадлежащими данному узлу; Гиперссылка на почтовый адрес; Метки-якоря – позволяющие переходить посетителю на определенные разделы документа.</p></div><div class="slide_left"><a data-fancybox="gallery" href="https://prezentacii.org/upload/cloud/15/08/43392/images/screen69.jpg"><img src="https://prezentacii.org/upload/cloud/15/08/43392/images/thumbs/screen69.jpg" alt="текст для щелчка мыши . Внутри тега используется атрибут, задающий цвет гиперссылок link – задает цвет исходных ссылок vlink – задает цвет посещенных ссылок alink – задает цвет активных ссылок (цвет при нажатии мыши). Для указания электронной почты и запуска электронной программы используется сс" title="текст для щелчка мыши . Внутри тега используется атрибут, задающий цвет гиперссылок link – задает цвет исходных ссылок vlink – задает цвет посещенных ссылок alink – задает цвет активных ссылок (цвет при нажатии мыши). Для указания электронной почты и запуска электронной программы используется сс" ></a></div><div class="slide_right"><span>Слайд 69</span><p><A href = “адрес ссылки”> текст для щелчка мыши </A> <A href = “адрес ссылки”> <IMG src=“ссылка на рисунок”> </A></p><p>Внутри тега <BODY> используется атрибут, задающий цвет гиперссылок link – задает цвет исходных ссылок vlink – задает цвет посещенных ссылок alink – задает цвет активных ссылок (цвет при нажатии мыши)</p><p>Для указания электронной почты и запуска электронной программы используется ссылка: <A href =“mailto:vvv@mail.ru”> Иванов Иван</A></p></div><div class="slide_left"><a data-fancybox="gallery" href="https://prezentacii.org/upload/cloud/15/08/43392/images/screen70.jpg"><img src="https://prezentacii.org/upload/cloud/15/08/43392/images/thumbs/screen70.jpg" alt="Примеры гиперссылок. Новые поступления - переход к строке той же страницы, помеченной тегом примечания - переход на страницу сайта pag2 к строке, помеченной тегом . подробности читайте вторая страница . - ссылка на другую страницу того же сайта" title="Примеры гиперссылок. Новые поступления - переход к строке той же страницы, помеченной тегом примечания - переход на страницу сайта pag2 к строке, помеченной тегом . подробности читайте вторая страница . - ссылка на другую страницу того же сайта" ></a></div><div class="slide_right"><span>Слайд 70</span><p class="slide_title">Примеры гиперссылок</p><p><A href=“#new” > Новые поступления</A> - переход к строке той же страницы, помеченной тегом <A name=“new”> <A href=“pag2.htm#new1” > примечания</A> - переход на страницу сайта pag2 к строке, помеченной тегом <A name=“new1”></p><p>подробности читайте<A href=“pag2.htm” > вторая страница </A></p><p>- ссылка на другую страницу того же сайта</p></div><div class="slide_left"><a data-fancybox="gallery" href="https://prezentacii.org/upload/cloud/15/08/43392/images/screen71.jpg"><img src="https://prezentacii.org/upload/cloud/15/08/43392/images/thumbs/screen71.jpg" alt="IMG src=log.gif alt=“о нашей фирме” . - ссылка на другую страницу того же сайта, но ссылкой является рисунок Скачать программу -ссылка с подсказкой title тест - внешняя ссылка" title="IMG src=log.gif alt=“о нашей фирме” . - ссылка на другую страницу того же сайта, но ссылкой является рисунок Скачать программу -ссылка с подсказкой title тест - внешняя ссылка" ></a></div><div class="slide_right"><span>Слайд 71</span><p class="slide_title"><A href=“pag2.htm” > IMG src=log.gif alt=“о нашей фирме” </A></p><p>- ссылка на другую страницу того же сайта, но ссылкой является рисунок <A href=“myfile.exe” title=” файл 10 мегабайт”> Скачать программу</A> -ссылка с подсказкой title <A ref=“http://home.ifmo.ru/index.html”>тест</A> - внешняя ссылка</p></div><div class="slide_left"><a data-fancybox="gallery" href="https://prezentacii.org/upload/cloud/15/08/43392/images/screen72.jpg"><img src="https://prezentacii.org/upload/cloud/15/08/43392/images/thumbs/screen72.jpg" alt="первая страница yandex Почта" title="первая страница yandex Почта" ></a></div><div class="slide_right"><span>Слайд 72</span><p><a href=“proba.htm”>первая страница</a> <a href=“http://www.yandex.ru”> yandex</a> <a href=“mailto:Jakov21@yandex.ru”> Почта </a></p></div><div class="slide_left"><a data-fancybox="gallery" href="https://prezentacii.org/upload/cloud/15/08/43392/images/screen73.jpg"><img src="https://prezentacii.org/upload/cloud/15/08/43392/images/thumbs/screen73.jpg" alt="Задание 10 Создание гиперссылок. 1.Создайте две страницы с именами str1.htm str2.htm 2.В элемениеTITLTRE укажите название странички 3. Задайте фон первой страницы зеленого цвета, а второй Синего 4. На первой странице задайте ссылку на вторую страницу На вторую страницу 5. На второй странице задайте" title="Задание 10 Создание гиперссылок. 1.Создайте две страницы с именами str1.htm str2.htm 2.В элемениеTITLTRE укажите название странички 3. Задайте фон первой страницы зеленого цвета, а второй Синего 4. На первой странице задайте ссылку на вторую страницу На вторую страницу 5. На второй странице задайте" ></a></div><div class="slide_right"><span>Слайд 73</span><p class="slide_title">Задание 10 Создание гиперссылок</p><p>1.Создайте две страницы с именами str1.htm str2.htm 2.В элемениеTITLTRE укажите название странички 3. Задайте фон первой страницы зеленого цвета, а второй Синего 4. На первой странице задайте ссылку на вторую страницу <A href=“str2.htm”> На вторую страницу</a> 5. На второй странице задайте ссылку на 1 страницу <A href=“str2.htm”> На вторую страницу</a> 6.Поместите на страницы две разные картинки и проверьте работу гиперссылок</p></div><div class="slide_left"><a data-fancybox="gallery" href="https://prezentacii.org/upload/cloud/15/08/43392/images/screen74.jpg"><img src="https://prezentacii.org/upload/cloud/15/08/43392/images/thumbs/screen74.jpg" alt="Задание 11 Создание гиперссылок. 1.Создайте к страницам прошлого задания с именами str1.htm str2.htm еще одну страницу str3.htm 2.Добавьте на первых двух страницах ссылку на 3 страницу? А на третьей ссылки на две первые 3. В теге определите текст гиперссылок: все гиперссылки -белые активные гиперсы" title="Задание 11 Создание гиперссылок. 1.Создайте к страницам прошлого задания с именами str1.htm str2.htm еще одну страницу str3.htm 2.Добавьте на первых двух страницах ссылку на 3 страницу? А на третьей ссылки на две первые 3. В теге определите текст гиперссылок: все гиперссылки -белые активные гиперсы" ></a></div><div class="slide_right"><span>Слайд 74</span><p class="slide_title">Задание 11 Создание гиперссылок</p><p>1.Создайте к страницам прошлого задания с именами str1.htm str2.htm еще одну страницу str3.htm 2.Добавьте на первых двух страницах ссылку на 3 страницу? А на третьей ссылки на две первые 3. В теге <BODY> определите текст гиперссылок: все гиперссылки -белые активные гиперсылки - красные посещенные гиперссылки -серые 4. На третьей странице задайте ссылки на вторую и первую страницы в виде рисунка кнопки <A href=“str2.htm”> IMG src=“kn.gif”></a> 5. Задайте бордюр для кнопок=2 6. Проверьте работу гиперссылок</p></div> </div> </div> <div class="inside_page_rel_news"> <h2 id="same">Список похожих презентаций</h2> <div class="inside_page_rel_news_wrapper"> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/85205-jazyk-razmetki-giperteksta-html.html"><img border="0" src="/upload/resize_cache/webp/iblock/69c/69c7c7ecee78bb787ec36dcb2b10e9c9.webp" alt="Язык разметки гипертекста HTML" title="Язык разметки гипертекста HTML"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/85205-jazyk-razmetki-giperteksta-html.html" title="Язык разметки гипертекста HTML">Язык разметки гипертекста HTML</a> </h3> <span>Урок 1. Web-страницы и Web-сайты. Структура веб-страницы. Угринович, § 3.7.1- 3.7.2. Понятие веб-сайта. Информация во Всемирной паутине хранится в ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/97306-jazyk-razmetki-giperteksta-html.html"><img border="0" src="/upload/resize_cache/webp/iblock/f24/f24794b26904719fdb18d00631065d14.webp" alt="Язык разметки гипертекста HTML" title="Язык разметки гипертекста HTML"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/97306-jazyk-razmetki-giperteksta-html.html" title="Язык разметки гипертекста HTML">Язык разметки гипертекста HTML</a> </h3> <span>Сегодня я познакомлю Вас с языком разметки гипертекста HTML (HyperText Markup Language). Если Вы хотите стать Web - дизайнером, то вы непременно должны ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/71481-jazyk-razmetki-giperteksta-html.html"><img border="0" src="/upload/resize_cache/webp/iblock/8eb/8ebc1f17b05d63f23559ca26e3d4aef5.webp" alt="Язык разметки гипертекста HTML" title="Язык разметки гипертекста HTML"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/71481-jazyk-razmetki-giperteksta-html.html" title="Язык разметки гипертекста HTML">Язык разметки гипертекста HTML</a> </h3> <span>Hyper Text Markup Language – язык гипертекстовой разметки. HTML - специальные инструкции браузеру, с помощью которых создаются веб-сайты. HTML. Гипертекст ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/41436-yazyk-razmetki-giperteksta-html.html"><img border="0" src="/upload/resize_cache/webp/iblock/c28/c28163123161bea8b4e036fe25e4bf5e.webp" alt="Язык разметки гипертекста HTML" title="Язык разметки гипертекста HTML"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/41436-yazyk-razmetki-giperteksta-html.html" title="Язык разметки гипертекста HTML">Язык разметки гипертекста HTML</a> </h3> <span>С чего начать? 1 шаг. 1. Запустить «Блокнот» (пуск-стандартные-блокнот) 2. Сохранить в своей папке документ с параметрами: - имя файла:index.html ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/83127-jazyk-gipertekstovoj-razmetki-html.html"><img border="0" src="/upload/resize_cache/webp/iblock/9ef/9ef2230655fd928d88521b678bab63b0.webp" alt="Язык гипертекстовой разметки HTML" title="Язык гипертекстовой разметки HTML"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/83127-jazyk-gipertekstovoj-razmetki-html.html" title="Язык гипертекстовой разметки HTML">Язык гипертекстовой разметки HTML</a> </h3> <span>«Каркас» страницы. < html >   Мой сайт    . Посмотреть в браузере. Текст в HTML. < html >   Мой сайт  . Текст в HTML.  .  . Теги. , , , . Полужирный ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/127214-jazyk-razmetki-giperteksta-html.html"><img border="0" src="/upload/resize_cache/webp/iblock/90a/90a247c4a648eeb3286e059b8a6da682.webp" alt="Язык разметки гипертекста HTML" title="Язык разметки гипертекста HTML"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/127214-jazyk-razmetki-giperteksta-html.html" title="Язык разметки гипертекста HTML">Язык разметки гипертекста HTML</a> </h3> <span>. Код страницы помещается в контейнер …. Отображаемое в браузере содержание страницы помещается в контейнер…. Название страницы помещается в контейнер ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/11546-osnovy-yazyka-razmetki-giperteksta-html.html"><img border="0" src="/upload/resize_cache/webp/iblock/cb4/cb4fe913fe5dafa538b602fb994944d4.webp" alt="Основы языка разметки гипертекста HTML" title="Основы языка разметки гипертекста HTML"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/11546-osnovy-yazyka-razmetki-giperteksta-html.html" title="Основы языка разметки гипертекста HTML">Основы языка разметки гипертекста HTML</a> </h3> <span>Hyper Text Markup Language (HTML) – язык гипертекстовой разметки документов. Web-страницы можно создать с помощью языка HTML В обычный документ вставляются ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/111577-osnovy-jazyka-html.html"><img border="0" src="/upload/resize_cache/webp/iblock/d19/d19e75914d7c2d3b6d8d053078fac6ef.webp" alt="Основы языка HTML" title="Основы языка HTML"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/111577-osnovy-jazyka-html.html" title="Основы языка HTML">Основы языка HTML</a> </h3> <span>Разработка языка разметки HTML привела в итоге к новой технологии распространения гипертекстовых документов в Internet. Однако для широкого распространения ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/3854-yazyk-gipertekstovoy-razmetki---html.html"><img border="0" src="/upload/resize_cache/webp/iblock/99b/99bf834b8c16ba777ab1ba153c5536b4.webp" alt="Язык гипертекстовой разметки - html" title="Язык гипертекстовой разметки - html"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/3854-yazyk-gipertekstovoy-razmetki---html.html" title="Язык гипертекстовой разметки - html">Язык гипертекстовой разметки - html</a> </h3> <span>HTML. Hyper Text Markup Language – язык гипертекстовой разметки. Описательный язык разметки HTML имеет свои команды, которые называются тегами. !Теги ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/131735-jazyk-gipertekstovoj-razmetki-html.html"><img border="0" src="/upload/resize_cache/webp/iblock/945/945c1937fbc8cd71ee2dfec21f6bd467.webp" alt="Язык гипертекстовой разметки HTML" title="Язык гипертекстовой разметки HTML"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/131735-jazyk-gipertekstovoj-razmetki-html.html" title="Язык гипертекстовой разметки HTML">Язык гипертекстовой разметки HTML</a> </h3> <span>Язык HTML - Hyper Text Markup Language – «язык гипертекстовой разметки» - набор команд (тегов), вставляемых в текст web-страницы и определяющих форматирование ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/143710-jelement-dvizhenija-v-jazyke-razmetki-html.html"><img border="0" src="/upload/resize_cache/webp/iblock/b19/b19098e1528be465b0e730ad583eb63e.webp" alt="Элемент движения в языке разметки html" title="Элемент движения в языке разметки html"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/143710-jelement-dvizhenija-v-jazyke-razmetki-html.html" title="Элемент движения в языке разметки html">Элемент движения в языке разметки html</a> </h3> <span>ь с т и л е к м з а р б у о н ч. Что означает атрибут «face» у тэга ? Как называется структурированный язык html? Программа для отображения Web-страниц? ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/90050-sozdanie-web-stranic-na-jazyke-html.html"><img border="0" src="/upload/resize_cache/webp/iblock/569/5692d75858a0c22da94e02c6e25944bc.webp" alt="Создание Web-страниц на языке HTML" title="Создание Web-страниц на языке HTML"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/90050-sozdanie-web-stranic-na-jazyke-html.html" title="Создание Web-страниц на языке HTML">Создание Web-страниц на языке HTML</a> </h3> <span>Основные понятия. HTML расшифровывается HyperText Markup Language (в переводе означает Язык Разметки ГиперТекста). HTML предназначен для создания ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/68984-jazyk-programmirovanija-bejsik.html"><img border="0" src="/upload/resize_cache/webp/iblock/7d0/7d01e0e10df6a95b3858ba52919a99a6.webp" alt="Язык программирования Бейсик" title="Язык программирования Бейсик"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/68984-jazyk-programmirovanija-bejsik.html" title="Язык программирования Бейсик">Язык программирования Бейсик</a> </h3> <span>Язык программирования Basic был создан в 1964 году двумя профессорами Дартмунского университета Джоном Кенеми и Томасом Куртцом.BASIC - это первые ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/3775-osnovy-html.html"><img border="0" src="/upload/resize_cache/webp/iblock/a47/a47e5e2ccf97f6ddc6da8021c00df99c.webp" alt="Основы HTML" title="Основы HTML"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/3775-osnovy-html.html" title="Основы HTML">Основы HTML</a> </h3> <span>HTML (Hyper Text Markup Language). язык разметки гипертекста Web-страницы. Программы для создания HTML – файлов:. Редакторы (HTML Wirtel, HTML Assistant, ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/137548-rabota-s-tekstom-v-html.html"><img border="0" src="/upload/resize_cache/webp/iblock/f1f/f1f178f46548dac4cc3ed5fc7c3e3fb6.webp" alt="Работа с текстом в HTML" title="Работа с текстом в HTML"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/137548-rabota-s-tekstom-v-html.html" title="Работа с текстом в HTML">Работа с текстом в HTML</a> </h3> <span>Размер и форма шрифта. Тег  - определяет выводимый шрифт, его размер и цвет. Атрибуты тега: FACE – определяет гарнитуры шрифтов (Arial, Courier, Times ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/145425-jazyk-programmirovanija-qbasic.html"><img border="0" src="/upload/resize_cache/webp/iblock/117/117053eb5bc82983b2251cc79f36c0a1.webp" alt="Язык программирования QBasic" title="Язык программирования QBasic"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/145425-jazyk-programmirovanija-qbasic.html" title="Язык программирования QBasic">Язык программирования QBasic</a> </h3> <span>Окружность. Следующий этап построения – окружность. Формат записи: CIRCLE (X,Y), R, C X,Y – координаты центра окружности или дуги R – длина радиуса ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/81180-vvedenie-v-html.html"><img border="0" src="/upload/resize_cache/webp/iblock/a57/a572d480f13aa2f9a3a0b893387ce5f2.webp" alt="Введение в HTML" title="Введение в HTML"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/81180-vvedenie-v-html.html" title="Введение в HTML">Введение в HTML</a> </h3> <span>Задачи урока. Сформировать представление о языке HTML Познакомиться с понятиями: тег, верстка, разметка. Cделать пробную страницу на языке HTML. Что ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/71542-osnovnye-tegi-html.html"><img border="0" src="/upload/resize_cache/webp/iblock/3de/3ded5863742d50be2b6c89ad99891571.webp" alt="Основные теги HTML" title="Основные теги HTML"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/71542-osnovnye-tegi-html.html" title="Основные теги HTML">Основные теги HTML</a> </h3> <span>Язык HTML. HTML не является языком программирования, он предназначен для разметки текстовых документов. HTML состоит из тегов. Основным назначением ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/132974-jazyk-programmirovanija-s.html"><img border="0" src="/upload/resize_cache/webp/iblock/4b8/4b88c5d23af937964e53e7cf453d47c3.webp" alt="Язык программирования С++" title="Язык программирования С++"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/132974-jazyk-programmirovanija-s.html" title="Язык программирования С++">Язык программирования С++</a> </h3> <span>Общий план курса. Объектно-ориентированное программирование (на примере основных концепций языка C++) Объектно-ориентированное проектирование. Модели ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/126195-jazyk-pascal.html"><img border="0" src="/upload/resize_cache/webp/iblock/fe7/fe73ce9894d8688c48bcdce3676be917.webp" alt="Язык Pascal" title="Язык Pascal"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/126195-jazyk-pascal.html" title="Язык Pascal">Язык Pascal</a> </h3> <span>Никлаус Вирт (Niklaus Wirth). В 1970 году в мире программирования произошли по крайней мере два великих события- появились операционная система UNIX ...</span> </div> </div> </div> </div> </div> <div class="inside_page_rel_news"> <h2 id="konspekty">Конспекты</h2> <div class="inside_page_rel_news_wrapper"> <div class="relate_block_item_wrapper"> <div class="inside_page_kon_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/konspekty/konspekty-po-informatike/23405-konspekt-uroka-po-informatike-osnovy-yazyka-gipertekstovoy-razmetki-dokumentov-html.html"><img border="0" src="https://prezentacii.org/word_logo.png" alt="Основы языка гипертекстовой разметки документов HTML" title="Основы языка гипертекстовой разметки документов HTML"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/konspekty/konspekty-po-informatike/23405-konspekt-uroka-po-informatike-osnovy-yazyka-gipertekstovoy-razmetki-dokumentov-html.html" title="Основы языка гипертекстовой разметки документов HTML">Основы языка гипертекстовой разметки документов HTML</a> </h3> <span>Тема:. Основы языка гипертекстовой разметки документов HTML. . Цель:. дать понятие о HTML. , научить создавать HTML. – документ; развивать память, ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_kon_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/konspekty/konspekty-po-informatike/42974-konspekt-uroka-po-informatike-na-temu-yazyk-razmetki-giperteksta-html.html"><img border="0" src="https://prezentacii.org/word_logo.png" alt="Язык разметки гипертекста HTML" title="Язык разметки гипертекста HTML"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/konspekty/konspekty-po-informatike/42974-konspekt-uroka-po-informatike-na-temu-yazyk-razmetki-giperteksta-html.html" title="Язык разметки гипертекста HTML">Язык разметки гипертекста HTML</a> </h3> <span>Кривенцов Л.А., учитель информатики __ Язык разметки гипертекста HTML. . Муниципальное общеобразовательное учреждение –. . средняя общеобразовательная ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_kon_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/konspekty/konspekty-po-informatike/10094-konspekt-uroka-dlya-8-klassa-razrabotka-web-saytov-s-ispol-zovaniem-yazyka-razmetki-giperteksta-html.html"><img border="0" src="https://prezentacii.org/word_logo.png" alt="Разработка web-сайтов с использованием языка разметки гипертекста HTML" title="Разработка web-сайтов с использованием языка разметки гипертекста HTML"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/konspekty/konspekty-po-informatike/10094-konspekt-uroka-dlya-8-klassa-razrabotka-web-saytov-s-ispol-zovaniem-yazyka-razmetki-giperteksta-html.html" title="Разработка web-сайтов с использованием языка разметки гипертекста HTML">Разработка web-сайтов с использованием языка разметки гипертекста HTML</a> </h3> <span>ПЛАН-КОНСПЕКТ УРОКА № 1. «. Разработка. web. -сайтов с использованием языка разметки гипертекста. HTML. »(На изучение этой темы в учебном плане ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_kon_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/konspekty/konspekty-po-informatike/15380-konspekt-uroka-po-informatike-znakomstvo-s-yazykom-razmetki-gipertekstovyh-dokumentov-html-9-klass.html"><img border="0" src="https://prezentacii.org/word_logo.png" alt="Знакомство с языком разметки гипертекстовых документов HTML" title="Знакомство с языком разметки гипертекстовых документов HTML"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/konspekty/konspekty-po-informatike/15380-konspekt-uroka-po-informatike-znakomstvo-s-yazykom-razmetki-gipertekstovyh-dokumentov-html-9-klass.html" title="Знакомство с языком разметки гипертекстовых документов HTML">Знакомство с языком разметки гипертекстовых документов HTML</a> </h3> <span>МОУ СОШ №20 г.Минеральные Воды. Урок по информатике. . в 9 классе по теме:. «Знакомство с языком разметки гипертекстовых документов. HTML. ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_kon_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/konspekty/konspekty-po-informatike/23447-konspekt-uroka-po-informatike-html-yazyk-razmetki-gipertekstovyh-dokumentov-10-klass.html"><img border="0" src="https://prezentacii.org/word_logo.png" alt="HTML – язык разметки гипертекстовых документов" title="HTML – язык разметки гипертекстовых документов"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/konspekty/konspekty-po-informatike/23447-konspekt-uroka-po-informatike-html-yazyk-razmetki-gipertekstovyh-dokumentov-10-klass.html" title="HTML – язык разметки гипертекстовых документов">HTML – язык разметки гипертекстовых документов</a> </h3> <span>. муниципальное бюджетное образовательное учреждение. . «Плесецкая средняя общеобразовательная школа». Тема урока: «HTML. ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_kon_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/konspekty/konspekty-po-informatike/30137-konspekt-uroka-po-informatike-yazyk-programmirovaniya-turbo-paskal.html"><img border="0" src="https://prezentacii.org/word_logo.png" alt="Язык программирования Турбо Паскаль" title="Язык программирования Турбо Паскаль"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/konspekty/konspekty-po-informatike/30137-konspekt-uroka-po-informatike-yazyk-programmirovaniya-turbo-paskal.html" title="Язык программирования Турбо Паскаль">Язык программирования Турбо Паскаль</a> </h3> <span>Вводный урок по теме: "Язык программирования Турбо Паскаль". Цели урока:. . . усвоить понятие программы, структуры программы на языке Turbo ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_kon_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/konspekty/konspekty-po-informatike/10026-konspekt-uroka-po-informatike-i-ikt-v-9-klasse-yazyk-programmirovaniya-pascal-alfavit-yazyka-tipy-dannyh-peremennye-i-konstanty.html"><img border="0" src="https://prezentacii.org/word_logo.png" alt="Язык программирования Pascal. Алфавит языка. Типы данных. Переменные и константы" title="Язык программирования Pascal. Алфавит языка. Типы данных. Переменные и константы"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/konspekty/konspekty-po-informatike/10026-konspekt-uroka-po-informatike-i-ikt-v-9-klasse-yazyk-programmirovaniya-pascal-alfavit-yazyka-tipy-dannyh-peremennye-i-konstanty.html" title="Язык программирования Pascal. Алфавит языка. Типы данных. Переменные и константы">Язык программирования Pascal. Алфавит языка. Типы данных. Переменные и константы</a> </h3> <span>Муниципальное бюджетное общеобразовательное учреждение. средняя общеобразовательная школа №70 г. Липецка. Конспект урока по информатике и ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_kon_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/konspekty/konspekty-po-informatike/23286-konspekt-uroka-po-informatike-yazyk-programmirovaniya-9-klass.html"><img border="0" src="https://prezentacii.org/word_logo.png" alt="Язык программирования" title="Язык программирования"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/konspekty/konspekty-po-informatike/23286-konspekt-uroka-po-informatike-yazyk-programmirovaniya-9-klass.html" title="Язык программирования">Язык программирования</a> </h3> <span>Учитель: Тишбаева Дина Заркыновна класс 9Б. Дата: 6.10.2014. Тема: Язык программирования. Цели и задачи:. Дать понятие языка программирования. ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_kon_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/konspekty/konspekty-po-informatike/44621-konspekt-uroka-po-teme-tablicy-v-html.html"><img border="0" src="https://prezentacii.org/word_logo.png" alt="Таблицы в HTML" title="Таблицы в HTML"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/konspekty/konspekty-po-informatike/44621-konspekt-uroka-po-teme-tablicy-v-html.html" title="Таблицы в HTML">Таблицы в HTML</a> </h3> <span>Кушей Ирина Зеноновна. Педагог дополнительного образования. МБОУ ДОД ЦИР ЮВЕНТА. . Конспект урока. по теме «Таблицы в HTML». Тип занятия:. ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_kon_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/konspekty/konspekty-po-informatike/9998-spiski-v-html-8-klass.html"><img border="0" src="https://prezentacii.org/word_logo.png" alt="Списки в html" title="Списки в html"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/konspekty/konspekty-po-informatike/9998-spiski-v-html-8-klass.html" title="Списки в html">Списки в html</a> </h3> <span>МБОУ лицей № 35 г. Ставрополя. Урок информатики в 8 классе. «Списки в html». Автор: Пронченко Евгений Юрьевич,. . учитель ...</span> </div> </div> </div> </div> </div> <div class="inside_page_tips"> <h2 id="tips">Советы как сделать хороший доклад презентации или проекта</h2> <ol> <li>Постарайтесь вовлечь аудиторию в рассказ, настройте взаимодействие с аудиторией с помощью наводящих вопросов, игровой части, не бойтесь пошутить и искренне улыбнуться (где это уместно). </li> <li>Старайтесь объяснять слайд своими словами, добавлять дополнительные интересные факты, не нужно просто читать информацию со слайдов, ее аудитория может прочитать и сама. </li> <li>Не нужно перегружать слайды Вашего проекта текстовыми блоками, больше иллюстраций и минимум текста позволят лучше донести информацию и привлечь внимание. На слайде должна быть только ключевая информация, остальное лучше рассказать слушателям устно. </li> <li>Текст должен быть хорошо читаемым, иначе аудитория не сможет увидеть подаваемую информацию, будет сильно отвлекаться от рассказа, пытаясь хоть что-то разобрать, или вовсе утратит весь интерес. Для этого нужно правильно подобрать шрифт, учитывая, где и как будет происходить трансляция презентации, а также правильно подобрать сочетание фона и текста. </li> <li>Важно провести репетицию Вашего доклада, продумать, как Вы поздороваетесь с аудиторией, что скажете первым, как закончите презентацию. Все приходит с опытом. </li> <li>Правильно подберите наряд, т.к. одежда докладчика также играет большую роль в восприятии его выступления. </li> <li>Старайтесь говорить уверенно, плавно и связно.</li> <li>Старайтесь получить удовольствие от выступления, тогда Вы сможете быть более непринужденным и будете меньше волноваться. </li> </ol> </div> </div> <div class="right_info"> <div class="info_grid"> <h2>Информация о презентации</h2> <div class="info_grid_element_rating"> <span>Ваша оценка:</span> <span class="rating_tip">Оцените презентацию по шкале от 1 до 5 баллов</span> <!--'start_frame_cache_dv_17188'--> <div class="rating"> <div class="iblock-vote" id="vote_17188" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="5" /> <meta itemprop="reviewCount" content="1" /> <meta itemprop="bestRating" content="5" /> <meta itemprop="worstRating" content="0" /> <script type="text/javascript"> if(!window.voteScript) window.voteScript = { trace_vote: function(div, flag) { var my_div; var r = div.id.match(/^vote_(\d+)_(\d+)$/); for(var i = r[2]; i >= 0; i--) { my_div = document.getElementById('vote_'+r[1]+'_'+i); if(my_div) { if(flag) { if(!my_div.saved_class) my_div.saved_className = my_div.className; if(my_div.className!='star-active star-over') my_div.className = 'star-active star-over'; } else { if(my_div.saved_className && my_div.className != my_div.saved_className) my_div.className = my_div.saved_className; } } } i = r[2]+1; while(my_div = document.getElementById('vote_'+r[1]+'_'+i)) { if(my_div.saved_className && my_div.className != my_div.saved_className) my_div.className = my_div.saved_className; i++; } }, do_vote: function(div, parent_id, arParams) { var r = div.id.match(/^vote_(\d+)_(\d+)$/); var vote_id = r[1]; var vote_value = r[2]; function __handler(data) { var obContainer = document.getElementById(parent_id); if (obContainer) { var obResult = document.createElement("DIV"); obResult.innerHTML = data; obContainer.parentNode.replaceChild(obResult, obContainer); } } arParams['vote'] = 'Y'; arParams['vote_id'] = vote_id; arParams['rating'] = vote_value; BX.ajax.post( '/bitrix/components/bitrix/iblock.vote/component.php', arParams, __handler ); } } </script> <table> <tr> <td><div id="vote_17188_0" class="star-active star-voted" title="1" onmouseover="voteScript.trace_vote(this, true);" onmouseout="voteScript.trace_vote(this, false)" onclick="voteScript.do_vote(this, 'vote_17188', {'SESSION_PARAMS':'2b698cfbc00a4634d41468854b4bd2aa','PAGE_PARAMS':{'ELEMENT_ID':'17188'},'sessid':'51d29f50d31aceeb78a574f5e87d9c30','AJAX_CALL':'Y'})"></div></td> <td><div id="vote_17188_1" class="star-active star-voted" title="2" onmouseover="voteScript.trace_vote(this, true);" onmouseout="voteScript.trace_vote(this, false)" onclick="voteScript.do_vote(this, 'vote_17188', {'SESSION_PARAMS':'2b698cfbc00a4634d41468854b4bd2aa','PAGE_PARAMS':{'ELEMENT_ID':'17188'},'sessid':'51d29f50d31aceeb78a574f5e87d9c30','AJAX_CALL':'Y'})"></div></td> <td><div id="vote_17188_2" class="star-active star-voted" title="3" onmouseover="voteScript.trace_vote(this, true);" onmouseout="voteScript.trace_vote(this, false)" onclick="voteScript.do_vote(this, 'vote_17188', {'SESSION_PARAMS':'2b698cfbc00a4634d41468854b4bd2aa','PAGE_PARAMS':{'ELEMENT_ID':'17188'},'sessid':'51d29f50d31aceeb78a574f5e87d9c30','AJAX_CALL':'Y'})"></div></td> <td><div id="vote_17188_3" class="star-active star-voted" title="4" onmouseover="voteScript.trace_vote(this, true);" onmouseout="voteScript.trace_vote(this, false)" onclick="voteScript.do_vote(this, 'vote_17188', {'SESSION_PARAMS':'2b698cfbc00a4634d41468854b4bd2aa','PAGE_PARAMS':{'ELEMENT_ID':'17188'},'sessid':'51d29f50d31aceeb78a574f5e87d9c30','AJAX_CALL':'Y'})"></div></td> <td><div id="vote_17188_4" class="star-active star-voted" title="5" onmouseover="voteScript.trace_vote(this, true);" onmouseout="voteScript.trace_vote(this, false)" onclick="voteScript.do_vote(this, 'vote_17188', {'SESSION_PARAMS':'2b698cfbc00a4634d41468854b4bd2aa','PAGE_PARAMS':{'ELEMENT_ID':'17188'},'sessid':'51d29f50d31aceeb78a574f5e87d9c30','AJAX_CALL':'Y'})"></div></td> </tr> </table> </div> </div> <!--'end_frame_cache_dv_17188'--> </div> <div class="info_grid_element"> <span>Дата добавления:</span>8 августа 2015 </div> <div class="info_grid_element"><span>Категория:</span><a href="/prezentacii/prezentacii-po-informatike/" title="Смотреть другие презентации из категории Информатика">Информатика</a> </div> <div class="info_grid_element"> <span>Содержит:</span>74 слайд(ов) </div> <div class="info_grid_element_2"><span>Поделись с друзьями:</span><span> <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,twitter"></div> </span> </div> <a class="file_link" href="/download/17188/" rel="nofollow">Скачать презентацию</a> </div> <div class="same_block"> <h2>Презентации из категории</h2> <div class="inside_page_same_news_wrapper"> <div class="same_block_item_wrapper"> <div class="inside_page_same_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/142432-obektno-orientirovannoe-programmirovanie-na-s.html"><img border="0" src="/upload/resize_cache/webp/iblock/6de/6ded10b20c4d944336bd05868026abe6.webp" alt="Объектно-ориентированное программирование на С++" title="Объектно-ориентированное программирование на С++"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/142432-obektno-orientirovannoe-programmirovanie-na-s.html" title="Объектно-ориентированное программирование на С++">Объектно-ориентированное программирование на С++</a> </h3> </div> </div> </div> <div class="same_block_item_wrapper"> <div class="inside_page_same_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/139522-razrabotka-na-yii.html"><img border="0" src="/upload/resize_cache/webp/iblock/e1e/e1e0c5a76f1453be65a05a65802a5db5.webp" alt="Разработка на Yii" title="Разработка на Yii"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/139522-razrabotka-na-yii.html" title="Разработка на Yii">Разработка на Yii</a> </h3> </div> </div> </div> <div class="same_block_item_wrapper"> <div class="inside_page_same_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/76276-tekstovye-dokumenty-i-tehnologii-ih-sozdanija.html"><img border="0" src="/upload/resize_cache/webp/iblock/f92/f92b3b4842f0cc2e2e763f756a58b149.webp" alt="Текстовые документы и технологии их создания" title="Текстовые документы и технологии их создания"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/76276-tekstovye-dokumenty-i-tehnologii-ih-sozdanija.html" title="Текстовые документы и технологии их создания">Текстовые документы и технологии их создания</a> </h3> </div> </div> </div> <div class="same_block_item_wrapper"> <div class="inside_page_same_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/73956-formatirovanie-teksta-v-tekstovom-processore.html"><img border="0" src="/upload/resize_cache/webp/iblock/a4d/a4da8642a8e50b341f8e610cc89a6f09.webp" alt="Форматирование текста в текстовом процессоре" title="Форматирование текста в текстовом процессоре"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/73956-formatirovanie-teksta-v-tekstovom-processore.html" title="Форматирование текста в текстовом процессоре">Форматирование текста в текстовом процессоре</a> </h3> </div> </div> </div> <div class="same_block_item_wrapper"> <div class="inside_page_same_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/73905-ochki-virtualnaja-realnost.html"><img border="0" src="/upload/resize_cache/webp/iblock/f08/f08396a6656b262babcc712c1874fa08.webp" alt="Очки виртуальная реальность" title="Очки виртуальная реальность"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/73905-ochki-virtualnaja-realnost.html" title="Очки виртуальная реальность">Очки виртуальная реальность</a> </h3> </div> </div> </div> <div class="same_block_item_wrapper"> <div class="inside_page_same_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/130583-fakty-o-tehnologijah.html"><img border="0" src="/upload/resize_cache/webp/iblock/1a1/1a185efc8d3e5bc623c195a3a1aab453.webp" alt="Факты о технологиях" title="Факты о технологиях"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/130583-fakty-o-tehnologijah.html" title="Факты о технологиях">Факты о технологиях</a> </h3> </div> </div> </div> <div class="same_block_item_wrapper"> <div class="inside_page_same_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/137106-distributivy-linux.html"><img border="0" src="/upload/resize_cache/webp/iblock/7cb/7cb3f3fe84ebfff23622fb1b8a4bae1b.webp" alt="Дистрибутивы Linux" title="Дистрибутивы Linux"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/137106-distributivy-linux.html" title="Дистрибутивы Linux">Дистрибутивы Linux</a> </h3> </div> </div> </div> <div class="same_block_item_wrapper"> <div class="inside_page_same_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/138746-puteshestvie-po-ustrojstvam-kompjutera.html"><img border="0" src="/upload/resize_cache/webp/iblock/afc/afc06f6323b95fffc24edfb9c90c24db.webp" alt="Путешествие по устройствам компьютера" title="Путешествие по устройствам компьютера"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/138746-puteshestvie-po-ustrojstvam-kompjutera.html" title="Путешествие по устройствам компьютера">Путешествие по устройствам компьютера</a> </h3> </div> </div> </div> <div class="same_block_item_wrapper"> <div class="inside_page_same_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/142130-nagljadnaja-shkola.html"><img border="0" src="/upload/resize_cache/webp/iblock/adb/adbade2def6c80dd9702cebaf1a3b11c.webp" alt="Наглядная школа" title="Наглядная школа"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/142130-nagljadnaja-shkola.html" title="Наглядная школа">Наглядная школа</a> </h3> </div> </div> </div> <div class="same_block_item_wrapper"> <div class="inside_page_same_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/124989-palitra-rezhima-fantazer.html"><img border="0" src="/upload/resize_cache/webp/iblock/86c/86ce57dc2052b8e91247125f8e3fcd1a.webp" alt="Палитра режима «Фантазёр»" title="Палитра режима «Фантазёр»"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/124989-palitra-rezhima-fantazer.html" title="Палитра режима «Фантазёр»">Палитра режима «Фантазёр»</a> </h3> </div> </div> </div> </div> </div> <a class="tips_link" href="#tips" rel="nofollow">Смотреть советы по подготовке презентации</a> </div> </div> <script> slideShow('.slider', { isAutoplay: false }); </script> <div id="bxdynamic_CxqOHg_end" style="display:none"></div> </div> </div> </div> </div> <!-- рекл Рся Fulscreen --> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter29672320 = new Ya.Metrika({ id:29672320, clickmap:true, trackLinks:true, accurateTrackBounce:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <!-- /Yandex.Metrika counter --> <script> (renderRecaptcha = function(elementId){ if (typeof(grecaptcha) != 'undefined') { var element = document.getElementById(elementId); if (element != undefined && element.childNodes.length == 0) { grecaptcha.render(element, { 'sitekey': '6LdqFc4hAAAAAOyFqPNaYhFzegeWEA0sxrgGWbY6' }); } } })(); </script></body> </html><!--8feb9438108e5cb40c9e9b03a1b73aa7-->