Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Конспект лекций.doc
Скачиваний:
0
Добавлен:
01.07.2025
Размер:
1.97 Mб
Скачать

Вопрос 2. Структура html-документа

Структура любого HTML-документа строго фиксирована, определяется тремя группами тегов и представлена на рис.1.

Файлы HTML-документов обычно имеют расширение HTM или HTML.

Текст HTML-документа должен начинаться с открывающего тега <HTML> и заканчиваться закрывающим тегом </HTML>.

Теги <HEAD> </HEAD> определяют раздел заголовка документа. В них заключаются теги <TITLE> </TITLE>, которые содержат текст, выводимый в строке заголовка окна браузера. Теги <HEAD> </HEAD>не являются обязательными, однако хорошо составленный заголовок может быть полезен для пользователя. Теги, находящиеся внутри раздела HEAD, не отображаются в браузере.

В теги <BODY> </BODY> заключается тело HTML-документа, которое может включать в себя текст, списки, таблицы, графические изображения, звук, гиперссылки.

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

<HTML>…

<HEAD>…</HEAD>

<BODY>

Текст Списки Таблицы

Графические изображения

Звук Ссылки

</BODY>

</HTML>

Рис.5.1. Структура HTML-документа

Рис.1. Структура HTML-документа

Рассмотрим пример кода простейшего HTML-документа:

<HTML>

<HEAD>

<TITLE>ЭTO простой НТМL-документ</ TITLE >

</HEAD>

<BODY>

<H1> Это простой НТМL-документ </H1>

<Р><B>Стиль шрифта Bold</B> </P>

<Р><I>Стиль шрифта Italic</I></P>

</BODY>

</HTML>

Текст, заключенный в теги <Н1> </Н1>, отображается как заголовок первого уровня (Heading 1). Текст, заключенный в теги <В> </В> и <I> </I>, выделяется полужирным начертанием и курсивом соответственно. <Р> </Р> – начальный и конечный теги абзаца.

Лекция 8.6. Создание Web-сайтов с помощью редактора Front Page.

План

1. Общие сведения о редакторе Front Page.

2. Основные режимы работы Front Page.

3. Разработка структуры страниц и их элементов оформления

Вопрос 1. Общие сведения о редакторе Front Page.

Программа FrontPage 2002, входящая в состав Microsoft Office XP, предназначена для создания Web-страниц и Web-узлов. Применяя панели инструментов и команды меню, на странице можно размещать текстовую и графическую информацию, панели навигации и ссылки, предназначенные для перехода от одной страницы к другой. Кроме того, для оформления Web-страницы можно использовать таблицы, фреймы, бегущие строки, анимацию и многое другое. Чтобы ускорить разработку Web-страниц и узлов, можно применять шаблоны и мастера. FrontPage позволяет использовать в Web-узле материал, подготовленный в других программных продуктах, входящих в Microsoft Office, таких как Word, Excel, Access и PowerPoint. Преимущества FrontPage перед другими редакторами очевидны:

  • FrontPage имеет мощную поддержку в Интернете. Существует много Web-узлов, групп новостей, конференций, ориентированных на пользователей FrontPage. Также к FrontPage существует масса платных и бесплатных плагинов (plug-ins), расширяющих его возможности. Например, самые лучшие, на сегодняшний день, оптимизаторы графики Ulead SmartSaver и Ulead SmartSaver Pro от компании Ulead встраиваются плагинами не только в Photoshop, но и в FrontPage. Помимо этого, имеется целая индустрия фирм, разрабатывающих и выпускающих темы для FrontPage;

  • интерфейс FrontPage схож с интерфейсом программ, входящих в Microsoft Office, что облегчает его освоение. К тому же между программами, входящими в Microsoft Office, существует полная интеграция, что позволяет использовать во FrontPage информацию, созданную в других приложениях.