- •Минобрнауки россии
- •Основные положения языка html
- •Структура html-документа
- •Цвета в html-документе
- •Создание простейшей Web-страницы
- •Изучение приемов форматирования абзацев
- •Создание гиперссылок
- •Создание изображения и использование его на Web-странице
- •Приемы форматирования текста
- •Приемы создания списков
- •Создание таблиц
- •Создание описания фреймов
- •Создание Web-документа с помощью редактора FrontPage Express
- •1.Текст файла абзац.Htm
- •2.Текст файла гиперссылка.Htm
- •3.Текст файла картинка.Htm
- •4.Текст файла формат.Htm
- •5.Текст файла таблица.Htm
- •6.Текст файла фрейм.Htm
- •Контрольные вопросы
Создание Web-документа с помощью редактора FrontPage Express
Запустите программу FrontPage Express.
Введите в программе FrontPage Express текст: «Изучаем программу FrontPage.» С помощью панели инструментов форматирования отформатируйте текст: Цвет черный, Шрифт Times New Roman, размер 18 пт, выравнивание по левому краю.
В следующей строке напечатайте текст: «Создаем Web-страницу. Эта строка напечатана красным цветом.» Цвет красный, шрифт Times New Roman, размер 14 пт, выравнивание по левому краю.
В следующей строке напечатайте текст: «Отформатировали текст. Вставляем таблицу 3 х 3 и заполняем столбцы и строки.» Цвет черный, Шрифт Times New Roman, курсив, размер 12 пт, выравнивание по левому краю.
Вставьте таблицу из трех строк и трех столбцов, остальные параметры по умолчанию. Для создания таблицы щелкните на кнопке Вставить таблицу на стандартной панели инструментов.
Напечатать текст: «Вставляем рисунок.» Цвет черный, Шрифт Times New Roman, размер 12 пт, выравнивание по центру.
Вставьте рисунок с помощью кнопки Вставка ► Рисунок ► Из файла на стандартной панели инструментов. Рисунок возьмите из папки C:\Windows.
Сохраните полученный документ в вашей папке под именем web-страница.htm.
Запустите обозреватель Internet Explorer.
Откройте файл web-страница.htm.
Убедитесь, что созданный документ правильно отображается обозревателем. Обратите внимание на наличие отличий вида документа при отображении в обозревателе Internet Explorer и в программе FrontPage Express.
Измените ширину окна обозревателя и посмотрите, как при этом меняется вид документа.
Вернитесь в программу FrontPage Express и дайте команду Вид ► Показать теги. Объясните роль показанных тегов.
Запустите программу Блокнот и откройте файл web-страница.htm.
Изучите автоматически сгенерированный код HTML, определите, как с помощью тегов HTML реализованы использованные команды форматирования.
Приложения
1.Текст файла абзац.Htm
<HTML>
<HEAD>
<TITLE>3аголовок документа</TITLE>
</HEAD>
<BODY>
<H1>
Изучение языка HTML (это заголовок первого уровня).
</H1>
<H2>
Web-страница (это заголовок второго уровня).
</H2>
<P>Создаем текст с абзацем.
<P>Абзац создается тегом <Р>, который ставится в начале абзаца.
<P>Замыкающий тег при этом не ставится.
<P>Еще один текст.
</BODY>
<HR>
</HTML>
2.Текст файла гиперссылка.Htm
<HTML>
<HEAD>
<TITLE>3аголовок документа</TITLE>
</HEAD>
<BODY>
Текст до ссылки.
<A HREF="1.htm">
</А>Текст после ссылки.
</BODY>
</HTML>
3.Текст файла картинка.Htm
<HTML>
<HEAD>
<TITLE>3аголовок документа</TITLE>
</HEAD>
<BODY>
<P>Работа с рисунками.
<P>Применение различных атрибутов.
Расположение рисунков будет зависеть от атрибутов.
<IMG SRC="картинка1.gif" ALIGN="BOTTOM">
<P>Изменим атрибут.
<IMG SRC="картинка1.gif" ALIGN="TOP">
<P>Еще раз Изменим атрибут.
<IMG SRC="картинка1.gif" ALIGN="LEFT">
<P>Используем другую картинку и атрибуты расположения картинки относительно текста.
<IMG HSPACE=40 VSPACE=20 SRC="картинка2.gif" ALIGN="LEFT">
Изменим положение картинки
<P><IMG HSPACE=80 VSPACE=100 SRC="картинка2.gif" ALIGN="LEFT">
</BODY>
</HTML>