1062145
столько раз учителя, ученики и родители
посетили сайт «Инфоурок»
за прошедшие 24 часа
+Добавить материал
и получить бесплатное
свидетельство о публикации
в СМИ №ФС77-60625 от 20.01.2015
Дистанционные курсы профессиональной переподготовки и повышения квалификации для педагогов

Дистанционные курсы для педагогов - курсы профессиональной переподготовки от 1.410 руб.;
- курсы повышения квалификации от 430 руб.
Московские документы для аттестации

ВЫБРАТЬ КУРС СО СКИДКОЙ ДО 90%

ВНИМАНИЕ: Скидка действует ТОЛЬКО до конца апреля!

(Лицензия на осуществление образовательной деятельности №038767 выдана ООО "Столичный учебный центр", г.Москва)

ИнфоурокИнформатикаКонспектыКонспект по информатике на тему "Создание веб сайта"

Конспект по информатике на тему "Создание веб сайта"

библиотека
материалов
Скачать материал целиком можно бесплатно по ссылке внизу страницы.

Тема урока: Создание веб-сайтов


Цели:

Обучающие

- раскрыть назначение веб-сайтов и смысл их использования

- обобщить и систематизировать знания о структуре веб-страницы, веб-сайта, языка разметки гипертекста HTML

- вспомнить с учащимися основные теги и атрибуты для создания гиперссылок


Развивающие

- применение методов построения структуры страницы на основе изученных тегов

- развитие умения, используя язык разметки гипертекста, создать веб-страницу

- актуализация сведений из полученного ранее опыта

- развитие процессов мышления и познавательных интересов

- развитие грамотной речи


Воспитательные

- формирование навыков самоорганизации

- способствовать воспитанию информационной культуры учащихся

- формирование настойчивости в достижении поставленной цели, умения работать

- воспитывать аккуратность, внимательность, дисциплинированность



Тип урока - урок повторения и обобщения изученного ранее материала

( комбинированный урок)


Формы работы с учащимися

- индивидуальная работа

- групповая работа

- практическая работа за компьютером



Необходимое техническое оборудование

- компьютерный класс

- мультимедийное оборудование


Планируемые образовательные результаты урока


  1. Предметные


- закреплять навыки построения структуры html – файла, знания работы в среде языка html

- сформировать навыки работы с разными видами тегов


  1. Мета предметные

- понимать учебную задачу

- составлять план действий и осуществлять решение учебной задачи

- слушать вопросы учителя и отвечать на них


  1. Личностные


- проявлять интерес к изученному материалу

- развивать следующие качества: прогнозирование, творчество, логическое мышление.


Ход урока


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

- настраивание на работу


Ребята, я рада приветствовать вас и наших гостей на уроке информатики. Я желаю вам хорошего настроения, удачи и думаю, что наш урок пройдет с большой пользой для вас.

1 слайд

hello_html_m420f17bf.png

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


  1. Актуализация знаний

- организация диалога с учащимися ( ответы на вопросы учителя)


Начинаем наш урок.

Сегодня трудно найти человека, который бы не был знаком с таким понятием, как Интернет и сайт.

2 слайд

hello_html_m39ef28a.png

Что же такое Интернет?

hello_html_m7e2ae2d8.png- обмен сообщениями

- средство для общения

- размещение рекламы

- ведение бизнеса и торговли

И др.

3 слайд

hello_html_3dfb9357.png

А что же такое сайт?

Сайт – это лицо компании. Он формирует имидж организации в сознании потребителя.

Хороший сайт является лучшей визитной карточкой любой организации.

4 слайд

Как вы думаете, какие задачи подразумевает создание сайта?

hello_html_aea52f4.png

- Поддержка и продвижение имиджа компании в Интернете;

- Предоставление подробной информации об услугах фирмы;

- Привлечение новых клиентов и партнеров за счет присутствия в сети;


3. Объявление темы и цели урока


5 слайд

Мы наконец –то подошли к теме нашего урока

Сформулируйте мне ее.

Итак, тема урока «Технология создания сайта»

hello_html_5a4977e.png


Мы с вами сегодня , опираясь на изученный материал, будем создавать сайт.


  1. Повторение изученного материала


- работа с заданиями на интерактивной доске


6 слайд

Перед вами интеллект карта

hello_html_3254bdf7.png



На ней показаны :

А) ресурсы сети Интернет, о них мы уже с вами поговорили

Рассматриваем карту дальше

А дальше мы видим виды сайтов наиболее популярные)

- визитка

- сайт-реклама

- промо-сайт

- блог

- Интернет-магазин

И другие


Б) Этапы создания сайта

- подготовительный

- дизайн

- наполнение

- тестирование


В) Инструменты для создания сайта

- html

- yava Script

- flash

И т.д.


Для создания вашего сайта, вы уже подобрали нужный вам материал (т.е. подготовительный этап у вас прошел)

А использовать будем язык html.



Обычно разработка сайта поручается опытным дизайнерам и высоко профессиональным программистам. Поэтому вам надо пройти тест на профессиональную пригодность.


Проверка знаний учащихся (проводится на интерактивной доске)

  1. Информатизация во Всемирной паутине реализуется с помощью

- веб-сайтов

- тегов

- языка HTML


  1. Пара тегов, заключенная в угловые скобки

- браузер

- гиперссылка

- контейнер


  1. Веб-сайты создаются с помощью языка

- HTML

- VISUAL BASIC

- TURBO PASCAL


  1. Программа для просмотра Веб-страниц

- Веб-браузер

- браузер

- TURBO PASCAL


  1. Веб-страницы объединяются между собой с помощью

- сервера

- гиперссылок

- браузера


  1. Напишите значение каждого тэга по смысловой функции

hello_html_m13433c5e.png


  1. Выделите указанным цветом основные структурные блоки html- документа



Мой первый шаг

Здравствуйте, это моя первая страничка

Добро пожаловать на мою страничку


  1. Дан код страницы на языке html

А) найдите в этом коде ошибки

Б) расставьте строки в нужном порядке


hello_html_m6cec01e2.png


  1. Поставить соответствие между строками в таблице



для создания абзаца


для вставки рисунка


для создания списка гиперссылки


для создания нумерованного списка


абзац с выравниванием


цвет фона


Абзац


Размер заголовка



Спасибо, ребята, я вижу, что тест на профессиональную пригодность вы прошли. Можно начинать создавать свой проект.

Во время работы я хочу увидеть:

- взаимопомощь – ведь представленный проект – это продукт работы всей группы, и у каждого своя роль в его разработке.

- индивидуальную ответственность (каждый из вас выполняет свою роль, которая очень существенна для успеха работы всей группы)


При защите проекта вы должны будете

- назвать, какова цель вашего сайта

- какие возможности предоставляет ваш сайт

- кто будет основной аудиторией вашего сайта

- что может привлечь их повторно посетить ваш сайт.


  1. Практическая работа ( работа осуществляется в группах)

  2. Защита проектов

  3. Рефлексия


Вы попытались создать свой сайт. Пока еще он очень прост, но тем не менее вы понимаете, как с нуля создать аналогичный проект.


Как вы думаете, добились ли мы поставленной цели?


И в завершении урока хотелось бы сказать, что эти результаты были получены благодаря вашим знаниям, умениям и навыкам.

Скоро вы закончите школу. Пройдет немного времени и может быть кто-то из вас действительно будет сотрудником какого-то предприятия. А сегодня вы только попробовали себя в этой роли.

Спасибо всем за урок.














Общая информация

Номер материала: ДБ-067957

Вам будут интересны эти курсы:

Курс повышения квалификации «Методика преподавания информатики в начальных классах»
Курс повышения квалификации «Современные информационные технологии и их использование в работе преподавателей. Системы автоматизированного проектирования одежды и организация технологического процесса»
Курс повышения квалификации «Основы создания интерактивного урока: от презентации до видеоурока»
Курс повышения квалификации «Внедрение системы компьютерной математики в процесс обучения математике в старших классах в рамках реализации ФГОС»
Курс повышения квалификации «Организация работы по формированию медиаграмотности и повышению уровня информационных компетенций всех участников образовательного процесса»
Курс профессиональной переподготовки «Информатика: теория и методика преподавания в образовательной организации»
Курс «Оператор персонального компьютера»
Курс «WEB-ВЕРСТКА (HTML, CSS)»
Курс повышения квалификации «Развитие информационно-коммуникационных компетенций учителя в процессе внедрения ФГОС: работа в Московской электронной школе»
Курс профессиональной переподготовки «Информационные технологии в профессиональной деятельности: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Использование компьютерных технологий в процессе обучения в условиях реализации ФГОС»
Курс повышения квалификации «Введение в программирование на языке С (СИ)»
Курс профессиональной переподготовки «Теория и методика обучения информатике в начальной школе»
Курс повышения квалификации «Современные тенденции цифровизации образования»
Курс повышения квалификации «Современные языки программирования интегрированной оболочки Microsoft Visual Studio C# NET., C++. NET, VB.NET. с использованием структурного и объектно-ориентированного методов разработки корпоративных систем»

Благодарность за вклад в развитие крупнейшей онлайн-библиотеки методических разработок для учителей

Опубликуйте минимум 3 материала, чтобы БЕСПЛАТНО получить и скачать данную благодарность

Сертификат о создании сайта

Добавьте минимум пять материалов, чтобы получить сертификат о создании сайта

Грамота за использование ИКТ в работе педагога

Опубликуйте минимум 10 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Свидетельство о представлении обобщённого педагогического опыта на Всероссийском уровне

Опубликуйте минимум 15 материалов, чтобы БЕСПЛАТНО получить и скачать данное cвидетельство

Грамота за высокий профессионализм, проявленный в процессе создания и развития собственного учительского сайта в рамках проекта "Инфоурок"

Опубликуйте минимум 20 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Грамота за активное участие в работе над повышением качества образования совместно с проектом "Инфоурок"

Опубликуйте минимум 25 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Почётная грамота за научно-просветительскую и образовательную деятельность в рамках проекта "Инфоурок"

Опубликуйте минимум 40 материалов, чтобы БЕСПЛАТНО получить и скачать данную почётную грамоту

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