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

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

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

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

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

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

(Создание 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 - интерактивный веб-сайт рекламирующий товар или услугу, принимающий заказы на покупку, предлагающий пользователю выбор варианта расчета, выписывающий счет на оплату, служащий одновременно подтверждением заказа; при этом администратор магазина обязан:

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

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

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

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

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

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

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

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

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

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. Работа с презентацией

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

7. Рефлексия

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

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

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

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

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