- •Введение
- •Подключение к интернеТу
- •Принципы работы Интернета
- •Структура 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.3. Создание и использование изображения на Web-странице
1. Откройте программу Paint (ПускПрограммыСтандартныеPaint). Задайте размеры нового рисунка, например 50х50 точек (Рисунок Атрибуты).
2. Выберите красный цвет переднего плана и зеленый цвет фона. Залейте рисунок фоновым цветом.
3. Инструментом Кисть нанесите произвольный красный рисунок на зеленый фон.
4. Сохраните рисунок в формате GIF под именем pic1.gif.
5. Дайте команду РисунокАтрибуты. Установите флажок Использовать прозрачный цвет фона. Щелкните на кнопке Выбор цвета и выберите зеленый цвет, уже использованный на рисунке в качестве фонового. Убедитесь, что соотношение красного, зеленого и синего (RGB) фонового и прозрачного цветов совпадают.
6. Сохраните рисунок в формате GIF под именем pic2.gif и закройте программу Paint.
7. Откройте документ first.htm в программе Блокнот.
8. Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>.
Введите следующий текст:
<p>Вставка графического файла осуществляется тегом
<IМG SRC=”имя_файла” WIDTH=”число” HIGHT=”число” HSPACE=”число” VSPACE=”число” ALIGN=”LEFT” ALT=”текст”>,
где WIDTH=”число” HIGHT=”число” – соответственно ширина и высота рисунка в пикселах, HSPACE=”число” VSPACE=”число” – отступ текста от рисунка соответственно по горизонтали и вертикали, ALIGN=”LEFT” – выравнивание текста относительно графики: LEFT – по левой границе, RIGHT – по правой, TOP – по верхней, BOTTOM – по нижней и MIDDLE – по центру изображения. </p>.
Вставьте в текст после тега <p> тег
<IMG SRC="pic1.gif" WIDTH=”50” HIGHT=”50” ALIGN="BOTTOM">
Сохраните документ под именем picture.htm.
Запустите обозреватель Internet Explorer.
Дайте команду ФайлОткрыть. Щелкните на кнопке Обзор и откройте файл picture.htm. Посмотрите на получившийся документ, обращая особое внимание на изображение.
Вернитесь в программу Блокнот и измените значение атрибута: ALIGN="TOP". Сохраните файл под тем же именем.
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы при изменении атрибутов.
Вернитесь в программу Блокнот и измените значение атрибута: ALIGN="LEFT". Сохраните файл под тем же именем.
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы при изменении атрибутов.
Вернитесь в программу Блокнот и добавьте в тег <IMG> атрибуты: HSPACE=”40” VSPACE=”20”. Сохраните файл под тем же именем.
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы при изменении атрибутов.
Вернитесь в программу Блокнот и измените имя рисунка: SRC="pic2.gif". Сохраните файл под тем же именем.
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы при изменении атрибутов. В чем различие между двумя созданными рисунками?