Создание и оформление страниц HTML

Кутумбекова Сауле Ислямгалиевна
преподаватель специальных дисциплин
Костанайский экономический колледж Казпотребсоюза

Сабақтың түрі /Вид занятия: практическое занятие

Сабақтың мақсаты / Цели:

Білім беру/Образовательные: систематизация знаний, умений и навыков создания и оформления Web-страниц.

Дамыту/Развивающие: развитие логического мышления, внимания.

Тәрбиелеу /Воспитательные: воспитание чувства исполнительности, аккуратности и добросовестности.

 

Квалификационные требования:

должен знать:технологию создания и оформления Web-страниц.

должен уметь:создавать Web-страницы, оформлять текст различным шрифтом, по левому краю, по правому краю и по центру.

Сабақтың жабдықтары /Оборудование урока:

Жұмыс орны / Рабочие места: персональный компьютер

Көрнекілік құралдар/Наглядные пособия: блокнот.

Үлестірімді құралдар/Раздаточный материал: дидактический раздаточный материал

Әдебиет /Литература: Кирнос В.Н. «Основы работы с компьютерной сетью»

Сабақтың барырсы/Содержание урока

Уақыт

Время

Оқытушының іс-әрекеті

Деятельность преподавателя

Оқушының іс-әрекеті

Деятельность учащегося

2 мин

1. Организационная часть:

Приветствует учащихся, фиксирует отсутствующих. Проверяет готовность группы.

 

Приветствуют преподавателя, подают рапортичку.

2 мин

2. Мотивация учебной деятельности учащихся:

Сообщает тему и цель урока.

 

Слушают, настраиваются на урок.

10 мин

3. Актуализация учебной деятельности учащихся:

1. Проводит фронтальный опрос по теме «Назначение, характеристика, структура и состав языка HTML».

 

Работают с конспектами, отвечают на вопросы

5 мин

4. Инструктаж по выполнению практической работы:

Pпроводит инструктаж по соблюдению ТБ;

Pпроводит инструктаж по выполнению практической работы;

Pвыдает практические задания.

 

 

Внимательно слушают, вспоминают правила соблюдения ТБ.

50 мин

5. Выполнение практического задания:

Pорганизует работу учащихся по выполнению практических заданий;

Pоказывает необходимую помощь учащимся;

Pнаблюдает за соблюдением учащимися ТБ;

Pпсихолого-педагогическая разминка.

 

Выполняют практические задания, проявляют самостоятельность, соблюдают правила ТБ, выполняют упражнения для снятия напряжения.

 

6 мин

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

Pанализирует результаты работ, выполненных учащимися;

Pкомментирует оценки за урок и выставляет их в журнал.

 

 

Слушают, подводят итоги.

2 мин

7. Домашнее задание:

Поясняет домашнее задание

1.Кирнос В.Н. «Основы работы с компьютерной сетью». стр.43-48.

 

 

Слушают, записывают домашнее задание

3 мин

8. Рефлексия:

1) Предоставление слова учащимся.

2) Заключительное слово преподавателя.

 

 

Высказываются,

слушают

 

Ход урока

Организационная часть.

Добрый день. Эффект занятия будет зависеть от нашего взаимопонимания и слаженной работы.

Мотивация учебной деятельности учащихся.

Тема: Создание и оформление странц HTML.

Цель: систематизация знаний, умений и навыков создания и оформления Web-страниц.

Актуализация учебной деятельности учащихся.

Итак, на теоретическом занятии Вы познакомились с языком HTML. Ответьте на следующие вопросы:

Что такое гипертекстовая ссылка (гиперссылка)?

Перечислите приложения для разработки Web-страниц?

Охарактеризуйте протокол передачи гипертекста HTTP.

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

Что такое веб-дизайн?

Что такое тэг?

Что означают тэги <TITLE>, </TITLE>?

Что означают тэги <HTML>, </HTML>?

Как оформить начертание текста (наклонный, жирный) в Web-странице?

Как вставить в Web-страницу графическое изображение?

Инструктаж по выполнению практической работы.

Прежде чем приступить к работе, вспомните правила техники безопасности при работе за компьютером:

Какие правила техники безопасности необходимо соблюдать перед началом работы за компьютером?

Назовите правила техники безопасности, которые вы соблюдаете во время работы за компьютером.

Перечислите правила техники безопасности по окончании работы за компьютером.

Выполнение практического задания.

Следующий этап нашей работы заключается в выполнении заданий по составлению Web-страниц. На выполнение задания практической работы отводится 50 минут.

Задание 1. Создайте Web-страницу по образцу.

Пример.

<html>

<head>

<title>Пример</title>

</head>

<body>

<H1>Шрифтовое выделение фрагментов текста</H1>

<P>теперь мы знаем, что фрагменты текста можно выделять

<B>жирным</B> или <I>наклонным</I> шрифтом. Кроме того,

можно включать в текст фрагменты с фиксированной шириной символа

<TT>(имитация пишущей машинки)</TT>

</P>

<P>Кроме того, существует ряд логических стилей:

</P>

<P><EM>EM - от английского emphasis - акцент </EM>

<BR> <STRONG>STRONG - от английского strong emphasis - сильный акцент

</STRONG>

<BR> <CODE>CODE - для фрагментов исходных текстов</CODE>

<BR> <SAMP>SAMP - от английского sample - образец</SAMP>

<BR> <KBD>KBD - от английского keyboard - клавиатура</KBD>

<BR> <VAR>VAR - т английского variable - переменная</VAR>

</P>

</body>

</html>

Задание 2. Создайте Web-страницы, которые должны содержать следующую

информацию:

1 – список группы (обычный шрифт)

2 – список девочек группы (наклонный шрифт)

3 – список парней группы (жирный шрифт)

4 – список месяцев (наклонный шрифт)

5 – список дней недель (жирный шрифт)

Психолого-педагогическая разминка.

Для дальнейшей работы необходимо сосредоточиться. Для этого я предлагаю Вам выполнить несколько упражнений для снятия напряжения. Кто четко и быстро их выполнить, тот также хорошо выполнит дальнейшее задание.

Пальцы сильно сжать в кулак, затем разжать и так несколько раз;

Закрыть глаза и в течение 1 минуты легонько поглаживать веки кончиками пальцев;

Сделать несколько вращений головой по часовой стрелке и против часовой стрелки.

Задание 3. Создайте Web-страницу по образцу.

Пример.

<html>

<head>

<title>Пример</title>

</head>

<i><b>

<body>

<h1align=center>Компьютерные курсы для начинающих</i></b></h1>

<hr size=5 noshade>

<h1 align=left><b><u>Специальности:

</u></b></h1>

<h3><strike><p>Компьютерные курсы</p></strike></h3>

<ol type=I>

<li>оператор

<li>программист</li></ol>

<h3><strike><p>Бухгалтерские курсы</p></strike></h3>

<ul type=square>

<li>Бухгалтерия 1С

<li>Бухгалтерия+Бухгалтерия 1С</ul></li>

Задание 4. Создайте Web-страницу, которая должна содержать информацию о вашем учебном заведении, специальности.

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

1). Анализирует результаты работ, выполненных учащимися.

2). Комментирует оценки за урок и выставляет их в журнал.

Домашнее задание.

Кирнос В.Н. «Основы работы с компьютерной сетью». стр.43-48.

Рефлексия.

1.Предоставление слова учащимся.

2. Заключительное слово преподавателя.

Список литературы

1. Гоц Н.А. Применение информационных технологий на уроках.// Материалы конф. "Школа и компьютер". – А., 2009.

2. Камалян А.К., Кулев С.А., Назаренко К.Н. и др. Компьютерные сети и средства защиты информации: Учебное пособие/ Воронеж: ВГАУ, 2003.

3. Малышев Р.А. Локальные вычислительные сети: Учебное пособие/ РГАТА. – Рыбинск, 2005.

4. Материалы с сайта eurokid.com.ua. "ИКТ в образовательном процессе".

5. Олифер В.Г., Олифер Н.А. Компьютерные сети. Принципы, технологии, протоколы /В.Г. Олифер, Н.А. Олифер. - СПб.: Питер, 2002.

6. Роберт И.В. Современные информационные технологии в образовании: дидактические проблемы, перспективы использования. – М.: Школа-Пресс, 2004.

7. Симонович С.В.Информатика. Базовый курс/Симонович С.В. и др. — СПб.: издательство "Питер", 2000.

скачать dle 11.0фильмы бесплатно