Создание Web-страницы с помощью языка HTML. Практическое задание
план-конспект занятия по информатике и икт (8 класс) на тему

Шмакова Ангелина Андреевна

Практическое задание для 8 класса по теме "Создание Web-страницы с помощью языка HTML"

Скачать:

ВложениеРазмер
Microsoft Office document icon praktika_8_klass.doc17.5 КБ

Предварительный просмотр:

Практическое задание «Основные теги HTML»

1. Запустить текстовый редактор Блокнот

2. Ввести HTML — код страницы.

Первое знакомство с тегами HTML

3. Ввести команду [Файл — Сохранить]. Файлу Web — страницы присвоить имя index.htm. Не забыть, что это все должно быть в Вашей папке.

4. Запустить браузер и открыть созданный файл командой [Файл — Открыть]. В заголовке окна браузера высвечивается название Web — страницы Первое знакомство с тегами HTML.

Заголовки. Внести в текст страницы теги заголовков различных уровней (размеров)

5.

Заголовок первого уровня

Заголовок второго уровня

Заголовок третьего уровня

Заголовок четвертого уровня

Заголовок пятого уровня

Заголовок шестого уровня

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

6.


Обычный текст

Жирный

Курсив

Подчеркнутый

Жирный подчеркнуты курсив

Равноширинный

Выделение

Усиленное выделение

Списки. Внести в текст страницы тэги, задающие списки нумерованные и ненумерованные, а также списки определений.

7.

  1. Первый элемент списка
  2. Второй элемент списка

  3. Третий элемент списка

  • Первый элемент списка
  • Второй элемент списка

  • Третий элемент списка

Термин 1

Пояснение к термину 1

Термин 2

Пояснение к термину 2

Термин 3

Пояснение к термину 3

Внесение изменений и дополнений в Web — страницу. В процессе создания Web — страницы приходится добавлять новые тэгии просматривать получаемый результат.

8. Акивизировать Блокнот с открытой в нем редактируемой Web — страницей. Внести в содержимое страницы необходимые изменения и сохранить новый вариант страницы, выполнив команду меню [Файл — Сохранить].

9. Активизировать браузер с открытым в нем предыдущим вариантом страницы. Щелкнуть по кнопке Обновить. В окне браузера отобразиться обновленная Web — страница.


По теме: методические разработки, презентации и конспекты

Создание веб-сайта с использованием языка html

В работе представлен материал для проведения практических работ по теме "Создание веб-сайта с использованием языка html". Всего 4 практические работы, позволяющие ученикам 7-9х классов иметь представл...

Создание Web-страницы с помощью языка HTML

Конспект урока для 8 класса по теме "Создание Web-страницы с помощью языка HTML"...

Создание тестирующей программы с помощью языков программирования

В данной работе представлен программный продукт под названием «Контроль знаний. Модуль 1» который отвечает за тестирование студентов  и «Контроль знаний. Модуль 2» програм...

Создание Web-сайта с помощью языка гипертекстовой разметки HTML

Создание Web-сайта с помощью языка гипертекстовой разметки HTML...

Создание Web-страниц с помощью HTML (часть 1)

Создание Web-страниц с помощью HTML (часть 1) Использованная литература:1) Алленова Наталья "HTML - Первые шаги". Учебник (руководство) по HTML.2) Е.Н.Новоселова "Создание Web-стра...

Создание Web-страниц с помощью HTML (часть 2)

Создание Web-страниц с помощью HTML (часть 2) Использованная литература:1) Алленова Наталья "HTML - Первые шаги". Учебник (руководство) по HTML.2) Е.Н.Новоселова "Создание Web-стра...

Создание Web-страниц с помощью HTML (часть 3)

Создание Web-страниц с помощью HTML (часть 3) Использованная литература:1) Алленова Наталья "HTML - Первые шаги". Учебник (руководство) по HTML.2) Е.Н.Новоселова "Создание Web-стра...