
- •Введение
- •Подключение к интернеТу
- •Принципы работы Интернета
- •Структура ip-адреса
- •Подключение к Интернету
- •Упражнение 1.1. Создание соединения удаленного доступа
- •Упражнение 1.2. Настройка соединения удаленного доступа
- •Упражнение 1.3. Соединение с сервером поставщика услуг
- •Использование браузера Internet Explorer
- •Упражнение 2.1. Использование папки «Избранное»
- •Упражнение 2.2. Загрузка файла из Интернета
- •Упражнение 2.3. Настройка отображения объектов
- •Регистрация бесплатного почтового ящика
- •Регистрация на почтовом сервере Mail.Ru
- •Отправка и прием электронной корреспонденции
- •Электронная почта и телеконференции с использованием Outlook Express
- •Р ис. 5. Внешний вид главного окна программы Outlook Express Создание учетной записи
- •Создание сообщений электронной почты
- •Подготовка ответов на сообщения
- •Сортировка входящей корреспонденции
- •Поля описания правил отбора и соответствующих им действий
- •Работа с адресной книгой
- •Чтение сообщений телеконференций
- •Упражнение 4.1. Создание учетной записи электронной почты
- •Упражнение 4.2. Отправка и получение сообщения электронной почты
- •Упражнение 4.3. Использование Адресной книги
- •Упражнение 4.4. Подписка на телеконференцию и чтение сообщений
- •Поисковая служба Rambler
- •Упражнение 5.1. Поиск информации по ключевым словам
- •Поисковая система Rambler
- •Основы языка html
- •Теги html
- •Форматирование текста
- •Теги (дескрипторы) форматирования символов
- •Теги (дескрипторы) форматирования абзацев
- •Гиперссылки
- •Создание списков
- •Типы списков html и соответствующие им теги
- •Типы нумерации упорядоченных списков в html
- •Типы маркеров для маркированных списков
- •Стандартные значения атрибута align тега img
- •Упражнение 6.1. Создание простейшей Web-страницы
- •Упражнение 6.2. Изучение приемов форматирования абзацев
- •Упражнение 6.3. Создание и использование изображения на Web-странице
- •Упражнение 6.4. Создание гиперссылок
- •Упражнение 6.5. Приемы форматирования текста
- •Упражнение 6.6. Приемы создания списков
- •Упражнение 6.7. Создание таблиц
- •Упражнение 6.8. Создание описания фреймов
- •Упражнение 6.9. Работа с таблицами стилей
- •Создание собственной Web-страницы с использованием FrontPage Express
- •Оформление текста
- •Гиперссылки и графика
- •Публикация
- •Упражнение 7.1. Создание Web-документа с помощью редактора
- •Упражнение 7.2. Создание файлов фреймовой структуры и сегментированного изображения с помощью редактора FrontPage 2000
- •Публикация информации в web
- •Адреса некоторых серверов для бесплатного размещения Web-страниц
- •Некоторые каталоги и поисковые системы в www
- •Упражнение 8.1.Размещение Web-страниц на Web-сервере
- •Р ис. 12. Внешний вид страницы Управление файлами на сайте boom.Ru
- •Упражнение 8.2.Регистрация Web-страниц в системах поиска
- •Список литературы
- •Содержание
Упражнение 6.4. Создание гиперссылок
Откройте документ first.htm в программе Блокнот.
Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>.
Введите текст:
<p> Это текст перед ссылкой.</p>
Введите тег: <A HREF="picture.htm">.
Введите фразу: Ссылка на файл picture.htm.
Введите закрывающий тег </A>.
Введите текст:
<p> Эта картинка является ссылкой на сайт ММФ.</p>
<A HREF="http://www.spbstu.ru/mmf/index.html"> <IMG SRC = ”pic1.gif” WIDTH=”50” HIGHT=”50” ALIGN="LEFT"> </A>
Сохраните документ под именем link.htm.
Запустите обозреватель Internet Explorer.
Дайте команду ФайлОткрыть. Щелкните на кнопке Обзор и откройте файл links.htm.
Убедитесь в том, что текст между тегами <А> и </А> выделен как ссылка (цветом и подчеркиванием).
Щелкните на ссылках и убедитесь, что при этом загружаются документы, на которые указывают ссылки.
Щелкните на кнопке Назад на панели инструментов, чтобы вернуться к предыдущей странице. Убедитесь, что ссылка теперь считается «просмотренной» и отображается другим цветом.
Упражнение 6.5. Приемы форматирования текста
Откройте документ first.htm в программе Блокнот.
Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>; его конкретное содержание может быть любым.
Введите тег <BASEFONT SIZE="5" COLOR="BROWN">. Он задает вывод текста по умолчанию увеличенным шрифтом и коричневым цветом.
Введите текст
<P>Этот текст выведен шрифтом по умолчанию<BR>.
<FONT SIZE="-2" FACE="ARIAL" COLOR="GREEN"> Этот текст выведен шрифтом ARIAL уменьшенного размера зеленого цвета</FONT><BR>
<B>Этот текст выделен тегом B</B><BR>
<I>Этот текст выделен тегом I</I><BR>
<U>Этот текст выделен тегом U</U><BR>
<STRIKE>Этот текст выделен тегом STRIKE</STRIKE><BR>
H<SUB>2</SUB>O; S=a<SUP>2</SUP><BR>
<EM>Этот текст выделен тегом EM</EM><BR>
<STRONG>Этот текст выделен тегом STRONG</STRONG><BR> <CODE>Этот текст выделен тегом CODE</CODE><BR>
<TT>Этот текст выделен тегом TT</TT><BR>
<BLOCKQUOTE>Это стиль BLOCKQUOTE</BLOCKQUOTE><BR>
<ADDRESS>Это стиль ADDRESS</ADDRESS>
</P>
Сохраните полученный документ под именем format.htm.
Запустите обозреватель Internet Explorer.
Дайте команду ФайлОткрыть. Щелкните на кнопке Обзор и откройте файл format.htm.
Изучите, как использованные элементы HTML влияют на способ отображения текста.
Вернитесь в программу Блокнот и измените документ так, чтобы элементы, задающие форматирование, были вложены друг в друга. Сохраните документ под тем же именем.
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы.
Упражнение 6.6. Приемы создания списков
Откройте документ first.htm в программе Блокнот.
Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>; его конкретное содержание может быть любым.
Вставьте в документ тег <OL TYPE="1">, который начинает упорядоченный (нумерованный) список.
<OL TYPE=1>Это упорядоченный список OL типа 1
<LI>Первый элемент списка</LI>
<LI>Второй элемент списка</LI>
</OL>
<OL TYPE=i>Это упорядоченный список OL типа i
<LI>Первый элемент списка</LI>
<LI>Второй элемент списка</LI>
</OL>
<OL TYPE=a start=”4”>Этот упорядоченный список OL типа a начинается со стартового номера, соответствующего четвертой букве английского алфавита
<LI>Первый элемент списка</LI>
<LI>Второй элемент списка</LI>
</OL>
<UL>Это список UL, маркированный по умолчанию
<LI>Первый элемент списка</LI>
<LI>Второй элемент списка</LI>
</UL>
<UL TYPE=”square”>Это маркированный список UL типа square
<LI>Первый элемент списка</LI>
<LI>Второй элемент списка</LI>
</UL>
<DL>Это список определений DL
<DT>Первый термин</DT>
<DD>Первое определение</DD>
<DT>Второй термин</DT>
<DD>Второе определение</DD>
</DL>
Сохраните полученный документ под именем list.htm.
Запустите обозреватель Internet Explorer.
Дайте команду ФайлОткрыть. Щелкните на кнопке Обзор и откройте файл list.htm.
Изучите, как упорядоченный список отображается в программе Internet Explorer, обращая особое внимание на способ нумерации, заданный при помощи атрибута TYPE.
Вернитесь в программу Блокнот и замените тип square на тип circle. Сохраните документ под тем же именем.
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы, обратив внимание на способ маркировки, заданный при помощи атрибута TYPE.