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



Скачать 39.83 Kb.
Дата09.07.2014
Размер39.83 Kb.
ТипУрок
Учитель информатики: Тосикова Наталья Геннадьевна

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

Цели урока:

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

  2. Развивающая: умение сравнивать и обобщать;

  3. Воспитательная: воспитание информационной культуры, положительное отношение к знаниям.

Литература:

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

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

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

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

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

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

Ход урока.

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

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

  • Давайте вспомним, какие услуги предоставляет Internet?

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

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

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

  2. Инструментарий для создания Web – страниц.

  3. Структура Web – страницы.

  4. Работа с программой HTMLReader.

  5. Практическое задание.


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


База данных защищена авторским правом ©ru.convdocs.org 2016
обратиться к администрации
ru.convdocs.org