- •Часть 3
- •4 Требование к отчету
- •5. Теоретические положения
- •5.1 Создание Web-документов
- •5.2 Основные теги
- •5.2.1 Понятие тегов, их виды, правила записи
- •5.2.2 Структура документа html
- •5.2.3 Создание фреймов
- •Пример. Создание двух фреймов, один из которых занимает 20% площади окна сверху, на второй отводится вся оставшаяся часть.
- •Результат такого разбиения на фреймы приведен на рисунке 1.
- •5.3 Создание Web-страницы в текстовом процессоре Word
- •5.3.1 Способы созданияWeb-страниц
- •5.3.2 Присвоение названия Web-странице
- •5.3.3 Форматирование Web-страниц
- •5.3.4 Вставка горизонтальной линии в Web-страницу
- •5.3.5 Вставка бегущей строки в Web-страницу
- •5.3.6 Выбор цветов для текста Web-страниц
- •5.3.7 Создание списков на Web-страницах
- •5.3.8 Работа с рисунками на Web-страницах
- •5.3.9 Таблицы на Web-страницах
- •5.3.10 Создание гиперссылок
- •5.3.11 Предварительный просмотр Web-страницы в процессе редактирования
- •6 Методические рекомендации
- •7 Контрольные вопросы
- •Библиография
- •Приложение а
Методические указания
к лабораторной работе
Часть 3
Создание документов HTML
1 Цель работы
Научиться разрабатывать документы, предназначенные для публикации в Internet.
2 Задачи работы
Знакомство с языком разметки гипертекстовых документов HTML.
3 Порядок выполнения работы
3.1 В папке Мои документы создать вложенную папку с именем HTML, для хранения всех файлов, созданных при выполнении задания. В текстовом процессоре Word создать Web-документ. Просмотреть документ в коде HTML и в программе Internet Explorer.
3.2 В текстовом процессоре Word создать документ HTML, содержащий форматированный текст. Просмотреть документ в Internet Explorer.
3.3 Включить рисунок в ранее созданный файл. Просмотреть измененный файл в Internet Explorer
3.4 Создать файл с разметкой таблицы и просмотреть его в Internet Explorer.
3.5 Создать с файл c гиперссылками на ранее созданные документы. Просмотреть в Internet Explorer, с помощью гиперссылок по очереди вывести содержимое документов.
3.6 Создать файл, размечающий фреймы, в которых показать ранее созданные документы. Просмотреть разметку фреймов в Internet Explorer.
3.8 Оформить отчет.
4 Требование к отчету
Отчет о проделанной работе должен содержать:
– название и цель работы;
– описание последовательности выполнения работы;
– письменные ответы на контрольные вопросы п.7 по указанию преподавателя.
5. Теоретические положения
5.1 Создание Web-документов
Размещение собственных материалов в Интернете включает два этапа: подготовку материалов и их публикацию. Подготовка материалов состоит в создании документов, имеющих формат, принятый в Интернете, то есть Web-страниц, написанных на языке HTML. Публикация материалов, то есть открытие к ним доступа, осуществляется после решения организационных вопросов, связанных с получением дискового пространства на Web-сервере для их размещения.
Для создания Web-документов используется язык HTML (HyperText Markup Language - язык разметки гипертекста). Гипертекст, то есть расширенный текст, включает дополнительные элементы: иллюстрации, ссылки, вставные объекты.
5.2 Основные теги
5.2.1 Понятие тегов, их виды, правила записи
Документ, который написан на языке HTML представляет собой простой текст, в который вставлены теги (флаги разметки). Теги указывают как должен быть расположен текст на экране, в каком месте должны находиться рисунки, хранящиеся в других файлах и т.д. С помощью тегов формируются связи с другими ресурсами Интернет.
Теги – это определенные последовательности символов, заключенные между знаками < (меньше) и > (больше). Прописные и строчные буквы в написании тегов значения не имеют.
Теги бывают парные (например, <TITLE> и </TITLE>) и непарные (например, <BR>), открывающие и закрывающие. Отличительным признаком закрывающего тега является символ /.
5.2.2 Структура документа html
Документ HTML всегда должен начинаться с тега <HTML> и заканчиваться соответствующим закрывающимся тегом </HTML>. Внутри документа выделяются два основных раздела: раздел заголовков и тело документа. Раздел заголовков содержит информацию, описывающую документ в целом, и ограничивается тегами <HEAD> и </HEAD>. В частности, раздел заголовков должен содержать название web-страницы, которое при просмотре в броузере появится в заголовке окна документа. Название web-страницы располагается между тегами <TITLE> и </TITLE>.
Например,
<TITLE> Моя страничка </TITLE>
Основное содержание размещается в теле документа, которое ограничивается парным тегом <BODY>.
Пример. Простейший документ HTML, содержащий все теги, определяющие структуру, может выглядеть следующим образом:
<HTML>
<HEAD><TITLE>Заголовок документа</TITLE></HEAD>
<BODY>
Содержание документа
</BODY>
</HTML>
Основные теги HTML и их возможные параметры приведены в приложении А.