Урок_Создание Web-сайта
план-конспект урока по информатике и икт (8, 9, 10, 11 класс) по теме

Абдрахманова Лариса Фаризовна

Раздел программы: Технология создания Web-сайтов. Основы языка разметки гипертекста HTML. 

Тип урока: урок закрепления и развития умений и навыков. 

Вид урока: практикум.

Технология: проектное обучение с применением современных информационно-коммуникационных технологий.

 

Скачать:

ВложениеРазмер
Файл prezentatsiya_sozdanie_web-saytov.ppsx2.84 МБ
PDF icon urok_sozdanie_web-saytov.pdf350.15 КБ
PDF icon prilozhenie_1_2.pdf184.85 КБ
PDF icon prilozhenie_3.pdf222.42 КБ

Предварительный просмотр:


Подписи к слайдам:

Слайд 2

Кто разрабатывает сайты? Сложно ли создавать сайты?

Слайд 4

Ответьте на вопросы

Слайд 5

Web-редактор - это программа для ... Укажите правильный вариант ответа: Просмотра Web-страниц Создания Web-страниц Создания гиперссылок на Web-странице Вопрос 1.

Слайд 6

Публикации во Всемирной паутине реализуются с помощью... Укажите правильный вариант ответа: Языка HTML Web-сайтов Тэгов Вопрос 2.

Слайд 7

Web-страница имеет расширение: Укажите правильный вариант ответа: xls txt html Вопрос 3.

Слайд 8

Web-страницы сайта объединяются между собой с помощью... Укажите правильный вариант ответа: Гиперссылок Браузера Сервера Вопрос 4.

Слайд 9

Язык HTML - это ... Укажите правильный вариант ответа: Школьный алгоритмический язык Язык разметки гипертекста Язык программирования Вопрос 5.

Слайд 10

Web-сайт можно создать с помощью языка... Укажите правильный вариант ответа: Q b asic Turbo Pascal HTML Вопрос 6.

Слайд 11

Для создания Web-страниц используются Web-редакторы: Укажите правильный вариант ответа: DreamWeaver Word Paint Вопрос 7.

Слайд 12

Браузер - это программа для ... Укажите правильный вариант ответа: Просмотра Web-страниц Создания гиперссылок на Web-странице Создания Web-страниц Вопрос 8.

Слайд 13

Что такое гиперссылка? Укажите правильный вариант ответа: Текст, выделенный полужирным шрифтом Указатель на другую Web-страницу Выделенный фрагмент текста Вопрос 9.

Слайд 14

Для просмотра Web-страниц в Интернете используют программу: Укажите правильный вариант ответа: MS Word Блокнот Google Chrome Вопрос 10.

Слайд 15

Установите соответствие

Слайд 16

Установите соответствие тэга на совершаемое им действие Тэг Действие Содержит основное содержание Web- страницы Начало и конец Web- страницы Создание гиперссылки Горизонтальный разделитель Создание маркированного списка Создание абзаца Содержит название Web- страницы Вставка рисунка

Слайд 17

Установите соответствие тэга на совершаемое им действие Тэг Действие Цвет шрифта Полужирный шрифт Размер шрифта Размер заголовка Курсивный шрифт Абзац с выравниванием Вставка формы Цвет фона

Слайд 19

Деловая игра "Анализ наиболее успешных сайтов" Задание. Ваши друзья Web-дизайнеры попросили оценить их творчество – созданные ими Web-сайты. Чтобы разработать критерии оценки и помочь вам качественно оценить сайты, они нашли в Интернете статью Якоба Нильсена - успешного программиста и инженера, работающего в сфере Web-дизайна, кратко сформулировали критерии оценки Web-сайтов и выписали их в таблицу. Свободная энциклопедия "Википедия", статья про Якоба Нильсена

Слайд 22

Официальный портал мэра и правительства г. Москвы Официальный сайт ГБОУ Школа №14 9 4 г. Москвы Официальный сайт МБОУ Лицей №60 г. Уфы Сайт свободной энциклопедии «Википедия» Сайт «Памятники Воинской славы в городе Уфе Деловая игра "Анализ наиболее успешных сайтов"

Слайд 25

Практическая работа

Слайд 26

Проект сайта "Визитная карточка" Главная страница «Визитная карточка» Страница «Моё представление о себе» Страница «Моя биография и семья» Страница «Мои интересы и увлечения» Страница «Мои друзья» Страница «Мой фотоальбом» Страница «Гостевая книга»

Слайд 27

Создать Web -страницу «Моё представление о себе» - predstavlenie . html . На ней могут присутствовать: - Заголовок «Моё представление о себе»; - Личные фотографии, рисунки; - Текст, начинающийся с абзацев: 1 абзац: Я являюсь... 2 абзац: Я обладаю такими качествами, как... 3 абзац: Моё жизненное кредо, по которому я живу... - Фон Web -страницы; - Гиперссылка «Назад» на главную страницу Web -сайта. Создание страницы "Моё представление о себе"

Слайд 28

Создание страницы "Моя биография и семья" 2) Создать Web -страницу «Моя биография и семья» - biografia . html . На ней могут присутствовать: - Заголовок «Моя биография и семья»; - Семейные фотографии, рисунки; - Текст, начинающийся с абзацев: 1 абзац: Я родилась... 2 абзац: Я учусь... 3 абзац: В моей семье... 3 абзац: Моя семья очень... - Фон Web -страницы; - Гиперссылка «Назад» на главную страницу Web -сайта.

Слайд 29

Создание страницы "Мои интересы и увлечения" 3) Создать Web -страницу «Мои интересы и увлечения» - interesi . html . На ней могут присутствовать: - Заголовок «Мои интересы и увлечения»; - Различные фотографии, рисунки; - Текст, начинающийся с абзацев: 1 абзац: Я интересуюсь... 2 абзац: Моё любимое хобби... - Фон Web -страницы; - Гиперссылка «Назад» на главную страницу Web -сайта.

Слайд 30

Создание страницы "Мои друзья" 4) Создать Web -страницу «Мои друзья» - druzja . html . На ней могут присутствовать: - Заголовок «Мои друзья»; - Фотографии друзей, рисунки; - Текст, начинающийся с абзацев: 1 абзац: У меня очень много друзей... 2 абзац: Они мне дороги тем, что... 3 абзац: Я и мои друзья часто... - Фон Web -страницы; - Гиперссылка «Назад» на главную страницу Web -сайта.

Слайд 31

Создание страницы "Мой фотоальбом" 5) Создать Web -страницу «Мой фотоальбом» - foto . html . На ней могут присутствовать: - Заголовок «Мой фотоальбом»; Создана таблица из нескольких столбцов и строк; Различные фотографии, рисунки, расположенные внутри ячеек таблицы; - Фон Web -страницы; - Гиперссылка «Назад» на главную страницу Web -сайта.

Слайд 32

Создание страницы "Гостевая книга" 6) Создать Web -страницу «Гостевая книга» - gosti . html . На ней могут присутствовать: - Заголовок «Гостевая книга»; - Личные фотографии, рисунки; Формы: текстовое поле и текстовая область, предназначенные для ввода пожеланий и комментариев посетителями сайта в результате его просмотра; - Фон Web -страницы; - Гиперссылка «Назад» на главную страницу Web -сайта.

Слайд 33

Урок понравился, у меня все получилось Урок понравился, но у меня не все получилось Урок не понравился, у меня не все получилось

Слайд 34

Сайт подобен посаженному нами саженцу… Подобно дереву, при хорошем уходе, он даёт новые побеги – темы, растёт и развивается… И без постоянного его обновления, сайт может превратиться в одно из засохших деревьев Интернета – видимость есть, а жизни в нём нет…


Предварительный просмотр:

Предварительный просмотр:

Предварительный просмотр:

По теме: методические разработки, презентации и конспекты

Разработка урока "Создание Web-страницы"

Данный урок проводился в 11 классе. Тема создание web-страницы на тему "Кем быть?". Учащиеся создавали проекты, в которых отражали информацию о выборе профессии....

Урок. Создание Web-сайта с помощью Microsoft Word

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

Урок истории на тему: "СССР в 1945-1953 гг" На уроке учащиеся использовали электронные образовательные ресурсы при актуализации знаний и при работе над новой темой.Урок создан в соответствии в требованиями ФГОС второго поколения.

Урок по предмету история для старшей школы по теме "СССР в 1945 - 1953 гг" с использованием электронных образовательных ресурсов в соответствии с требованиями ФГОС. Предусмотрена самостоятельная работ...

Материалы к уроку "Создание сайта. Знакомство с языком HTML"

Представлены материалы к уроку в 9 классе: презентация для знакомства с языком разметки гипертекста, памятка с основными тегами и инструкция для практической работы, а также необходимые графические из...

Самоанализ урока. 6 кл тема урока "Создание единого русского государства и конец ордынского владычества"

Самоанализ урока в 6 классе "Создание единого русского государства и конец ордынского владычества"...

Карта - отзыв об уроке: «Создание условий для сохранения и укрепления здоровья обучающихся на уроках».

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

Тема урока: Создание видеоролика, посвященного дню 75-летия Победы в ВОВ, с помощью программы Windows Movie Maker. Практическая работа «Создание видеофильма»

Работу подготовила учитель информатики МБОУ «Калачёвская СОШ» Бушуева Анастасия Александровна Тип урока: комбинированныйЦели:Предметные:закрепить знания учащихся о компьютерных презен...