KNOWLEDGE HYPERMARKET

Конспект урока: Основы веб-конструирования

Гіпермаркет Знань>>Інформатика 11 клас>>Інформатика>> Інформатика: Основи веб-дизайну


План-конспект уроку з курсу «Інформатика 11 клас» з теми «Основы веб-конструирования»

                                        Тема: «Основы веб-конструирования»

Урок№1.
Основные понятия HTML. Представление о структуре HTML-документа.

Цели:

• Образовательные:
- Сформировать первоначальные представления об основных понятиях HTML. Представление - структуре HTML-документа

 • Развивающие:
 - интерес к учению, стремление к расширению кругозора;

• Воспитательные:
- бережное отношение к имуществу, ВТ и учебным пособиям;
- дисциплинированность, любознательность.

                                                                    Ход урока:

- Организационный момент.
- Объяснение нового материала:

HTML (Hyper Text Markup Language) означает язык разметки гипертекста. Этот язык был разработан Тимом Бернерсом-Ли в рамках создания проекта распределенной гипертекстовой системы, которую он назвал World Wide Web (WWW) или Всемирная паутина. HTML предназначен для написания гипертекстовых документов, публикуемых в World Wide Web. Документ на языке HTML может включать следующие компоненты:

1. стилизованный и форматированный текст,
2. команды включения графических и звуковых файлов,
3. гиперсвязи с различными ресурсами Internet.
4. скрипты на языке JavaScript и VBScript.
5. различные объекты, например Flash-анимацию

Документы HTML являются обычными текстовыми файлами, содержащими специальные теги (или управляющие элементы) разметки. Теги разметки указывают браузеру Web (программе пользователя для отображения web-страниц, например, Internet Explorer, Mozilla, Netscape или Opera), как надо вывести страницу.

Файлы HTML обычно имеют расширения htm или html. Их можно создавать при помощи любого текстового редактора.

Язык HTML является подмножеством мощного языка SGML (Standard Generalized Markup Language), который широко используется в издательской деятельности. Основной выигрыш от использования этих языков состоит в переносимости текста между разными издательскими системами. Эта же особенность сохраняется и в HTML. Так, читая документ, пользователи могут устанавливать способы выделения текста, гарнитуру и размер шрифтов по своему вкусу; они могут отменить просмотр рисунков.

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

Что такое HTML, где используется этот язык, рассказывается о вебсайтах и программах для отображения html-кодов - браузерах. Наглядно показано как браузер преобразует html код, для предоставления материалов в удобном для чтения виде.

Подобно разбирается и дается под запись структура html-страницы. Каждая htmlстраница начинается тегом начала htmlстраницы <html>и заканчивается тегом  её закрытия </html>. 

HTMLстраница состоит из двух частей:

Невидимой части (<head>…</head>) – в ней расположены заголовок, метатеги, скрипты, подключение стилей.

Видимая часть (<body>…</body>) – в которой расположены непосредственно элементы веб страницы: абзацы, таблицы, рисунки и т.д.

Таким образом получаем структуру HTML документа:
<html>

<head>
Невидимfая части– в ней расположены заголовок, скрипты, метатеги, подключение стилей.
</head>

<body>Видимая часть (<body>…</body>) – в которой расположены непосредственно элементы веб страницы: абзацы, таблицы, рисунки и т.д.
</body>

</html>

- Закрепление изученного материала:

Переписать структуру веб-страницы в тетрадь.
Попробовать набрать её в блокноте и посмотреть результат в каком либо браузере.

Задание на дом:

Изучить материал в тетради наизусть.


Надіслав вчитель інформатики Тарасов Дмитро.

Источник — «http://edufuture.biz/index.php?title=%D0%9A%D0%BE%D0%BD%D1%81%D0%BF%D0%B5%D0%BA%D1%82_%D1%83%D1%80%D0%BE%D0%BA%D0%B0:_%D0%9E%D1%81%D0%BD%D0%BE%D0%B2%D1%8B_%D0%B2%D0%B5%D0%B1-%D0%BA%D0%BE%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F»
Основи веб-дизайну > Основи веб-дизайну. Конспект уроку і опорний каркас

Авторські права | Privacy Policy |FAQ | Партнери | Контакти | Кейс-уроки

©  Автор системы образования 7W и Гипермаркета Знаний - Владимир Спиваковский

При использовании материалов ресурса
ссылка на edufuture.biz обязательна (для интернет ресурсов - гиперссылка).
edufuture.biz 2008-© Все права защищены.
Сайт edufuture.biz является порталом, в котором не предусмотрены темы политики, наркомании, алкоголизма, курения и других "взрослых" тем.

Разработка - Гипермаркет знаний 2008-

Ждем Ваши замечания и предложения на email:
По вопросам рекламы и спонсорства пишите на email: