СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ

Благодаря готовым учебным материалам для работы в классе и дистанционно

Скидки до 50 % на комплекты
только до

Готовые ключевые этапы урока всегда будут у вас под рукой

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

Проверка знаний

Объяснение материала

Закрепление изученного

Итоги урока

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

Категория: Информатика

Нажмите, чтобы узнать подробности

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

Просмотр содержимого документа
«Создание Web-сайта с помощью Microsoft Word»

Создание Web-сайта с помощью Microsoft Word Предмет: Информатика и ИКТ. 8 класс Практическая работа № 4 СПб ГБНОУ «Лицей искусств «Санкт-Петербург» 2018

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

Предмет: Информатика и ИКТ. 8 класс

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

СПб ГБНОУ «Лицей искусств «Санкт-Петербург»

2018

Средства создания Web-страниц Конструирование Web-страницы с её текстами, рисунками, цветовым и звуковым оформлением заключается в создании текстового файла, содержащего описание страницы на языке HTML – (HiperTextMarkUpLanguage – язык разметки гипертекста). Это можно сделать с помощью простейших текстовых редакторов, например Блокнота. Программирование на языке HTML – наиболее сложный способ Web-дизайна.

Средства создания Web-страниц

Конструирование Web-страницы с её текстами, рисунками, цветовым и звуковым оформлением заключается в создании текстового файла, содержащего описание страницы на языке HTML – (HiperTextMarkUpLanguage – язык разметки гипертекста). Это можно сделать с помощью простейших текстовых редакторов, например Блокнота. Программирование на языке HTML – наиболее сложный способ Web-дизайна.

Средства создания Web-страниц Для создания Web-страниц существует целый ряд инструментальных средств высокого уровня, которые называются HTML-редакторами . Работа в них не требует знания языка HTML, поэтому гораздо проще и эффективнее. Такие редакторы входят в состав популярных браузеров: FrontPage входит в Microsoft Internet Explorer; Netscape Composer входит в Netscape Communicator. Мощными системами разработки сайтов являются, например, Microsoft FrontPage, Macromedia Dreamweawer.

Средства создания Web-страниц

Для создания Web-страниц существует целый ряд инструментальных средств высокого уровня, которые называются HTML-редакторами . Работа в них не требует знания языка HTML, поэтому гораздо проще и эффективнее. Такие редакторы входят в состав популярных браузеров:

  • FrontPage входит в Microsoft Internet Explorer;
  • Netscape Composer входит в Netscape Communicator.

Мощными системами разработки сайтов являются, например, Microsoft FrontPage, Macromedia Dreamweawer.

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

Средства создания Web-страниц

Фирма Microsoft включает средства создания Web-страниц в текстовый процессор Word, начиная с версии Word 97.

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

Но можно шаблонами и не пользоваться, а создавать свой дизайн и свою структуру документов.

Проектирование Web-сайта

Проектирование Web-сайта

Проектирование сайта Вначале желательно спроектировать всю систему будущего сайта, т.е. нарисовать схему, в которой отразить структуру связанных Web-страниц. Семейный сайт будет сформирован из файла главной страницы family.htm и файлов с другими страницами father.htm, mother.htm, son.htm, timka.htm , связанными с главной странице с помощью гиперссылок. Кроме того, к странице присоединён графический файл photo.gif , в котором хранится семейная фотография.

Проектирование сайта

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

Семейный сайт будет сформирован из файла главной страницы family.htm и файлов с другими страницами father.htm, mother.htm, son.htm, timka.htm , связанными с главной странице с помощью гиперссылок. Кроме того, к странице присоединён графический файл photo.gif , в котором хранится семейная фотография.

Структура будущего Web-сайта

Структура будущего Web-сайта

Это внутреннее содержание сайта. Однако с помощью гиперссылок он оказывается связанным с другими сайтами WWW. Только наличие таких внешних связей делает разрабатываемый сайт элементом Всемирной паутины. После того как сайт разработан, его нужно опубликовать в WWW, т.е. разместить его на Web-сервере. Эта процедура выполняется по согласованию с провайдером Интернет-услуг, но это только после того как мы сделаем эту практическую работу № 6 !

Это внутреннее содержание сайта. Однако с помощью гиперссылок он оказывается связанным с другими сайтами WWW.

Только наличие таких внешних связей делает разрабатываемый сайт элементом Всемирной паутины.

После того как сайт разработан, его нужно опубликовать в WWW, т.е. разместить его на Web-сервере. Эта процедура выполняется по согласованию с провайдером Интернет-услуг, но это только после того как мы сделаем эту практическую работу № 6 !

Цель работы Освоение приёмов создания Web-страниц и Web-сайтов с помощью текстового процессора Microsoft Word: Оформление дизайна страниц; Организация внутренних гиперссылок; Организация внешних гиперссылок.

Цель работы

Освоение приёмов создания Web-страниц и Web-сайтов с помощью текстового процессора Microsoft Word:

  • Оформление дизайна страниц;
  • Организация внутренних гиперссылок;
  • Организация внешних гиперссылок.
Примерный макет страниц

Примерный макет страниц

Примерный макет страниц

Примерный макет страниц

Алгоритм работы Открыть текстовый процессор Word; Сохранить на сервере первый файл под именем family , создав в своей папке папку с названием «Практическая работа № 6» и выбрав тип файла: veb-страница ; Набрать и оформить текст, вставить картинки или фотографии, выбрать фон и другое оформление; Создать и сохранить ещё четыре страницы (и более) с прописанными в них внешними гиперссылками; Вернуться на главную страницу и, выделив, нужные слова прописать гиперссылки на veb-страницы, расположенные в этой же папке, сохранить и проверить работу ссылок, открыв главную страницу veb-браузером.

Алгоритм работы

  • Открыть текстовый процессор Word;
  • Сохранить на сервере первый файл под именем family , создав в своей папке папку с названием «Практическая работа № 6» и выбрав тип файла: veb-страница ;
  • Набрать и оформить текст, вставить картинки или фотографии, выбрать фон и другое оформление;
  • Создать и сохранить ещё четыре страницы (и более) с прописанными в них внешними гиперссылками;
  • Вернуться на главную страницу и, выделив, нужные слова прописать гиперссылки на veb-страницы, расположенные в этой же папке, сохранить и проверить работу ссылок, открыв главную страницу veb-браузером.
Домашнее задание § 29 учебника; Разработать карту сайта (не менее 5 страниц) Подобрать материал о семье, классе, событии (текст, снимки, адреса внешних гиперссылок)

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

  • § 29 учебника;
  • Разработать карту сайта (не менее 5 страниц)
  • Подобрать материал о семье, классе, событии (текст, снимки, адреса внешних гиперссылок)
ИСТОЧНИКИ При создании презентации использовались следующие материалы: Учебник «Информатика и ИКТ. Базовый уровень. 10-11 классы» И.Г.Семакин, Е.К. Хенер. – 6-е изд. – М. : БИНОМ

ИСТОЧНИКИ

При создании презентации использовались следующие материалы:

  • Учебник «Информатика и ИКТ. Базовый уровень. 10-11 классы» И.Г.Семакин, Е.К. Хенер. – 6-е изд. – М. : БИНОМ


Скачать

Рекомендуем курсы ПК и ППК для учителей

Вебинар для учителей

Свидетельство об участии БЕСПЛАТНО!