Создание Web страниц с помощью html

Скачать 39.83 Kb.

Дата	09.07.2014
Размер	39.83 Kb.
Тип	Урок

Учитель информатики: Тосикова Наталья Геннадьевна

Тема урока: Создание Web – страниц с помощью HTML.

Цели урока:

Обучающая: дать представление основных понятий Web – сервер, Web – сайт, Web – страница, гиперссылка, тег, структура HTML – документа, технология создания Web-страниц;
Развивающая: умение сравнивать и обобщать;
Воспитательная: воспитание информационной культуры, положительное отношение к знаниям.

Литература:

1. Н. Угринович, Учебник «Информатика и информационные технологии», 10 -11 кл.

2. Журнал «Информатика и образование».

3. Сайт www.1september.ru.

Оборудование:

1. Мультимедиа-проектор, презентация «Создание Web – страниц с помощью HTML»

2. Компьютеры для выполнения индивидуальных практических работ.

Ход урока.

1. Организационный момент.

2. Подготовка к основному этапу урока. Создание Web – страниц с помощью HTML.

Давайте вспомним, какие услуги предоставляет Internet?
Какая из перечисленных услуг является самой популярной? (WWW – всемирная паутина, которая позволяет просматривать Web - страницы)

Любой пользователь 21 века должен уметь представлять свою информацию в Internet. Тема, с которой мы сегодня познакомимся, называется: Создание Web – страниц с помощью HTML. Слайд 2. «План урока»

Основные понятия языка гипертекстов.
Инструментарий для создания Web – страниц.
Структура Web – страницы.
Работа с программой HTMLReader.
Практическое задание.

3. Объяснение нового материала.

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

Web – страницы находятся на Web – сервере.

Web – сервер - компьютер в сети Internet, хранящий

Web-страницы и соответствующие программы для

работы с ними. Информация на Web – сервере

представлена в виде Web – сайта. Web – сайт – это

объединение Web – страниц одной темой.

На Web – страницах находится информация: текстовая, графическая, звуковая, видео. Поэтому Web – страницы являются мультимедийными. Для того, чтобы создать Web – страницу нужно написать программу. А на каком языке мы будем писать программу для создания Web – страницы? (На языке HTML). Слово «HTML» представляет собой сокращение от «HyperText Markup Language» - «язык разметки гипертекста».

Прежде чем начать писать программу на языке HTML, мы познакомимся с основами языка HTML.

Сначала познакомимся с историей создания языка HTML. Проект ученика.

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

является понятие тег. ТЕГ – инструкция браузеру,

указывающая способ отображения информации.

Задание. Даны теги, определить парные и одиночные

теги.

,
,

Теги пишутся с использованием, какого алфавита? (Латинского)
При написании тегов используются только буквы? (Нет, еще и цифры)

б) Инструментарий для создания web – страниц.

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

1. Обычные текстовые редакторы, например Блокнот. При этом web – страница полностью создается вручную, путем вставки в требуемый текст необходимых тегов. Это самый трудоемкий и отнимающий много времени способ. Но благодаря ему вам становится понятной вся технология сайтостроения.

2. HTML-редакторы. Это уже специальные программы, с помощью которых создаются web – страницы. Обычно работа в них также производится с текстом HTML-документа, но предусмотрен ряд инструментов, позволяющих автоматически вставлять в текст соответствующие теги. Просмотр окончательного результата производится в браузере. Такая программа – хороший помощник, намного ускоряющий создание страниц. Но при работе с ней вы также должны быть знакомы с основами HTML.

3. WYSIWYG редакторы. Программы для создания web – страниц и сайтов WYSIWYG редакторы (сокращение фразы «What You See Is What You Get» - «Что видишь, то и получаешь») позволяют создавать web – страницы, даже ни имея никакого понятия о языке HTML, путем визуального редактирования на экране дисплея. При этом страница в окне редактора выглядит почти также, как должна отображаться в браузере, а при сохранении результатов работы в файле программа автоматически генерирует требуемый HTML-код.

в) Структура web – страницы. Слайд 9 - 12

Заголовки. Слайд 13

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

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

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

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

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

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

г) Работа с программой HTMLReader. Слайд 15-17

Эта программа относится к HTML-редакторам. Принципы работы с программой показаны на слайдах.

4. Практическое закрепление нового материала. Слайд 18

1. Запустите программу HTMLReader: Пуск – Все программы - HTMLReader.

2. Создайте файл и сохраните его под именем index.html.

3. В файле оформите текст «Первая web – страница будет посвящена исследованиям» в виде заголовка первого уровня.

4. Придумайте заголовки для оставшихся пяти уровней и оформите их.

5. Используя документ «Цвет» с палитрой цветов выберете цвет для своей страницы (документ находится на рабочем столе).

5. Инструктаж домашнего задания.

Придумать оформление главной станицы на любую из тем: Мое любимое занятие (урок), Моя семья, Моя школа. Подобрать материал для страницы.

6. Подведение итогов урока.

Подведение итогов: достигнута ли цель урока; выставление оценок.

Похожие:

	Рассмотрим достаточно актуальные вопросы подготовки и размещения собственных страниц в Интернете. Выделим два подхода Традиционный, предполагающий самостоятельное создание и оформление web-страниц, получение доменного имени, выбор хостинг-провайдера...		Лабораторная работа №3 Объектно-ориентированная реализация Web-страниц в asp. Net Ознакомление с иерархией и функциональностью классов, формирующих типы Web-страницы и элементов управления html и Web, получение...
	Задания по конструированию таблиц в html Язык разметки гипертекста html предназначен для конструирования web страниц при обучении информатики может использоваться как прекрасное...		Базовые конструкции языка html. Html Т. е. Web-страницы это документы в формате html, содержащие текст и специальные тэги (дескрипторы) html. По большому счету тэги html...
	Html-документ – текстовый файл (расширение htm /. html/), содержащий тэги Основа любой web-страницы – это html-документ – текстовый файл (расширение htm /. html/), содержащий тэги команды языка html, при...		Создание простейшей Web страницы Она преподается в течение пятого и шестого семестров. В данной методичке изложены правила создания гипертекстовых документов на языке...
	Дистанционный курс «html язык манипулирования гипертекстами». Количество часов: 64 часа. Курс предназначен для студентов отделений «информатика» Тема Язык html и его реализация. Что такое html? Программы просмотра html-страниц. (4 часа)		Лабораторная работа 9-02 Использование форм в Web страницах ( создание клиентского сценария на JavaScript) Целью работы является овладение навыками работы с формами при создании интерактивных Web-страниц с использованием языка сценариев...
	Web программирование (html) Создать html страницу task html максимально похожую на документ, отображенный на картинке example gif. Текст содержимого страницы...		Вёрстка макетов сайтов html, css львов Игорь Эдуардович (2-й Курс, ииит) Говоря простым языком, с помощью html верстки из графического макета формируются страницы сайта, которые способны распознаваться...

Разместите кнопку на своём сайте:
ru.convdocs.org