Урок_Создание Web-сайта
план-конспект урока по информатике и икт (8, 9, 10, 11 класс) по теме
Раздел программы: Технология создания Web-сайтов. Основы языка разметки гипертекста HTML.
Тип урока: урок закрепления и развития умений и навыков.
Вид урока: практикум.
Технология: проектное обучение с применением современных информационно-коммуникационных технологий.
Скачать:
Вложение | Размер |
---|---|
prezentatsiya_sozdanie_web-saytov.ppsx | 2.84 МБ |
urok_sozdanie_web-saytov.pdf | 350.15 КБ |
prilozhenie_1_2.pdf | 184.85 КБ |
prilozhenie_3.pdf | 222.42 КБ |
Предварительный просмотр:
Подписи к слайдам:
Кто разрабатывает сайты? Сложно ли создавать сайты?
Ответьте на вопросы
Web-редактор - это программа для ... Укажите правильный вариант ответа: Просмотра Web-страниц Создания Web-страниц Создания гиперссылок на Web-странице Вопрос 1.
Публикации во Всемирной паутине реализуются с помощью... Укажите правильный вариант ответа: Языка HTML Web-сайтов Тэгов Вопрос 2.
Web-страница имеет расширение: Укажите правильный вариант ответа: xls txt html Вопрос 3.
Web-страницы сайта объединяются между собой с помощью... Укажите правильный вариант ответа: Гиперссылок Браузера Сервера Вопрос 4.
Язык HTML - это ... Укажите правильный вариант ответа: Школьный алгоритмический язык Язык разметки гипертекста Язык программирования Вопрос 5.
Web-сайт можно создать с помощью языка... Укажите правильный вариант ответа: Q b asic Turbo Pascal HTML Вопрос 6.
Для создания Web-страниц используются Web-редакторы: Укажите правильный вариант ответа: DreamWeaver Word Paint Вопрос 7.
Браузер - это программа для ... Укажите правильный вариант ответа: Просмотра Web-страниц Создания гиперссылок на Web-странице Создания Web-страниц Вопрос 8.
Что такое гиперссылка? Укажите правильный вариант ответа: Текст, выделенный полужирным шрифтом Указатель на другую Web-страницу Выделенный фрагмент текста Вопрос 9.
Для просмотра Web-страниц в Интернете используют программу: Укажите правильный вариант ответа: MS Word Блокнот Google Chrome Вопрос 10.
Установите соответствие
Установите соответствие тэга на совершаемое им действие Тэг Действие Содержит основное содержание Web- страницы Начало и конец Web- страницы Создание гиперссылки Горизонтальный разделитель Создание маркированного списка Создание абзаца Содержит название Web- страницы Вставка рисунка
Установите соответствие тэга на совершаемое им действие Тэг Действие Цвет шрифта Полужирный шрифт Размер шрифта Размер заголовка Курсивный шрифт Абзац с выравниванием Вставка формы Цвет фона
Деловая игра "Анализ наиболее успешных сайтов" Задание. Ваши друзья Web-дизайнеры попросили оценить их творчество – созданные ими Web-сайты. Чтобы разработать критерии оценки и помочь вам качественно оценить сайты, они нашли в Интернете статью Якоба Нильсена - успешного программиста и инженера, работающего в сфере Web-дизайна, кратко сформулировали критерии оценки Web-сайтов и выписали их в таблицу. Свободная энциклопедия "Википедия", статья про Якоба Нильсена
Официальный портал мэра и правительства г. Москвы Официальный сайт ГБОУ Школа №14 9 4 г. Москвы Официальный сайт МБОУ Лицей №60 г. Уфы Сайт свободной энциклопедии «Википедия» Сайт «Памятники Воинской славы в городе Уфе Деловая игра "Анализ наиболее успешных сайтов"
Практическая работа
Проект сайта "Визитная карточка" Главная страница «Визитная карточка» Страница «Моё представление о себе» Страница «Моя биография и семья» Страница «Мои интересы и увлечения» Страница «Мои друзья» Страница «Мой фотоальбом» Страница «Гостевая книга»
Создать Web -страницу «Моё представление о себе» - predstavlenie . html . На ней могут присутствовать: - Заголовок «Моё представление о себе»; - Личные фотографии, рисунки; - Текст, начинающийся с абзацев: 1 абзац: Я являюсь... 2 абзац: Я обладаю такими качествами, как... 3 абзац: Моё жизненное кредо, по которому я живу... - Фон Web -страницы; - Гиперссылка «Назад» на главную страницу Web -сайта. Создание страницы "Моё представление о себе"
Создание страницы "Моя биография и семья" 2) Создать Web -страницу «Моя биография и семья» - biografia . html . На ней могут присутствовать: - Заголовок «Моя биография и семья»; - Семейные фотографии, рисунки; - Текст, начинающийся с абзацев: 1 абзац: Я родилась... 2 абзац: Я учусь... 3 абзац: В моей семье... 3 абзац: Моя семья очень... - Фон Web -страницы; - Гиперссылка «Назад» на главную страницу Web -сайта.
Создание страницы "Мои интересы и увлечения" 3) Создать Web -страницу «Мои интересы и увлечения» - interesi . html . На ней могут присутствовать: - Заголовок «Мои интересы и увлечения»; - Различные фотографии, рисунки; - Текст, начинающийся с абзацев: 1 абзац: Я интересуюсь... 2 абзац: Моё любимое хобби... - Фон Web -страницы; - Гиперссылка «Назад» на главную страницу Web -сайта.
Создание страницы "Мои друзья" 4) Создать Web -страницу «Мои друзья» - druzja . html . На ней могут присутствовать: - Заголовок «Мои друзья»; - Фотографии друзей, рисунки; - Текст, начинающийся с абзацев: 1 абзац: У меня очень много друзей... 2 абзац: Они мне дороги тем, что... 3 абзац: Я и мои друзья часто... - Фон Web -страницы; - Гиперссылка «Назад» на главную страницу Web -сайта.
Создание страницы "Мой фотоальбом" 5) Создать Web -страницу «Мой фотоальбом» - foto . html . На ней могут присутствовать: - Заголовок «Мой фотоальбом»; Создана таблица из нескольких столбцов и строк; Различные фотографии, рисунки, расположенные внутри ячеек таблицы; - Фон Web -страницы; - Гиперссылка «Назад» на главную страницу Web -сайта.
Создание страницы "Гостевая книга" 6) Создать Web -страницу «Гостевая книга» - gosti . html . На ней могут присутствовать: - Заголовок «Гостевая книга»; - Личные фотографии, рисунки; Формы: текстовое поле и текстовая область, предназначенные для ввода пожеланий и комментариев посетителями сайта в результате его просмотра; - Фон Web -страницы; - Гиперссылка «Назад» на главную страницу Web -сайта.
Урок понравился, у меня все получилось Урок понравился, но у меня не все получилось Урок не понравился, у меня не все получилось
Сайт подобен посаженному нами саженцу… Подобно дереву, при хорошем уходе, он даёт новые побеги – темы, растёт и развивается… И без постоянного его обновления, сайт может превратиться в одно из засохших деревьев Интернета – видимость есть, а жизни в нём нет…
Предварительный просмотр:
Предварительный просмотр:
Предварительный просмотр:
По теме: методические разработки, презентации и конспекты
Разработка урока "Создание Web-страницы"
Данный урок проводился в 11 классе. Тема создание web-страницы на тему "Кем быть?". Учащиеся создавали проекты, в которых отражали информацию о выборе профессии....
Урок. Создание Web-сайта с помощью Microsoft Word
Цель урока:1. Формирование умений и навыков, носящих в современных условиях общенаучный и интеллектуальный характер.2. освоение приемов создания Web-страниц и Web-сайтов с помощью текстово...
Урок истории на тему: "СССР в 1945-1953 гг" На уроке учащиеся использовали электронные образовательные ресурсы при актуализации знаний и при работе над новой темой.Урок создан в соответствии в требованиями ФГОС второго поколения.
Урок по предмету история для старшей школы по теме "СССР в 1945 - 1953 гг" с использованием электронных образовательных ресурсов в соответствии с требованиями ФГОС. Предусмотрена самостоятельная работ...
Материалы к уроку "Создание сайта. Знакомство с языком HTML"
Представлены материалы к уроку в 9 классе: презентация для знакомства с языком разметки гипертекста, памятка с основными тегами и инструкция для практической работы, а также необходимые графические из...
Самоанализ урока. 6 кл тема урока "Создание единого русского государства и конец ордынского владычества"
Самоанализ урока в 6 классе "Создание единого русского государства и конец ордынского владычества"...
Карта - отзыв об уроке: «Создание условий для сохранения и укрепления здоровья обучающихся на уроках».
Карта-отзыв при посещении урока в рамках темаьического контроля: " Создание условий для сохранения и укрепления здоровья обучающимися"...
Тема урока: Создание видеоролика, посвященного дню 75-летия Победы в ВОВ, с помощью программы Windows Movie Maker. Практическая работа «Создание видеофильма»
Работу подготовила учитель информатики МБОУ «Калачёвская СОШ» Бушуева Анастасия Александровна Тип урока: комбинированныйЦели:Предметные:закрепить знания учащихся о компьютерных презен...