Выдаём удостоверения и дипломы установленного образца

Получите 5% кэшбэк!

Запишитесь на один из 793 курсов и получите 5% кэшбэк стоимости курса на карту

Выбрать курс
Инфоурок Информатика КонспектыУрок на тему "Разработка проекта Web-сайта"

Урок на тему "Разработка проекта Web-сайта"

Скачать материал
библиотека
материалов

Урок на тему "Разработка проекта Web-сайта"

Цель:

  • сформировать у учащихся творческий подход, способность к самостоятельному решению проблем;

  • закрепить навыки создания Web-страниц;

  • научить качественно оценивать веб-ресурсы общего назначения;

  • выполнить проектную работу по созданию сайта

Ход урока

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

II. Сообщение темы и целей урока (2 мин.)

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

III. Повторение ранее изученного материала по данной теме (5 мин.)

Тест на компьютерах.

IV. Подготовка к проектной работе (20 мин.)

Учащиеся в классе делятся на три группы, выбирают тему проектного задания;

Роли:

руководитель группы ;

ответственный за рекламу;

web-дизайнер;

web-мастер.

Задачи:

определить функции сайта;

спроектировать карту сайта;

разработать внешний вид страниц;

создать Web-сайт, используя выбранные инструментальные средства;

разместить сайт в Интернет.

Этапы работы:

1. цель создания сайта.

2. предполагаемый контингент посетителей сайта.

3. содержание сайта.

4. возможные формы представления информации на сайте.

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

Задание

1.Создать титульную страницу web-сайта компании по схеме , используя различное оформление текста, фона, изображения и др. элементы.

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

3.Создать третью страницу, на которой разместить информацию о проекте.

Связать три страницы гиперссылками.

4.При создании web – страниц необходимо использовать такие параметры форматирования: цвет фона, цвет символов, разный размер шрифта, разные способы выравнивания и т.д.

5.Показать результаты работы учителю.



Структура первой страницы:

Логотип

Название компании

Описание деятельности

Гиперссылка

Таблица для второй страницы:


Рекомендации для групп:

Дизайнеру:

1. Определить цветовую гамму сайта (выбрать 3 основных цвета, которые будут использоваться при создании дизайна сайта).

2. Выбрать 2 основных типа шрифта.

3. Разработать логотип (изображение названия).

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

5. Сделать эскиз главной страницы (заставки) сайта, используя эффекты анимации.

Web-мастеру:

1. На листе бумаги спроектировать вид WEB - страницы.

2. В выбранном редакторе, в окне редактирования документа отобразить все спроектированные элементы.

3. Открыть просмотр HTML - кода и определить, какие теги используются на вашей странице.

Ответственному за рекламу:

1. Продумать, где целесообразно зарегистрировать сайт.

2. Какие ссылки на другие ресурсы Интернета целесообразно разместить на сайте.

3. Как организовать баннерную рекламу (баннерный обмен) на сайте.

4. Разработать макет баннера сайта в графическом редакторе.

VI. Представление полученных результатов (10 мин.)

Руководитель каждой группы представляет проект.

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

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

VII. Итог урока. (5 мин.)

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

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

  • Что нового для себя узнали вы на уроке?

  • Где могут пригодиться эти знания?

VIII. Оценка работы учащихся на уроке (2мин.)


  • Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
    Пожаловаться на материал
Курс повышения квалификации
Курс профессиональной переподготовки
Учитель математики и информатики
Курс профессиональной переподготовки
Учитель информатики
Скачать материал
Найдите материал к любому уроку,
указав свой предмет (категорию), класс, учебник и тему:
также Вы можете выбрать тип материала:
Общая информация
Учебник: «Информатика (базовый уровень)», Семакин И.Г., Хеннер Е.К., Шеина Т.Ю.
Тема: § 13. Инструменты для разработки web-сайтов

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

Скачать материал

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

Курс повышения квалификации «Табличный процессор MS Excel в профессиональной деятельности учителя математики»
Курс повышения квалификации «Информационные технологии в деятельности учителя физики»
Курс повышения квалификации «Облачные технологии в образовании»
Курс повышения квалификации «Развитие информационно-коммуникационных компетенций учителя в процессе внедрения ФГОС: работа в Московской электронной школе»
Курс профессиональной переподготовки «Информационные технологии в профессиональной деятельности: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Использование компьютерных технологий в процессе обучения в условиях реализации ФГОС»
Курс профессиональной переподготовки «Управление в сфере информационных технологий в образовательной организации»
Курс профессиональной переподготовки «Теория и методика обучения информатике в начальной школе»
Курс профессиональной переподготовки «Математика и информатика: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Специфика преподавания дисциплины «Информационные технологии» в условиях реализации ФГОС СПО по ТОП-50»
Курс повышения квалификации «Современные языки программирования интегрированной оболочки Microsoft Visual Studio C# NET., C++. NET, VB.NET. с использованием структурного и объектно-ориентированного методов разработки корпоративных систем»

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.