Тема урока: Создание web-сайтов

Цели урока: 1. Образовательная. Освоение приемов создания Web-страниц с помощью программы MS Word.

2. Развивающая. Развитие стремления познания окружающего мира и интереса к технике, развитие настойчивости и трудолюбия.

3. Воспитательная. Воспитать культуру речи и ответственного отношения к труду.

Тип урока: Объяснительно-иллюстративный.

План урока: 1. Организационный момент (3 мин)

2. Объяснение материала (14 мин)

3. Практическое задание (20 мин)

4. Домашнее задание (1 мин)

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

Ход урока:

1. Организационная часть (3 мин)

- приветствие,

- сообщение темы, даты, плана урока, цели урока.

2. Объяснение материала (14 мин)

Умение создавать Web-сайты со временем становится актуальным навыком пользователя ЭВМ. Опубликовать сайт в Интернете настолько просто и доступно ( по сравнению с публикациями в «бумажных» изданиях), что эта возможность привлекает все большее число людей Сайты могут быть частными, могут быть официальными – производственными. Практически отсутствует какие-либо ограничения на тематику сайтов; в Интернете нет цензуры. Однако web-сайт, как и всякая публикация может привлечь себе внимание лишь в том случае, если он имеет привлекательное внешнее Оформление. Нередко разработчики web-сайтов уделяют гораздо большее внимание внешнему оформлению страницы, чем содержанию. Оформление страниц становится своеобразным видом прикладного искусства. У него даже появилось свое  название – web-дизайн. Однако каким бы хорошим web-художником вы не стали, соблюдайте золотое правило: если вам нечего сказать миру, не стоит засорять сеть! Если вы все-таки решили публиковаться в Интернете, то следует разобраться – как и какими средствами создаются web-страницы?

Web-страница представляет из себя текстовый документ, содержащий описание страницы на языке HTML – (Hyper Text Mark –Up Language - язык разметки гипертекста).

Способы создания Web-страниц:

1)       с помощью текстовых редакторов,

Как известно, текстовые файлы создаются с помощью простых текстовых редакторов. Таким редактором в операционной системе Windows является «Блокнот». Но чтобы создавать сайты в Блокноте, требуется знание языка НТМL. Это наиболее сложный способ Web-дизайна. Фактически он сводится к программированию на языке НТМL. Поэтому используем Word.

2)       НТМL-редакторы встроенные – высокоуровневые средства для создания Web-страниц,

Работа с ними не требует знаний языка НТМL. Такие редакторы входят в состав популярных браузеров: FrontPage Express входит в  MS Internet Explorer; Netscape Communicator входит в Netscape Communicator.

3)       Мощные отдельные системы разработки Web-сайтов

например MS FrontPage, Macromedia Dreamweawer

Фирма Microsoft включает средства создания Web-страниц в текстовый процессор МS Word, начиная с версии Word 97. Возможности такого Web-мастера ограничены, однако несложные сайты с его помощью вполне можно создавать. Web-мастер МS Word предоставляет пользователю набор шаблонов художественного оформления страниц. Впрочем, шаблонами можно и не пользоваться, а создавать свой дизайн и свою структуру документов.

Рассмотрим создание небольшого Web-сайта на конкретном примере. Вернемся к примеру про семью Смирновых. Приведенная на рис. 2.6 главная страница является лишь корнем дерева, которое образуют взаимосвязанные страницы сайта. Вначале желательно спроектировать всю систему будущего сайта, то есть нарисовать схему, отображающую структуру взаимосвязанных Web-страниц. В нашем случае получится такая схема:

Обычно сайт имеет титульную страницу (страницу с оглавлением), на которой имеются гиперссылки на его разделы. Гиперссылки имеются и на других Web-страницах сайта, что обеспечивает возможность пользователю свободно перемещаться по сайту.

Структура сайта:

1)       титульная страница,

2)       внутренняя гиперссылка (закладки),

3)       внешняя гиперссылка.

Гиперссылка – это компьютерное представление данных, в котором могут быть заданы любые связи между объектами различных типов (фрагментами документов, управляющими элементами)

Схема 1. Структура семейного сайта

Таким образом, семейный сайт будет состоять из пяти страниц. Это его внутреннее содержание. Однако с помощью гиперссылок он оказывается связанным с другими сайтами WWW: сайтом МГУ, Большого театра, школы и сайтом с разно-образной информацией о собаках. Только наличие таких внешних связей делает ваш сайт элементом Всемирной паутины.

После того как сайт разработан, созданы все файлы, его нужно опубликовать в WWW.

Опубликовать Web-сайт — это значит разместить его на Web-сервере.

Эта процедура делается по согласованию с провайдером Интернет-услуг, от которого пользователь должен получить следующие сведения:

- URL-адрес сервера, на котором будет размещен сайт;

- имя пользователя и пароль для доступа к серверу (обычно они те же, что и для подключения к Интернету);

- имя каталога сервера для размещения вашего сайта.

Обычно провайдер инструктирует пользователя о том, как можно осуществить публикацию. Для этих целей можно использовать средств браузера, FTP-клиенты, а также специальные программные средства для публикации Web-страниц.

Замечание

1) Вставка одной гиперссылки необходимо показать.

2) http://mmckms.ippk.ru/school1/index.htm - адрес web-сайта первой школы.

3) Необходимо создать в практическом задании гиперссылку перехода на титульную страницу.

4) Работы сохраняют в своей папке учебный класс – 10 класс – создать папку сайт.

3. Практическое задание (20 мин)

Практическое задание в учебнике «Информатика 10 класс»\под редак Семакина И.Г., Вараксина  Г.С. на страницах 149-152

4. Домашнее задание (1 мин)

Домашнее задание: выучить теоретический материал, подготовиться к самостоятельной работе по теме web-страницы

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

Выставление оценок за работу на уроке.