Урок по информатике Разработка учителя информатики средней школы 1 г. Приволжска Твельневой Т.А. Создание Web-страницы Цель урока: познакомить учащихся. - презентация

1 Урок по информатике Разработка учителя информатики средней школы 1 г. Приволжска Твельневой Т.А. Создание Web-страницы Цель урока: познакомить учащихся с языком размётки гипертекста HTML Задача урока: научить учащихся создавать простейшую первую страницу

2 Устные вопросы Что такое Всемирная паутина? Дайте определение Wed- сайта.

3 Разработка Web-сайтов Для создания Web-страниц используется язык размётки гипертекста HTML (Hyper Text Markup Language), созданный Тимом Бернерсом-Ли в 1989 г.

4 Код страницы набирается в любом текстовом редакторе ( например, Блокнот) или специальной программе ( например, Homepage Builder) и оформляется с помощью команд языка HTML. Тестируется html- файл с помощью любого браузера.

5 Web-страницы (html-файлы) имеют формат *. htm или *. html. Команды HTML задаются с помощью специальных элементов – тэгов, которые заключаются в угловые скобки. Прописные и строчные буквы при написании тэгов не различаются!

6 Существуют два типа тэгов: непарные, например, - тэг перевода строки; парные, например, мама - выделение слова «мама» полужирным шрифтом.

7 Создание Web- страницы «Моя первая страница»

8 Вид web-страницы задаётся тэгами, которые заключаются в угловые скобки открывающий тэг закрывающий тэг Такая пара называется контейнером

9 HTML- код страницы помещается внутрь контейнера Заголовок web- страницы заключается в контейнер

10 Название web-страницы содержится в контейнере Мой сайт

11 Основное содержание страницы помещается в контейнер. Моя первая страница

12 Созданную титульную страницу необходимо сохранить в виде файла. Принято сохранять титульный файл сайта под именем index.html или index.htm

13 Мой сайт Моя первая страница Заголовок документа Тело документа

14 ПРАКТИЧЕСКАЯ РАБОТА 1. В окне приложения Блокнот ввести HTML- код страницы. Сохранить файл под именем index.htm в своей папке. 2. Загрузить этот файл в окне браузера Internet Explorer для просмотра.

15 3. В окне приложения «Блокнот» в контейнере вставить последовательность тегов и просмотреть результат в браузере. 1) Размер шрифта для имеющегося в тексте заголовка: Моя первая страница (самый большой шрифт -, самый маленький - )

16 2) Выравнивание по центру: ALIGN=center 3) Синий цвет заголовка: … 4) Горизонтальная линия: 5) Разделение текста на абзацы: …

17 Моя первая страница На этом сайте вы познакомитесь...

18 В браузере должно получиться следующее изображение

19 4. В содержимое страницы добавить произвольный текст о себе и добавить строчку Мои увлечения Эту строчку мы оформим как гиперссылку на следующую страницу.

20 Заключение урока Какие тэги(контейнеры) должны присутствовать в HTML- документе обязательно? Что нового вы сегодня узнали на уроке?

21 Домашнее задание Выучить основные тэги Составить в программе блокнот страницу «Мои увлечения», где кратко описать свои интересы и сохранить её под именем uvlechenia.htm

22 Используемая литература 1. Информатика и информационные технологии. Учебник для классов/ Н.Д.Угринович 2. Информатика. 11 класс: Практикум. – Саратов :Лицей, 2004.