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

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

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

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

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

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

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

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

МАТЕРИАЛЫ для проведения итогового занятия по теме "HTML"

Выбранный для просмотра документ Блеф -актуализация.doc

библиотека
материалов

Блеф - тур


Я задаю вопрос, который начинается со слов "Верите ли вы, что:", а вы стараетесь определить: верно это или нет.

  1. Язык HTML- язык разметки текстовой страницы. (Нет)

  2. Элемент - конструкция языка HTML. Это контейнер, содержащий данные и позволяющий отформатировать их определенным образом. (ДА)


  1. Любая Web-страница представляет собой набор элементов. (Да)

  2. Тег - начальный или конечный маркеры Web-страницы. (Нет, …элемента)

  3. В тексте Web-страницы теги заключаются в круглые скобки, а конечный тег всегда снабжается косой чертой. (Нет, в угловатые скобки)

  4. Тэги можно набирать как заглавными, так и строчными буквами. (Да)

  5. Тег задает цвет страницы. (Нет, начало собственно содержимого Web-страницы)

  6. Тег включает в себя атрибут bgcolor, который задает цвет вашей страницы. (Да)

  7. Строка color=blue> оформлена верно. (Нет, color=”blue”>)

  8. Заголовок внутри страницы

     
    задаёт заголовок большего размера. (Нет)
  9. Атрибут - параметр или свойство элемента. (Да)

  10. Если атрибут Align тега H1 не задан, то используется выравнивание по ширине? (Нет)

  11. Принудительный переход на новую строку осуществляется тегом
    . (Да)

  12. Выделение текста полужирным шрифтом осуществляется тегом . (Нет, )

  13. Тип, размер и цвет шрифта задаётся .тегом . (Нет, )

  14. Ссылка <A HREF=”#top”> К верху страницы A> осуществляет переход к следующей странице. (нет, к верху страницы)


  1. Следующий фрагмент

<<<предыдущая    последующая>>>

P>

создание навигационные кнопки Вперёд, Назад. (Нет)


  1. Простейшая таблица состоит из одной ячейки и организуется следующим образом:

<tr>

содержимое таблицы

tr>

(Да)



Выбранный для просмотра документ Презентация1.ppt

библиотека
материалов
Язык HTML- язык разметки текстовой страницы.
Элемент - конструкция языка HTML. Это контейнер, содержащий данные и позволяю...
Любая Web-страница представляет собой набор элементов.
Тег - начальный или конечный маркеры Web-страницы. Нет, начальный или конечны...
В тексте Web-страницы теги заключаются в круглые скобки, а конечный тег всегд...
Тэги можно набирать как заглавными, так и строчными буквами.
Тег  задает цвет страницы. Нет, начало собственно содержимого Web-страницы
Тег  включает в себя атрибут bgcolor, который задает цвет вашей страницы.
Строка  оформлена верно. Нет,
Заголовок внутри страницы  задаёт заголовок большего размера.
Атрибут - параметр или свойство элемента.
Если атрибут Align тега H1 не задан, то используется выравнивание по ширине.
Принудительный переход на новую строку осуществляется тегом .
Выделение текста полужирным шрифтом осуществляется тегом
Тип, размер и цвет шрифта задаётся .тегом  .
Ссылка  К верху страницы  осуществляет переход к следующей странице.
Следующий фрагмент     создание навигационные кнопки Вперёд, Назад.
Простейшая таблица состоит из одной ячейки и организуется следующим образом:...
19 1

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


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

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

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

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

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

№ слайда 2 Язык HTML- язык разметки текстовой страницы.
Описание слайда:

Язык HTML- язык разметки текстовой страницы.

№ слайда 3 Элемент - конструкция языка HTML. Это контейнер, содержащий данные и позволяю
Описание слайда:

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

№ слайда 4 Любая Web-страница представляет собой набор элементов.
Описание слайда:

Любая Web-страница представляет собой набор элементов.

№ слайда 5 Тег - начальный или конечный маркеры Web-страницы. Нет, начальный или конечны
Описание слайда:

Тег - начальный или конечный маркеры Web-страницы. Нет, начальный или конечный маркеры элемента

№ слайда 6 В тексте Web-страницы теги заключаются в круглые скобки, а конечный тег всегд
Описание слайда:

В тексте Web-страницы теги заключаются в круглые скобки, а конечный тег всегда снабжается косой чертой. Нет, в угловатые скобки

№ слайда 7 Тэги можно набирать как заглавными, так и строчными буквами.
Описание слайда:

Тэги можно набирать как заглавными, так и строчными буквами.

№ слайда 8 Тег  задает цвет страницы. Нет, начало собственно содержимого Web-страницы
Описание слайда:

Тег <BODY> задает цвет страницы. Нет, начало собственно содержимого Web-страницы

№ слайда 9 Тег  включает в себя атрибут bgcolor, который задает цвет вашей страницы.
Описание слайда:

Тег <BODY> включает в себя атрибут bgcolor, который задает цвет вашей страницы.

№ слайда 10 Строка  оформлена верно. Нет,
Описание слайда:

Строка <BODY color=blue> оформлена верно. Нет, <BODY bgcolor=”blue”>

№ слайда 11 Заголовок внутри страницы  задаёт заголовок большего размера.
Описание слайда:

Заголовок внутри страницы<H6> </H6> задаёт заголовок большего размера.

№ слайда 12 Атрибут - параметр или свойство элемента.
Описание слайда:

Атрибут - параметр или свойство элемента.

№ слайда 13 Если атрибут Align тега H1 не задан, то используется выравнивание по ширине.
Описание слайда:

Если атрибут Align тега H1 не задан, то используется выравнивание по ширине.

№ слайда 14 Принудительный переход на новую строку осуществляется тегом .
Описание слайда:

Принудительный переход на новую строку осуществляется тегом <br>.

№ слайда 15 Выделение текста полужирным шрифтом осуществляется тегом
Описание слайда:

Выделение текста полужирным шрифтом осуществляется тегом <I>

№ слайда 16 Тип, размер и цвет шрифта задаётся .тегом  .
Описание слайда:

Тип, размер и цвет шрифта задаётся .тегом <FANT> .

№ слайда 17 Ссылка  К верху страницы  осуществляет переход к следующей странице.
Описание слайда:

Ссылка <A HREF=”#top”> К верху страницы </A> осуществляет переход к следующей странице.

№ слайда 18 Следующий фрагмент     создание навигационные кнопки Вперёд, Назад.
Описание слайда:

Следующий фрагмент <P ALIGN= ”center”> <A HREF=”1.htm”> <<<предыдущая</A>&nbsp; &nbsp;<A HREF=”3.htm”> последующая>>></A> </P> создание навигационные кнопки Вперёд, Назад.

№ слайда 19 Простейшая таблица состоит из одной ячейки и организуется следующим образом:
Описание слайда:

Простейшая таблица состоит из одной ячейки и организуется следующим образом: <table> <tr> <td>содержимое таблицы </td> </tr> </table>

Выбранный для просмотра документ Презентация2.ppt

библиотека
материалов
Продажа акций Фирма «Теория» Предприятие «Практика»
«Покупка» акций фирмы «Теория» (индивидуально) «Покупка» акций предприятия «П...
Выбор акции (карточки с заданиями) и самостоятельное выполнение задания. Если...
Критерии оценок Жёлтая акция - оценка «Удовлетворительно» Зелёная акция – оце...
5 1

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


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

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

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

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

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

№ слайда 2 Продажа акций Фирма «Теория» Предприятие «Практика»
Описание слайда:

Продажа акций Фирма «Теория» Предприятие «Практика»

№ слайда 3 «Покупка» акций фирмы «Теория» (индивидуально) «Покупка» акций предприятия «П
Описание слайда:

«Покупка» акций фирмы «Теория» (индивидуально) «Покупка» акций предприятия «Практика» (группа – 2 человека) Порядок игры:

№ слайда 4 Выбор акции (карточки с заданиями) и самостоятельное выполнение задания. Если
Описание слайда:

Выбор акции (карточки с заданиями) и самостоятельное выполнение задания. Если непонятно задание, то можно позвать спонсора. Если с заданием студент справился, то можно карточку-акцию поменять на другую. Если досрочно студент выполняет задание максимальной или средней сложности, то может «купить акцию» повышенной сложности. Правила игры:

№ слайда 5 Критерии оценок Жёлтая акция - оценка «Удовлетворительно» Зелёная акция – оце
Описание слайда:

Критерии оценок Жёлтая акция - оценка «Удовлетворительно» Зелёная акция – оценка «Хорошо» Красная акция – оценка «Отлично» Белая акция – дополнительная оценка «Отлично»

Выбранный для просмотра документ карточки белого цвета практика.doc

библиотека
материалов


  1. Создать web-страницу.

  2. Создать заголовок на странице на любую тему.

  3. Создать таблицу по образцу и заполнить её.














  1. Вставить в последней строке картинки.

  2. Создать 2 web-страницы, содержащие краткую информацию.

  3. В таблице на первой странице создать ссылки на другие страницы.

  4. Создать web-страницу, содержащую фреймы всех созданных страниц.







Выбранный для просмотра документ карточки жёлтого цвета практика.doc

библиотека
материалов

B-I

  1. Создать web-страницу с именем Фамилия пользователя.html.

  2. Создать заголовок на странице «Отделение…» по центру.

  3. Создать таблицу по образцу и заполнить её.


п/п

Учебные группы отделения

1


2



  1. Создать web-страницу с именем 2.html.

  2. На первой странице создать ссылку на вторую страницу.




____________________________________________________________




B-II


  1. Создать web-страницу с именем Имя пользователя.html.

  2. Создать заголовок на странице «Учебные дисциплины» по правому краю.

  3. Создать таблицу по образцу и заполнить её.



Дисциплины

1


2



  1. Создать web-страницу с именем 2.html.

  2. На второй странице создать ссылку на первую страницу.


Выбранный для просмотра документ карточки жёлтого цвета.doc

библиотека
материалов

B-I

  1. Найти ошибки и написать правильно:

заголовок.

BODY> gcolor="blue"

FONT face="IMPACT" size=20 color="red" >> Текст

  1. Что будет результатом строки <IMG SRC="1.jpg" ALT="[2007]" WIDHT=”20” HEIGHT=”100” ALIGN="right">при просмотре web -страницы в окне браузера

  2. Описать результат выполнения тега в окне браузера строки <Ol type=”1”><Li> информатика <LI> информационные технологии <LI> математика ol>


_____________________________________________________________




B-II

  1. Найти ошибки и написать правильно:

заголовок.

="red"

Текст

  1. Что будет результатом строки [</SPAN>книга<SPAN >]при просмотре web -страницы в окне браузера

  2. Описать результат выполнения тега в окне браузера строки <Ul type=”disc”><Li> BETT 2007<LI> Hard&Soft <LI> Мир ПК ul>




B-III

  1. Найти ошибки и написать правильно:

.заголовок.

="red"

FONT face="Comic Sans" size=”2” color=green>> Текст

  1. Что будет результатом строки [I love you]при просмотре web -страницы в окне браузера

  2. Описать результат выполнения тега в окне браузера строки <Ul type=”circle”><Li>концерты <LI> классные часы<LI> родительские собранияul>









B-IV

  1. Найти ошибки и написать правильно:

заголовок.

BODY>


gcolor="blue"

FONT size=7 face="IMP" color= yellow " > Текст

html>


  1. Что будет результатом строки <IMG SRC="info.gif" WIDHT=”120” HEIGHT=”10” BORDER=”5”> при просмотре web -страницы в окне браузера

  2. Описать результат выполнения тега в окне браузера строки <Ol type=”I”><Li> Rambler <LI> Yandex<LI> Listol>


Выбранный для просмотра документ карточки зелёного цвета практика.doc

библиотека
материалов

B-I


  1. Создать web-страницу, добавить фон.

  2. Создать заголовок на странице «Прикладные программы» по центру.

  3. Создать таблицу по образцу и заполнить её.


Программа

Название



1.

2.

  1. Вставить в первый столбец изображение пиктограмм этих программ.

  2. Создать две web-страницы, содержащие краткое описание программных средств.

  3. В таблице на первой странице создать ссылки на вторую и третью страницы.




B-II


  1. Создать web-страницу, добавить фон.

  2. Создать заголовок на странице «Виды спорта» по центру.

  3. Создать таблицу по образцу и заполнить её.


Виды

1.

2.

3.


  1. Вставить в первый столбец фото одного вида.

  2. Создать три web-страницы, содержащие информацию о виде спорта.

  3. В таблице на первой странице создать ссылки на вторую и третью страницы.

Выбранный для просмотра документ карточки зелёного цвета.doc

библиотека
материалов

B-I


  1. Описать результат выполнения тега в окне браузера .

  2. Привести пример оформления квадратным чёрным маркером 3-х фамилий студентов на web- странице.

  3. Найти ошибку, написать правильно строку и описать результат выполнения в окне браузера строки:

IMG SRC="фото1.jpg" ALT="[Это моя семья]" WIDHT=20 HEIGHT=”100” ALIGN="right" BORDER=5 >






hello_html_m6c1a89f8.gif


B-II


  1. Описать результат выполнения тега в окне браузера .

  2. Привести пример оформления латинскими буквами нижнего регистра (нумерованным списком) 3-х учебных дисциплин на web- странице.

  3. Найти ошибку, написать правильно строку и описать результат выполнения в окне браузера строки:

SPAN>фото<SPAN >2.jpg

B-III

  1. Описать результат выполнения тега в окне браузера <FONT face="arial"> -

  2. Привести пример оформления маркером в виде колечка 3-х измерительных приборов на web- странице.

  3. Найти ошибку, написать правильно строку и описать результат выполнения в окне браузера строки:

SPAN>фото<SPAN >3.jpg









B-IV


  1. Описать результат выполнения тега в окне браузера .

  2. Привести пример оформления римскими буквами с использованием верхнего регистра (нумерованным списком) 3-х названий поисковых серверов на web- странице.

  3. Найти ошибку, написать правильно строку и описать результат выполнения в окне браузера строки:

фото4.jpg" ALT="[Это наша группа]" WID=”40” HEIGHT=10 ALIGN="center" BORDER=30


Выбранный для просмотра документ карточки красного цвета практика.doc

библиотека
материалов

B-I


  1. Создать web-страницу.

  2. Создать заголовок на странице « Мой любимый музыкальный исполнитель» по центру.

  3. Создать таблицу по образцу и заполнить её.

Альбом 1


Альбом 2




Исполнитель


  1. Вставить в последней строке фото исполнителя.

  2. Создать четыре web-страницы, содержащие тексты песен.

  3. В таблице на первой странице создать ссылки на другие страницы.







B-II


  1. Создать web-страницу.

  2. Создать заголовок на странице «Мои любимые писатели» по правому краю.

  3. Создать таблицу по образцу и заполнить её.


Фамилии


Произведения

1



2


3


  1. Вставить во второй столбец фото писателя 2.

  2. Создать три web-страницы, содержащие описание произведений.

  3. В таблице на первой странице создать ссылки на другие страницы.


Выбранный для просмотра документ карточки красного цвета.doc

библиотека
материалов

В-1


  1. Дописать фразу: «Браузер – это…….»

  2. Привести пример оформления маркированным списком 3-х ссылок на web –страницы.

  3. Оформить ссылку в HTML документе на файл glossary.bmp находящийся в текущей папке, добавить вспомогательный текст ссылке “Это интересно”.






__________________________________________________________________




В-2


  1. Дописать фразу: «Тег – это…….»

  2. Привести пример оформления нумерованным списком 3-х ссылок на web- страницы.

  3. Оформить ссылку в HTML документе на файл soft.gif, находящийся в текущей папке, добавить вспомогательный текст ссылке “Лучшая фотография”.



В-3


  1. Дописать фразу: «HTML– это…….»

  2. Привести пример оформления маркированным списком 3-х ссылок на web- страницы.

  3. Оформить ссылку в HTML документе на файл anketa.html, находящийся в текущей папке, добавить вспомогательный текст ссылке “Это фото надо посмотреть”.






__________________________________________________________________




В-4


  1. Дописать фразу: «Web-страница– это…….»

  2. Привести пример оформления нумерованным списком 3-х ссылок на web- страницы.

  3. Оформить ссылку в HTML документе на файл hard.htm, находящийся в текущей папке, добавить вспомогательный текст ссылке “Это забавный снимок ”.



Выбранный для просмотра документ пр красного цвета.doc

библиотека
материалов

1 –й пункт списка

2 –й пункт списка

3 –й пункт списка

ul>



<<<предыдущая    последующая>>>

P>



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


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

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

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

Автор
Дата добавления 02.10.2015
Раздел Информатика
Подраздел Другие методич. материалы
Просмотров197
Номер материала ДВ-026707
Получить свидетельство о публикации
Похожие материалы

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