Практическая работа:  Средства создания и сопровождения сайта.

Практическая работа:  Средства создания и сопровождения сайта.

(Создание web-сайта с помощью Word).

1. Цель работы: овладение технологией создания гипертекстовых документов: создания и оформления гипертекстовых документов в HTML-формате средствами Word, создания внешних и внутренних гиперссылок, просмотра HTML-документов средствами браузера, программирования фреймов с элементами языка HTML.

2. Оборудование, приборы, аппаратура, материалы: персональный компьютер, программа MS Word, интернет-браузер.

3. Краткие теоретические сведения.

Веб-узел - это специальная папка, в которой размещены файлы, содержащие текстовую информацию по какой-либо теме, а также информацию в виде рисунков, графиков, фотографий, анимационных изображений и звуковых эффектов. В этих файлах содержатся описания веб-страниц на одном из языков разметки гипертекста - HTML (HyperText Markup Language) или XML (Extensible Markup Language). Они имеют одно из следующих расширений: html, htm, xml. Все, что содержит веб-узел, далее будем называть веб-проектом. Существуют три типа веб-узлов: создаваемые на веб-сервере поставщика услуг Интернета; создаваемые в интрасети как веб-узлы группы; виртуальный веб-узел, создаваемый на жестком диске автономного компьютера, не подключенного к какой-либо сети.

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

Главная страница Index.html

Сведения по разделу 1

Сведения по разделу 2

Уточняющая информация по разделу 1

Уточняющая информация по разделу 1

Уточняющая информация по разделу 2

Уточняющая информация по разделу 2

 

 

Рис.1 Связь информационных страниц в веб-узле

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

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

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

http://www.fa.ru, то на самом деле будет сформирован URL-адрес

HTTP://www.fa.ru/index.htm

и будет выполнена попытка найти и загрузить веб-страницу именно с таким URL-адресом.

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

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

Просмотр Web-документов с помощью Internet Explorer

Просмотреть документ с помощью Internet Explorer можно разными способами.

Один из способов: Запустите Internet Explorer. Откройте файл ИТ с помощью команды Файл - Открыть.

Другой способ – дважды щелкнуть мышкой на файле и запустить его. Internet Explorer запустится сам.

19. Используя гиперссылки, просмотрите документы.

Содержание отчета

Отчет должен содержать:

1. Название работы.
2. Цель работы.
3. Задание и его решение.
4. Вывод по работе.

6. Контрольные вопросы

 

1.Что такое веб-узел?

2. Какие существуют типы веб-узлов?

3. По какому принципу организуется связь информационных страниц в веб-узле?

4. Как создаются сайты?

5. Что такое HTML?

6. Что такое дескриптор (тэг) языка HTML?

7. Какова структура HTML-документа?

8. Назовите инструментальные средства для ввода и редактирования HTML-документов.

9. Что такое гипертекст?

10. Какова структура гипертекста?

11. Что такое гиперссылки?

12. Что такое внутренние гиперссылки?

13. Как создать внутреннюю гиперссылку?

14. Что такое внешние гиперссылки?

15. Как создать внешнюю гиперссылку?

Литература

1. Информатика и ИКТ: учебник для начального и среднего профессионального образования. Цветкова Н.С., Великович Л.С. – Академия, 2011 г.
2. Информатика и ИКТ. Практикум для профессий и специальностей технического и социально-экономического профилей. Н. Е. Астафьева, С. А. Гаврилова, под ред. М.С. Цветковой, Академия, 2012г.
3. Информатика и ИКТ. Базовый уровень: учебник для 10-11 кл. / И.Г.Семакин, Е.К.Хеннер. – 4 изд., испр. – М. – Бином. Лаборатория знаний, 2008г. – 246 с.: ил.
4. Информатика и ИКТ. Базовый уровень: практикум для 10-11 кл. / И.Г.Семакин, Е.К.Хеннер. – 4 изд., испр. – М. – Бином. Лаборатория знаний, 2008г.
5. Информатика и ИКТ. 10 кл. Базовый уровень под ред. Н.В.Макаровой – Спб – Лидер, 2010г.
6. Информатика и ИКТ. 11 кл. Базовый уровень под ред. Н.В.Макаровой – Спб – Лидер, 2010г.
7. Энциклопедия школьной информатики / под ред. И.Г.Семакина. – М.: Бином. Лаборатория знаний, 2011г.
8. http//www.informatika. ru;
9. http//www.student.informatika.ru;
10. http://mirgeo.ucoz.ru/

 

Практическая работа:  Средства создания и сопровождения сайта.

(Создание web-сайта с помощью Word).

1. Цель работы: овладение технологией создания гипертекстовых документов: создания и оформления гипертекстовых документов в HTML-формате средствами Word, создания внешних и внутренних гиперссылок, просмотра HTML-документов средствами браузера, программирования фреймов с элементами языка HTML.

2. Оборудование, приборы, аппаратура, материалы: персональный компьютер, программа MS Word, интернет-браузер.

3. Краткие теоретические сведения.

Веб-узел - это специальная папка, в которой размещены файлы, содержащие текстовую информацию по какой-либо теме, а также информацию в виде рисунков, графиков, фотографий, анимационных изображений и звуковых эффектов. В этих файлах содержатся описания веб-страниц на одном из языков разметки гипертекста - HTML (HyperText Markup Language) или XML (Extensible Markup Language). Они имеют одно из следующих расширений: html, htm, xml. Все, что содержит веб-узел, далее будем называть веб-проектом. Существуют три типа веб-узлов: создаваемые на веб-сервере поставщика услуг Интернета; создаваемые в интрасети как веб-узлы группы; виртуальный веб-узел, создаваемый на жестком диске автономного компьютера, не подключенного к какой-либо сети.

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

Главная страница Index.html

Сведения по разделу 1

Сведения по разделу 2

Уточняющая информация по разделу 1

Уточняющая информация по разделу 1

Уточняющая информация по разделу 2

Уточняющая информация по разделу 2

 

 

Рис.1 Связь информационных страниц в веб-узле

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

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

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

http://www.fa.ru, то на самом деле будет сформирован URL-адрес

HTTP://www.fa.ru/index.htm

и будет выполнена попытка найти и загрузить веб-страницу именно с таким URL-адресом.

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

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