- •Введение
- •Подключение к интернеТу
- •Принципы работы Интернета
- •Структура 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-страниц в системах поиска
- •Список литературы
- •Содержание
Основы языка html
Цель работы – изучить основные элементы языка создания Web-документов.
Задача работы – создать гипертекстовый документ.
Порядок выполнения работы
Изучить теоретический материал.
Выполнить упражнения 6.1 … 6.9.
Создать собственный Web-документ, включающий гипертекстовые ссылки, рисунок, список, таблицу.
Содержание отчета
Титульный лист, название, цель и задание на лабораторную работу.
Краткая теоретическая часть:
структура языка HTML;
элементы HTML (гипертекстовые ссылки, Web-графика, форматирование, списки, таблицы);
таблицы стилей.
Текст созданного Web-документа на языке HTML и вид страницы.
Пояснения к выполнению работы
Web-сайт хранит информацию в виде страниц, которые просматривают его посетители. Каждая такая страница (Web-page) должна быть описана в виде текстового файла на языке HTML (Hypertext Markup Language – язык разметки гипертекста). Получая этот файл, браузер воспроизводит на его основе информацию в соответствии с указанной разметкой.
Для создания Web-документов можно использовать текстовый редактор (или процессор), который обеспечивает сохранение текста в формате "только текст", без специальных кодов форматирования. Например, при работе в редакторе WordPad или NotePad (Блокнот), следует в меню Файл выбрать команду Сохранить как..., а в появившемся окне — опцию Текстовый документ из списка Тип файла. Файлы должны иметь расширение html или htm. Стандартная процедура создания Web-страницы состоит из следующих этапов: набор текста HTML-файла в текстовом редакторе, сохранение его с расширением html (htm), проверка правильности его отображения в интернет-браузере.
Теги html
Документ, написанный на языке HTML, состоит из основного текста и управляющих символов – тегов (дескрипторов). Все теги HTML заключаются в угловые скобки (< >). Многие теги являются парными, т.е. состоят из стартового и завершающего (т.н. контейнер).
Чтобы Web-браузер верно распознал страницу, ее код должен начинаться тегом <HTML> и заканчиваться тегом </HTML>. Как видно, завершающий тег отличается от стартового наличием слэша / (символа «косая черта»).
Для передачи Web-браузеру информации о примененном при создании документа стандарте HTML перед тегом <HTML> может быть указан тег <DOCTYPE. Например, при использовании HTML версии 3.2, вставляется тег
<DOCTYPE HTML PUBLIC “-//W3C/DTD HTML 3.2//EN”>.
Как правило, HTML-текст Web-страницы состоит из нескольких блоков. Первый из них – заголовок – выделяется тегами <HEAD> и </HEAD>. В этом блоке содержится заглавие страницы, а также сведения о кодировке, описание содержания страницы, ключевые слова и сведения об авторе. Текст заглавия появляется в строке заголовка Web-браузера при выводе страницы на экран. Он используется также поисковыми системами Интернет, такими как Yahoo, AltaVista или Rambler. Заглавие устанавливается с помощью тегов <TITLE> и </TITLE>. Для указания кодовой страницы символов, которая использовалась при создании Web-страницы, применяется тег <META> и параметр http-equiv = "Content-Type". Например, для указания кириллической кодировки windows-1251 надо написать:
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">.
Для индексации и каталогизации Web-страницы поисковыми серверами (например, Yahoo!, Lycos, Infoseek и др.) можно использовать тег <META> и параметр name="description" с описанием содержимого страницы. Например: <META name="description" content= "Официальный сайт фирмы EuroRobot, занимающейся разработкой промышленных роботов">. Аналогично можно добавить ключевые слова и имя автора страницы:
<META NAME="keywords" content="Ключевые слова">;
<META NAME="author" content="Имя автора">.
Тело Web-страницы ограничивается тегами <BODY> и </BODY>. В теге <BODY> можно использовать ряд ключевых слов (атрибутов) для установки цвета текста, фона, гиперссылок и др. Например,
<body bgcolor="#FFFFCC" text="#660099" link="#FF3399" alink="#CC3333" vlink="#669966"> Тело страницы </body>,
где bgcolor="#FFFFCC" – цвет фона; text="#660099" – цвет текста; link="#FF3399" – цвет гиперссылок; alink="#CC3333" – цвет активных гиперссылок; vlink="#669966" – цвет посещенных ранее ссылок.
В примере значения цветов приведены в шестнадцатеричном виде в формате RGB-палитры - #RRGGBB: символ#, две первые цифры – интенсивность красной составляющей, следующие две – зеленой, последние две – синей. Основные цвета можно указывать названиями (BLACK, BLUE, GREEN и т.д.).
В другом примере в качестве фона используется рисунок с именем picture1.gif - <body background="picture1.gif">Тело страницы</body>.
Подытоживая данный параграф, приведем структуру Web-страницы:
<DOCTYPE HTML PUBLIC “-//W3C/DTD HTML 3.2//EN”>
<HTML>
<HEAD>
<TITLE>Заглавие</TITLE >
<META http-equiv="Content-Type" content="text/html; charset= windows-1251">
<META name="description" content="Содержимое Web-страницы">
<META NAME="keywords" content="Ключевые слова">
<META NAME="author" content="Имя автора">
</HEAD>
<BODY bgcolor="цвет" text="цвет" link="цвет" alink="цвет" vlink="цвет">
Тело документа
</BODY>
</HTML>