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



Цель урока:

  • Освоить основные теги форматирования символов, создания гиперссылок и графики языка гипертекстовой разметки HTTP.
  • Приобрести практические навыки по созданию Web-документов, которые содержат теги форматирования символов, гиперссылки и графику.
  • Научиться создавать Web-страницы в режиме текстового редактора.

Ход урока

I. Мотивация и актуализация

1.  Основное количество информации в Интернет пользователи получают через службу WWW. Создание хороших сайтов – актуальный вопрос. Спрос на Web-программистов.

2.  Способы создания Web-документов: автоматизированный и вручную. Объем Web- страниц и его зависимость от способа создания документа. Необходимость знания языка гипертекстовой разметки.

II. Представление темы, целей и ожидаемых результатов

Результатом данной работы должно стать следующее:

- создание Web-документа с помощью языка HTML в режиме Блокнота и его сохранение;

- освоение методов просмотра Web-страницы в режиме документа и в режиме HTML-кода.

III. Подача необходимой информации

1.  Программы для создания Web-документов.

2.  Язык гипертекстовой разметки HTML. Структурные теги. Теги форматирования текста.

3.  Вставка графических объектов и требования к ним.

4.  Создание гиперссылок.

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

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

Тег – команда в языке гипертекстовой разметки

Атрибут – это параметр, предназначенный для модифицирования документа. Его значение заключается в кавычки. Атрибуты располагаются внутри тегов.
Например:
<
IMG src="image1.jpg"> (Вставка графического файла в Web-документ)
<
A href="indexpic/image2.jpg" <font size=+1 color=red>Погружение</font></A>

(Гиперссылка в виде текста “Погружение”, вызывающая файл image2.jpg из папки indexpic. Размер шрифта текста гиперссылки на 1 ед. больше текущего, цвет – красный)


IV. Интерактивное упражнение

Задача: Создать Web-страницу согласно предложенному плану.

Порядок работы:

1.  Откройте программу Блокнот и наберите текст следующего содержания:

<html>

<head>

<title> Первая Web-страница </title>

</head>

<body>

В.Высоцкий

</body>

</html>

Новые дескрипторы и атрибуты: <html>, <head>, <title>, <body>

2.  Сохраните файл под именем Фамилия.html  в папке С:Мои документы11 класс (Файл – Сохранить как)

3.  Открыть созданный файл с помощью программы-обозревателя.

4.  Отобразить документ в режиме HTML-кода (Вид – Просмотр HTML-кода)

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

Я не люблю
Я не люблю фатального исхода,
От жизни никогда не устаю.
Я не люблю любое время года,
Когда веселых песен не пою.

Новые дескрипторы и атрибуты: <br>, <p>, <hr>, align, color, size

6.  Отредактировать текст так, чтобы словосочетание “Я не люблю” перед стихотворением было выделено как заголовок. (Парный тег <H1>…</H1>)

7.  Создайте гиперссылку вызывающую поисковый сервер rambler.ru
( <A href="адрес ресурса"><font color=цвет size=+1>Текст ссылки</A>)
Новые дескрипторы и атрибуты: <A>, href

V. Подведение итогов, оценивание результатов урока

Задание

1

2

3

4

5

6

7

Кол-во баллов

1

2

1

1

3

2

2

Отметка о выполнении

 

 

 

 

 

 

 

Всего баллов___________________






Комментариев пока нет!

Поделитесь своим мнением