Применение мастеров и шаблонов

Для упрощения и автоматизации создания Web-страниц в редакторе WebEditor можно использовать шаблоны и Мастера web-страниц. Для этого выполните команду меню Файл¦Новый, откроется окно диалога Новый документ. На вкладке HTML располагаются шаблоны для обычных Web-страниц и Мастер web-страниц.

Если выбрать шаблон HTML документ, то он будет содержать теги структуры документа, если выбрать шаблон Пустой HTML документ, то теги структуры можно будет задать с помощью кнопок панели инструментов Основа HTML.

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

С помощью шаблонов или Мастера web-страниц создаётся заготовка будущего документа, затем требуется заполнить созданные разделы конкретным содержимым.

5. Самостоятельные задания

Выполните самостоятельные задания, используя два способа создания HTML-документов: средствами языка HTML и с помощью специализированного редактора WINsoft WebEditor.

1. Создайте Web-страницу "Институт", содержащую информацию о вашей учебной группе.

2. Создайте Web-страницу "Группа", на которой разместите список студентов вашей группы, получающих стипендию и таблицу следующего вида:

Итоги зимней экзаменационной сессии
Фамилия	Дисциплина	Рейтинг
Химия	Информатика	Математика	Физика
Петров
Иванов

3. Вставьте произвольный рисунок на страницу "Институт".

4. На странице "Институт" задайте ссылку на страницу "Группа".

Требования к оформлению самостоятельного задания:

1. Титульный лист.

2. Цель работы.

3. Задание.

4. Исходный код Web-страниц.

5. Скриншоты Web-страниц.

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

1. Объясните понятия HTML, tag. Какова область действия парного и непарного тэгов?

2. Перечислите основные тэги HTML, которые должны присутствовать в тексте любого HTML-документа.

3. Какие теги задают заголовки в документе HTML.

4. Для чего предназначен тег <P>?

5. Какую функцию выполняет тег <PRE>? Какой тэг нужно использовать для осуществления перехода на новую строку?

6. С помощью какого тэга можно разделить текст горизонтальной чертой?

7. Какой тег используется для установки размера, цвета и гарнитуры фрагмента текста?

8. Перечислите теги, предназначенные для форматирования текста.

9. Для чего предназначен тег <BASEFONT>?

10. Опишите теги для создания нумерованного и маркированного списков и укажите их атрибуты.

11. Как создать вложенный список? Назовите атрибуты тега <LI>?

12. Какие теги используются для создания списка определений?

13. Опишите тэг для задания параметров шрифта и его атрибуты.

14. Как вставить гиперссылку в HTML-документе?

15. Как вставить в HTML-документ изображение?

16. Как создать таблицу в HTML-документе?

17. Перечислите теги описания строк и столбцов таблицы?

ЛИТЕРАТУРА

1. Симонович С. В. Информатика базовый курс 2-е издание. Учебник для вузов. – СПб.: Питер, 2005, 639 с.

2. Завьялова Н. Б. Дьяконова Л. П. Технология создания Web-сайтов. Учебно-методическое пособие. - Российская экономическая академия имени Г.В.Плеханова: Москва, 2003, 57 с.

3. Учебник HTML. http//on – line – teaching.com

4. Томас А. Пауэлл Web-дизайн 2-е издание. – СПб.: БХВ - Петербург, 2005, 1072 с.

СОДЕРЖАНИЕ

1. ЦЕЛЬ РАБОТЫ... 3

2. СОЗДАНИЕ WEB-ДОКУМЕНТОВ.. 4

3. ПРИМЕНЕНИЕ ЯЗЫКА HTML.. 5

3.1. Структура документа HTML.. 5

3.2. Заголовки и абзацы.. 6

3.3. Форматирование текста. 8

3.4. Списки. 12

3.5. Гипертекстовые ссылки. 16

3.6. Изображения в HTML-документе. 17