Инфоурок / Информатика / Другие методич. материалы / Методическая разработка конспекта урока информатики и ИКТ по теме: «Коммуникации в глобальной сети Интернет (Создание Web-сайта с помощью Microsoft FrontPage)»
Обращаем Ваше внимание: Министерство образования и науки рекомендует в 2017/2018 учебном году включать в программы воспитания и социализации образовательные события, приуроченные к году экологии (2017 год объявлен годом экологии и особо охраняемых природных территорий в Российской Федерации).

Учителям 1-11 классов и воспитателям дошкольных ОУ вместе с ребятами рекомендуем принять участие в международном конкурсе «Законы экологии», приуроченном к году экологии. Участники конкурса проверят свои знания правил поведения на природе, узнают интересные факты о животных и растениях, занесённых в Красную книгу России. Все ученики будут награждены красочными наградными материалами, а учителя получат бесплатные свидетельства о подготовке участников и призёров международного конкурса.

Конкурс "Законы экологии"

Методическая разработка конспекта урока информатики и ИКТ по теме: «Коммуникации в глобальной сети Интернет (Создание Web-сайта с помощью Microsoft FrontPage)»

Выберите документ из архива для просмотра:

Выбранный для просмотра документ ПРЕЗЕНТАЦИЯ К УРОКУ НА МО.pptx

библиотека
материалов
«Коммуникации в глобальной сети Интернет (создание Web-сайта с помощью Micros...
Угадай слово. Расшифровать закодированный текст и объяснить способ кодировани...
Компьютер памятью не испортишь Скажи мне, какой у тебя компьютер, и я скажу,...
Окно программы Microsoft FrontPage
Шаг 1. Создание файла Меню «Файл» > «Создать»
Пустая страница
Шаг 2. Сохранение страницы
Шаг 3. Свойства страницы Название страницы Фоновый звук
Фоновый рисунок
Просмотр в Microsoft Internet Explorer
Шаг 4. Создание меню Меню «Вставка» > «Меняющаяся кнопка»
Шаг 5. Гиперссылка
Пример сайта
Мы работали, трудились  И маленько притомились.  Нужно сделать повороты  Влев...
Практическая работа   1. Создайте на рабочем столе папку с названием вашего с...
Домашнее задание Создайте дома брошюру на тему: “Интернет: глобальное добро и...
18 1

Описание презентации по отдельным слайдам:

№ слайда 1 «Коммуникации в глобальной сети Интернет (создание Web-сайта с помощью Micros
Описание слайда:

«Коммуникации в глобальной сети Интернет (создание Web-сайта с помощью Microsoft FrontPage)» МОУ «ДОЛЖАНСКАЯ ОСНОВНАЯ ОБЩЕОБРАЗОВАТЕЛЬНАЯ ШКОЛА» ВАЛУЙСКОГО РАЙОНА БЕЛГОРОДСКОЙ ОБЛАСТИ Подготовила: Сосоенко Надежда Сергеевна, учитель информатики

№ слайда 2 Угадай слово. Расшифровать закодированный текст и объяснить способ кодировани
Описание слайда:

Угадай слово. Расшифровать закодированный текст и объяснить способ кодирования: 1. КОЛЯМАНЛЯДАЛЯ. 2. АКИТАМРОФНИ. 3. АРУТАИВАЛК. 4. КОМЛЯПЬЮЛЯТЕРЛЯ. 5. МОЛЯНИЛЯТОРЛЯ. 6. ЗИЗДЕМНЫЙ ПЛОХ 7. ДОВОКСИД КОМАНДА ИНФОРМАТИКА КЛАВИАТУРА КОМПЬЮТЕР МОНИТОР СИСТЕМНЫЙ БЛОК ДИСКОВОД

№ слайда 3 Компьютер памятью не испортишь Скажи мне, какой у тебя компьютер, и я скажу,
Описание слайда:

Компьютер памятью не испортишь Скажи мне, какой у тебя компьютер, и я скажу, кто ты. На монитор нечего пенять, коли видеокарта крива. Бит килобайт бережет. Семь бед — один "Reset". Подаренному компьютеру в системный блок не заглядывают. В Силиконовую долину со своим компьютером не ездят. Не идентификатор красит файл, а файл идентификатор. Любишь играть в компьютерные игры, люби и сам программировать. Интерес к программе приходит во время ее разработки. Будешь одновременно разрабатывать две программы — ни одна не получится удачной. За компьютером товарища хорошо, а за домашним лучше. НАЗОВИТЕ ПОСЛОВИЦЫ И ПОГОВОРКИ

№ слайда 4 Окно программы Microsoft FrontPage
Описание слайда:

Окно программы Microsoft FrontPage

№ слайда 5 Шаг 1. Создание файла Меню «Файл» > «Создать»
Описание слайда:

Шаг 1. Создание файла Меню «Файл» > «Создать»

№ слайда 6 Пустая страница
Описание слайда:

Пустая страница

№ слайда 7
Описание слайда:

№ слайда 8 Шаг 2. Сохранение страницы
Описание слайда:

Шаг 2. Сохранение страницы

№ слайда 9 Шаг 3. Свойства страницы Название страницы Фоновый звук
Описание слайда:

Шаг 3. Свойства страницы Название страницы Фоновый звук

№ слайда 10 Фоновый рисунок
Описание слайда:

Фоновый рисунок

№ слайда 11 Просмотр в Microsoft Internet Explorer
Описание слайда:

Просмотр в Microsoft Internet Explorer

№ слайда 12 Шаг 4. Создание меню Меню «Вставка» > «Меняющаяся кнопка»
Описание слайда:

Шаг 4. Создание меню Меню «Вставка» > «Меняющаяся кнопка»

№ слайда 13 Шаг 5. Гиперссылка
Описание слайда:

Шаг 5. Гиперссылка

№ слайда 14
Описание слайда:

№ слайда 15 Пример сайта
Описание слайда:

Пример сайта

№ слайда 16 Мы работали, трудились  И маленько притомились.  Нужно сделать повороты  Влев
Описание слайда:

Мы работали, трудились  И маленько притомились.  Нужно сделать повороты  Влево, вправо развороты.  Вправо смотрим и моргнем  Влево смотрим и моргнем.  Повторим еще разочек  От работы отдохнем.  Вверх посмотрим и моргнем  Вниз посмотрим и моргнем.  Повторим мы упражненье  Смотрим в тех же направленьях.  Мышку мы в руках держали,  Наши пальчики устали  Нужно пальчикам встряхнуться  Шевельнуться, разомкнуться.  Отдохнули мы, размялись  И к работе возвращаясь,  Не забудем про осанку  И дистанцию с экраном. ФИЗКУЛЬТМИНУТКА

№ слайда 17 Практическая работа   1. Создайте на рабочем столе папку с названием вашего с
Описание слайда:

Практическая работа   1. Создайте на рабочем столе папку с названием вашего сайта. 2. Запустите Microsoft FrontPage. 3. Создайте сайт по выбранной вами тематике.

№ слайда 18 Домашнее задание Создайте дома брошюру на тему: “Интернет: глобальное добро и
Описание слайда:

Домашнее задание Создайте дома брошюру на тему: “Интернет: глобальное добро или зло?”

Выбранный для просмотра документ конспект урока.docx

библиотека
материалов

Муниципальное общеобразовательное учреждение

«Должанская основная общеобразовательная школа»

Валуйского района Белгородской области







Методическая разработка конспекта урока информатики и ИКТ по теме:

«Коммуникации в глобальной сети Интернет

(Создание Web-сайта с помощью Microsoft FrontPage























Подготовила:

Сосоенко Надежда Сергеевна

учитель информатики



Цели урока:

  • иметь представление о видах сетевых коммуникаций, услугах, предоставляемых Интернетом;

  • знать основные понятия, связанные с Интернетом;

  • уметь создавать простейшие Web-страницы;

  • научиться проектировать Web-сайт на практике;

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

  • развитие познавательных интересов, навыков работы с мышью и клавиатурой, самоконтроля, умения конспектировать.

Задачи:

Образовательные:

  1. усвоение  основных понятий темы «Коммуникации глобальной сети Интернет»;

  2. изучение техники работы с объектами  программы Microsoft FrontPage.

Развивающие:

  1. развитие логического мышления учащихся;

  2. активизация познавательной деятельности учащихся, эрудиции;

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

  1. формирование ответственности, самостоятельности, аккуратности, умений работать индивидуально.

Тип урока: изучение нового материала.


Ход урока


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

Здравствуйте, ребята!

Сегодня на уроке информатики мы научимся создавать Web-сайт с помощью программы Microsoft FrontPage.

2. Разминка.

1.1. Угадай слово

Расшифровать закодированный текст и объяснить способ кодирования:

1. КОЛЯМАНЛЯДАЛЯ. (Команда)
2. АКИТАМРОФНИ. (Информатика)
3. АРУТАИВАЛК. (Клавиатура)
4. КОМЛЯПЬЮЛЯТЕРЛЯ. (Компьютер)
5. МОЛЯНИЛЯТОРЛЯ. (Монитор)
6. ЗИЗДЕМНЫЙ ПЛОХ. (Системный блок)
7. ДОВОКСИД. (Дисковод)

1.2. Назовите пословицы и поговорки

1. Компьютер памятью не испортишь. (Кашу маслом не испортишь.)

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

3. На монитор нечего пенять, коли видеокарта крива. (На зеркало нечего пенять, коли рожа крива.)

4. Бит килобайт бережет. (Копейка рубль бережет.)

5. Семь бед — один "Reset". (Семь бед — один ответ.)

6. Подаренному компьютеру в системный блок не заглядывают. (Дареному коню в зубы не смотрят.)

7. В Силиконовую долину со своим компьютером не ездят. (В Тулу со своим самоваром не ездят.)

8. Не идентификатор красит файл, а файл идентификатор. (Не место красит человека, а человек место.)

9. Любишь играть в компьютерные игры, люби и сам программировать. (Любишь кататься - люби и саночки возить.)

10. Интерес к программе приходит во время ее разработки. (Аппетит приходит во время еды.)

11. Будешь одновременно разрабатывать две программы — ни одна не получится удачной. (За двумя зайцами погонишься — ни одного не поймаешь.)

12. За компьютером товарища хорошо, а за домашним лучше. (В гостях хорошо, а дома лучше.)

3. Изучение нового материала.

1.1. Виды сайтов

Чаще всего сайты делятся на следующие категории (виды):
Сайт-визитка – обычно состоит из нескольких страниц и имеет уникальный, но простой и функциональный дизайн; идеально подходит для компаний, которые хотят разместить информацию о себе и своих услугах в Интернете; основные разделы сайта: «О компании», «Продукция или услуги», «Прайс-листы», «Контактная информация»; сайт-визитка используется предприятиями, организациями и частными лицами.

  1. Корпоративный информационный web-сайт – необходим для автоматизации внутреннего документооборота, учёта показателей компании, управления персоналом, может быть оснащён функциями обмена информацией между удалёнными филиалами; корпоративный сайт позитивно влияет на репутацию и имидж компании; дизайн должен соответствовать фирменному стилю компании; чаще всего, включает «администраторскую часть» для создания и изменения контента, позволяющую менеджеру или секретарю компании добавлять или менять новости, информационные статьи, справочную и прочую информацию на сайте; используется минимум графики, основной упор идет на текст.

  2. Корпоративный имиджевый web сайт – идеально подходит для обеспечения имиджевого присутствия в Сети; сайт служит для предоставления подробной информации о компании, истории торговой марки, сведений об оказываемых услугах или поставляемых товарах; корпоративный сайт обычно содержит ленту новостей компании, средства публикации информации о рекламных и торговых акциях, информацию для прессы и другие сведения; нередко корпоративные сайты сочетают информацию о компании с каталогом продукции; используется эксклюзивный оригинальный дизайн, выгодно представляющий компанию; использование нестандартных идей и решений в оформлении, процентное соотношение текст/графика = 50/50

  3. Интернет-магазин, он же Сетевой магазин, Электронный магазин, Internet shop, E-shop – интерактивный веб-сайт рекламирующий товар или услугу, принимающий заказы на покупку, предлагающий пользователю выбор варианта расчета, выписывающий счет на оплату, служащий одновременно подтверждением заказа; при этом администратор магазина обязан:

- организовать доставку товара;

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

  1. Информационный сайт – достаточно большой виртуальный массив информации, включающий в себя множество различных тематических разделов меньшего размера, либо некоторое количество самостоятельных проектов; является для клиента основным источником информации, напоминает энциклопедию или специализированный журнал.

  2. Игровой портал – сложный развлекательный интерактивный проект, предусматривающий большую посещаемость и ресурсоемкость.

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

  4. Контент-проект – это сайт, как правило, некоммерческой направленности, который представляет собой собрание текстов, статей и прочих материалов, основная задача которого – привлечение посетителей по определенной тематике. В дальнейшем, этот трафик обычно перенаправляется на коммерческие сайты и, по сути, контент-проект используется, как рекламная площадка.
    Может быть выполнен в виде интернет-библиотеки, энциклопедии или справочника.
    Контент-проект может представлять собой образовательный или развлекательный ресурс.

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

  6. Сайт-форум может быть самостоятельным сайтом, а может быть разделом сайта. Чаще всего сайт-форум делается на поддомене основного сайта и предназначен для организации общения посетителей сайта между собой и с администратором сайта.

  7. Блог – это сайт, представляющий собой интернет-дневник, или журнал, который ведется наподобие новостной ленты, при этом на каждую тему блога посетители могут оставлять свои комментарии-сообщения, доступные с главной страницы соответствующей темы. Блог обычно очень часто обновляется, по этой причине он может намного чаще индексироваться поисковыми машинами, чем обычные сайты. 
    Блог часто используется для общения людей объединенных какими-либо общими интересами, и в этом, чем-то, напоминает форум. 

1.2. Редакторы для верстки веб-страниц.

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

Редакторы для верстки веб-страниц бываю двух типов: визуальные и текстовые.

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

ВИЗУАЛЬНЫЕ РЕДАКТОРЫ

Macromedia Dreamweaver MX

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

Разработчики утверждают, что Macromedia Dreamweaver MX предназначена для проектирования, разработки и администрирования, профессиональных web-сайтов и приложений. Кроме того Dreamweaver легко интегрируется с другими программами от Macromedia, например, такими, как Flash. Т.е. Dreamweaver гораздо больше, чем просто визуальный редактор, это достаточно мощный и сложный инструмент, а всякий сложный инструмент требует, чтобы на его освоение было потрачено какое-то время, прежде чем пользователь сможет работать в нем.

Adobe GoLive и LiveMotion

Возможно, Adobe GoLive понравится тем, кто любит программы от Adobe, и много с ними работал: знакомая среда, достаточно легко разобраться, что к чему. Кроме того, еще один плюс для любителей Adobe - все программы от Adobe прекрасно взаимодействуют друг с другом и дополняют друг друга, GoLive не исключение, он прекрасно дружит с собратьями. Однако, GoLive не более, чем визуальный редактор для верстки веб-страниц, больше чем поддержки таких технологий, как Html, Dhtml, CSS, XML и нескольких готовых Javascript`ов не стоит ждать от этой программы. Однако следует отметить, что встроенный редактор кода (текстовой) в этой программе очень хороший. Т.е. возможно, GoLive оптимальное сочетание визуального и текстового редактора (два в одном).

Microsoft FrontPage

Если верить разработчикам, то программа FrontPage позволяет создавать веб-узлы, обладающие широкими возможностями, а также предоставляет средства управления ими. На деле, FrontPage дружит с Html, Css, Dhtml, Javascript. Дает достаточно широкие возможности по управлению изображениями и flash-роликами. Кроме того FrontPage дружит с такими технологиями, как ASP, XML, VBScript, XSL. Также разработчики утверждают, что в последней версии FrontPage теперь борется за чистоту кода, что ж, остается надеяться, что это так, т.к. раньше данный пункт был не на высоте (раньше FrontPage вставлял в код очень много ненужных комментариев и другой лишней информации, так что правильностью и чистотой кода странички, сделанные в этом редакторе похвастаться не могли).

Hotdog

Программа имеет простой и понятный пользователю интерфейс. Кроме того, что Hotdog дружит с пользователем, эта программа дружит также с Flash, SQL, PHP, ASP, имеет работать с GIF-изображениями (оптимизация, анимация), включает в себя Html-компрессор, может создавать файлы справки (CHM).

ТЕКСТОВЫЕ РЕДАКТОРЫ

Homesite

Этот редактор, пожалуй, самый популярный и мощный среди текстовых, и не зря. Кроме того, что в нем достаточно легко работать не только с Html-кодом (есть все, от списка всевозможных атрибутов ко всем тегам вплоть до проверки кода (правильность проверяется с точки зрения W3C.org)), но также есть поддержка XHTML, CSS-редактор, и так далее.

HTML Pad

Эта программа тоже пользуется большой любовью пользователей. Помимо всего стандартного HTMLPad поддерживает JavaScript, VBScript, SSI, ASP и Perl, умеет создавать макросы (наподобие Word и Excel), включает в себя кучу различных справочных материалов по CSS и Html, и многое другое.

Notepad

Notepad он же Блокнот. В этой программе нет никаких функций, которые облегчат вашу жизнь: ни подсветки кода, ни вставки готовых конструкция кода, ничего, но зато эта программа есть в Стандартных на компьютере у каждого пользователя. С нее вы можете начать свои первые шаги в написании кода, а затем уже сменить на более понравившийся редактор. Все мы когда-то начинали с Блокнота.

Мы с Вами подробно рассмотрим визуальный редактор Microsoft FrontPage.

1.3. Работа с презентацией


hello_html_m4fc11d9f.png


hello_html_m2a6a29cd.png


hello_html_mfc5d992.png


hello_html_7c26712b.png


hello_html_m25020c43.png


hello_html_m7cb2fe8e.png


hello_html_b57e181.png


hello_html_2bc5e1e5.png


hello_html_3c2e99b1.png


hello_html_m2a8ffb0d.png


hello_html_61cf6505.png




4. Физкультминутка


Мы работали, трудились, 
И маленько притомились. 
Нужно сделать повороты, 
Влево, вправо развороты. 

Вправо смотрим и моргнем, 
Влево смотрим и моргнем. 
Повторим еще разочек, 
От работы отдохнем. 

Вверх посмотрим и моргнем,
Вниз посмотрим и моргнем. 
Повторим мы упражненье, 
Смотрим в тех же направленьях. 

Мышку мы в руках держали, 
Наши пальчики устали 
Нужно пальчикам встряхнуться, 
Шевельнуться, разомкнуться. 

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

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


1. Создайте на рабочем столе папку с названием вашего сайта.

2. Запустите Microsoft FrontPage.

3. Создайте сайт по выбранной вами тематике.

6. Шуточный тест

Интернет - зависимы ли вы?

Этот тест нельзя назвать серьезным, но помните, что в каждой шутке есть доля … шутки.

Ответьте да или нет.

  1. Вы решили остаться в школе еще на годик или два ради бесплатного доступа в Интернет.

  2. Вы используете смайлики в обычной, бумажной почте.

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

  4. Новым знакомым вы представляетесь как

«Вася @ мэйл точка ру».

  1. Ваше сердце начинает биться чаще, если в телевизионной рекламе вы видите адрес сайта какой-либо компании.

  2. Вы видите сны на языке HTML.

  3. Вы находите себя усиленно думающим, чего бы еще поискать в Сети.

  4. Вы целуете домашнюю страничку своей девушки (молодого человека).

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

  6. На приеме у доктора вы просите добавить пару гигабайт к вашим мозгам.

  7. Вы читаете книгу и ищете полосу прокрутки с правой стороны, чтобы прокрутить текст дальше.

  8. Вы можете вспомнить адрес своей странички быстрее, чем номер телефона.

Подсчитайте количество ответов ДА и НЕТ.

Если преобладает число ответов ДА, то советую вам задуматься…

7. Рефлексия

Ваше отношение к уроку

Рисунок2

i0000000

f0d76831

Было ли вам интересно на уроке

Рисунок2

i0000000

f0d76831

Какую бы вы поставили себе отметку за урок

Рисунок2

i0000000

f0d76831


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

Создайте дома брошюру на тему: “Интернет: глобальное добро или зло?”







Самые низкие цены на курсы переподготовки

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

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

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

Начало обучения ближайшей группы: 18 октября. Оплата возможна в беспроцентную рассрочку (10% в начале обучения и 90% в конце обучения)!

Подайте заявку на интересующий Вас курс сейчас: https://infourok.ru

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

Номер материала: ДA-028120

Похожие материалы