- Язык разметки гипертекста HTML

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

Слайд 1
Слайд 2
Слайд 3
Слайд 4
Слайд 5
Слайд 6
Слайд 7
Слайд 8
Слайд 9
Слайд 10
Слайд 11
Слайд 12
Слайд 13
Слайд 14
Слайд 15
Слайд 16

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

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

Язык разметки гипертекста НТМL
Слайд 1

Язык разметки гипертекста НТМL

С чего начать? 1 шаг. 1. Запустить «Блокнот» (пуск-стандартные-блокнот) 2. Сохранить в своей папке документ с параметрами: - имя файла:index.html - тип файла: все файлы 3. Закрыть сохранённый документ.
Слайд 2

С чего начать? 1 шаг

1. Запустить «Блокнот» (пуск-стандартные-блокнот) 2. Сохранить в своей папке документ с параметрами: - имя файла:index.html - тип файла: все файлы 3. Закрыть сохранённый документ.

2 шаг. Открыть свою папку. Открыть файл с именем index.html В открывшемся окне программы Internet Explorer вызвать контекстное меню ( щёлкнуть правой кнопкой мыши в рабочем поле окна) Выбрать команду: Просмотр html кода
Слайд 3

2 шаг

Открыть свою папку. Открыть файл с именем index.html В открывшемся окне программы Internet Explorer вызвать контекстное меню ( щёлкнуть правой кнопкой мыши в рабочем поле окна) Выбрать команду: Просмотр html кода

3 шаг. В открывшемся окне «Блокнота» с именем index набрать текст программы на языке HTML. Сохранить файл (файл - сохранить). начало web-документа. конец web-документа. начало заголовка конец заголовка текст заголовка. Структурные парные теги. Тег – инструкция браузеру
Слайд 4

3 шаг

В открывшемся окне «Блокнота» с именем index набрать текст программы на языке HTML. Сохранить файл (файл - сохранить).

начало web-документа

конец web-документа

начало заголовка конец заголовка текст заголовка

Структурные парные теги

Тег – инструкция браузеру

4 шаг. Перейти в окно Internet Explorer и обновить страницу. После этого в строке заголовка появится название новой web-страницы
Слайд 5

4 шаг

Перейти в окно Internet Explorer и обновить страницу. После этого в строке заголовка появится название новой web-страницы

5 шаг. Зададим цвет нашей страницы при помощи тега  (название цвета по-английски) Снова сохраним файл index. Снова обновим web-страницу. Фон страницы стал серым (silver-серый, серебряный). Выберите любой цвет для вашей странички!
Слайд 6

5 шаг

Зададим цвет нашей страницы при помощи тега (название цвета по-английски) Снова сохраним файл index. Снова обновим web-страницу. Фон страницы стал серым (silver-серый, серебряный). Выберите любой цвет для вашей странички!

6 шаг. Цвет текста  Наберите текст после этого тега  Перед текстом вставим тег Для отделения текста горизонтальной чертой используется тег
Слайд 7

6 шаг

Цвет текста Наберите текст после этого тега

Перед текстом вставим тег

Для отделения текста горизонтальной чертой используется тег

7 шаг. Начало нового абзаца текст. текст текст
Слайд 8

7 шаг

Начало нового абзаца <р align=left>текст

<р align=right>текст <р align=center>текст

Вставка рисунков 8 шаг. Для вставки изображения используется тег  Для выравнивания изображения использовать добавление align Для вставки фоновой картинки:   ggfrtgtg www.dweb.ru
Слайд 9

Вставка рисунков 8 шаг

Для вставки изображения используется тег Для выравнивания изображения использовать добавление align Для вставки фоновой картинки: ggfrtgtg www.dweb.ru

Создание гиперссылок 9 шаг. Создайте 3 новых файла: List1.html List2.html List3.html  [игры]&nbsp[ истории] &nbsp[ новости]
Слайд 10

Создание гиперссылок 9 шаг

Создайте 3 новых файла: List1.html List2.html List3.html

[игры] [ истории]  [ новости]

Ссылки по изображению 10 шаг. Меню сайта в виде картинок:
Слайд 11

Ссылки по изображению 10 шаг

Меню сайта в виде картинок: “текст" “текст" “текст"

Ссылка на главную страницу 11 шаг.
Слайд 12

Ссылка на главную страницу 11 шаг

“подпись

Создание таблиц 12 шаг.    1   2   3     . Одна строка, в ней 3 столбца 30+30+30=90%
Слайд 13

Создание таблиц 12 шаг

 
1 2 3

Одна строка, в ней 3 столбца 30+30+30=90%

Вставка рисунка в ячейку таблицы 13 шаг.
Слайд 14

Вставка рисунка в ячейку таблицы 13 шаг

“подпись

Вставка бегущей строки и звука шаг 14.  text   !!!!! Между  !!!!!
Слайд 15

Вставка бегущей строки и звука шаг 14

text !!!!! Между !!!!!

Задание на ПК. Папка МЕНЮ – ФОТОГАЛЕРЕЯ Создать в файле index.html меню из 3-х фотографий школы. Скопировать меню на страницы l1.html, l2.html,l3.html. На каждой странице сделать фотогалерею в виде таблицы. Все фото подписать.
Слайд 16

Задание на ПК

Папка МЕНЮ – ФОТОГАЛЕРЕЯ Создать в файле index.html меню из 3-х фотографий школы. Скопировать меню на страницы l1.html, l2.html,l3.html. На каждой странице сделать фотогалерею в виде таблицы. Все фото подписать.

Список похожих презентаций

Язык разметки гипертекста HTML

Язык разметки гипертекста HTML

Урок 1. Web-страницы и Web-сайты. Структура веб-страницы. Угринович, § 3.7.1- 3.7.2. Понятие веб-сайта. Информация во Всемирной паутине хранится в ...
Язык разметки гипертекста HTML

Язык разметки гипертекста HTML

Сегодня я познакомлю Вас с языком разметки гипертекста HTML (HyperText Markup Language). Если Вы хотите стать Web - дизайнером, то вы непременно должны ...
Язык разметки гипертекста HTML

Язык разметки гипертекста HTML

. Код страницы помещается в контейнер …. Отображаемое в браузере содержание страницы помещается в контейнер…. Название страницы помещается в контейнер ...
Язык разметки гипертекста HTML

Язык разметки гипертекста HTML

Hyper Text Markup Language – язык гипертекстовой разметки. HTML - специальные инструкции браузеру, с помощью которых создаются веб-сайты. HTML. Гипертекст ...
Основы языка разметки гипертекста HTML

Основы языка разметки гипертекста HTML

Hyper Text Markup Language (HTML) – язык гипертекстовой разметки документов. Web-страницы можно создать с помощью языка HTML В обычный документ вставляются ...
Язык гипертекстовой разметки HTML

Язык гипертекстовой разметки HTML

«Каркас» страницы. < html >   Мой сайт    . Посмотреть в браузере. Текст в HTML. < html >   Мой сайт  . Текст в HTML.  .  . Теги. , , , . Полужирный ...
Язык гипертекстовой разметки - html

Язык гипертекстовой разметки - html

HTML. Hyper Text Markup Language – язык гипертекстовой разметки. Описательный язык разметки HTML имеет свои команды, которые называются тегами. !Теги ...
Язык гипертекстовой разметки HTML

Язык гипертекстовой разметки HTML

Язык HTML - Hyper Text Markup Language – «язык гипертекстовой разметки» - набор команд (тегов), вставляемых в текст web-страницы и определяющих форматирование ...
Элемент движения в языке разметки html

Элемент движения в языке разметки html

ь с т и л е к м з а р б у о н ч. Что означает атрибут «face» у тэга ? Как называется структурированный язык html? Программа для отображения Web-страниц? ...
Язык HTML

Язык HTML

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

Основы языка HTML

Разработка языка разметки HTML привела в итоге к новой технологии распространения гипертекстовых документов в Internet. Однако для широкого распространения ...
Создание Web-страниц на языке HTML

Создание Web-страниц на языке HTML

Основные понятия. HTML расшифровывается HyperText Markup Language (в переводе означает Язык Разметки ГиперТекста). HTML предназначен для создания ...
Использование гипертекста html

Использование гипертекста html

«Творческим считается любое действие, которое эффективно и вызывает удивление» Дж. Брунер. Web-страницы создаются с использованием языка разметки ...
Язык программирования Scratch

Язык программирования Scratch

Что такое Язык программирования Scratsh? 02.09.2018. Одно из самых удивительных занятий нашего времени - программирование. Повелителей компьютеров ...
Язык программирования QBasic. Операторы DATA и READ

Язык программирования QBasic. Операторы DATA и READ

Операторы DATA и READ. Для ввода большого количества переменных и их значений применяются операторы DATA и READ. При использовании этих операторов ...
Основные теги HTML

Основные теги HTML

Язык HTML. HTML не является языком программирования, он предназначен для разметки текстовых документов. HTML состоит из тегов. Основным назначением ...
Язык программирования QBasic

Язык программирования QBasic

Оператор присваивания. В старых версиях Бейсика оператор присваивания всегда начинался со слова LET. Сейчас этого нет, и оператор присваивания выглядит ...
Язык программирования Pascal. Работа со строками

Язык программирования Pascal. Работа со строками

Строковые переменные. Тип данных (string) определяет строки с максимальной длиной 255 символов. Длину строки можно регулировать в секции описаний. ...
Введение в HTML

Введение в HTML

Задачи урока. Сформировать представление о языке HTML Познакомиться с понятиями: тег, верстка, разметка. Cделать пробную страницу на языке HTML. Что ...
Язык программирования Си

Язык программирования Си

Элементы языка. Язык Си включает следующие элементы: Ключевые слова — оформляют различные конструкции языка: else, int, return; Знаки — играют разделительную ...

Конспекты

Язык разметки гипертекста HTML

Язык разметки гипертекста HTML

Кривенцов Л.А., учитель информатики __ Язык разметки гипертекста HTML. . Муниципальное общеобразовательное учреждение –. . средняя общеобразовательная ...
Разработка web-сайтов с использованием языка разметки гипертекста HTML

Разработка web-сайтов с использованием языка разметки гипертекста HTML

ПЛАН-КОНСПЕКТ УРОКА № 1. «. Разработка. web. -сайтов с использованием языка разметки гипертекста. HTML. »(На изучение этой темы в учебном плане ...
Основы языка гипертекстовой разметки документов HTML

Основы языка гипертекстовой разметки документов HTML

Тема:. Основы языка гипертекстовой разметки документов HTML. . Цель:. дать понятие о HTML. , научить создавать HTML. – документ; развивать память, ...
Основы языка разметки гипертекста

Основы языка разметки гипертекста

ПЛАН-КОНСПЕКТ УРОКА. . Основы языка разметки гипертекста. ФИО(полностью). Спичкова Наталья Викторовна. Место работы. МБОУ Верхне-Талызинская ...
Знакомство с языком разметки гипертекстовых документов HTML

Знакомство с языком разметки гипертекстовых документов HTML

МОУ СОШ №20 г.Минеральные Воды. Урок по информатике. . в 9 классе по теме:. «Знакомство с языком разметки гипертекстовых документов. HTML. ...
HTML – язык разметки гипертекстовых документов

HTML – язык разметки гипертекстовых документов

. муниципальное бюджетное образовательное учреждение. . «Плесецкая средняя общеобразовательная школа». Тема урока: «HTML. ...
Язык программирования Турбо Паскаль

Язык программирования Турбо Паскаль

Вводный урок по теме: "Язык программирования Турбо Паскаль". Цели урока:. . . усвоить понятие программы, структуры программы на языке Turbo ...
Язык программирования Pascal. Алфавит языка. Типы данных. Переменные и константы

Язык программирования Pascal. Алфавит языка. Типы данных. Переменные и константы

Муниципальное бюджетное общеобразовательное учреждение. средняя общеобразовательная школа №70 г. Липецка. Конспект урока по информатике и ...
Язык программирования

Язык программирования

Учитель: Тишбаева Дина Заркыновна класс 9Б. Дата: 6.10.2014. Тема: Язык программирования. Цели и задачи:. Дать понятие языка программирования. ...
Таблицы в HTML

Таблицы в HTML

Кушей Ирина Зеноновна. Педагог дополнительного образования. МБОУ ДОД ЦИР ЮВЕНТА. . Конспект урока. по теме «Таблицы в HTML». Тип занятия:. ...

Советы как сделать хороший доклад презентации или проекта

  1. Постарайтесь вовлечь аудиторию в рассказ, настройте взаимодействие с аудиторией с помощью наводящих вопросов, игровой части, не бойтесь пошутить и искренне улыбнуться (где это уместно).
  2. Старайтесь объяснять слайд своими словами, добавлять дополнительные интересные факты, не нужно просто читать информацию со слайдов, ее аудитория может прочитать и сама.
  3. Не нужно перегружать слайды Вашего проекта текстовыми блоками, больше иллюстраций и минимум текста позволят лучше донести информацию и привлечь внимание. На слайде должна быть только ключевая информация, остальное лучше рассказать слушателям устно.
  4. Текст должен быть хорошо читаемым, иначе аудитория не сможет увидеть подаваемую информацию, будет сильно отвлекаться от рассказа, пытаясь хоть что-то разобрать, или вовсе утратит весь интерес. Для этого нужно правильно подобрать шрифт, учитывая, где и как будет происходить трансляция презентации, а также правильно подобрать сочетание фона и текста.
  5. Важно провести репетицию Вашего доклада, продумать, как Вы поздороваетесь с аудиторией, что скажете первым, как закончите презентацию. Все приходит с опытом.
  6. Правильно подберите наряд, т.к. одежда докладчика также играет большую роль в восприятии его выступления.
  7. Старайтесь говорить уверенно, плавно и связно.
  8. Старайтесь получить удовольствие от выступления, тогда Вы сможете быть более непринужденным и будете меньше волноваться.

Информация о презентации

Ваша оценка: Оцените презентацию по шкале от 1 до 5 баллов
Дата добавления:25 апреля 2015
Категория:Информатика
Содержит:16 слайд(ов)
Поделись с друзьями:
Скачать презентацию
Смотреть советы по подготовке презентации