- •Современные средства эвм и телекоммуникаций
- •Тема 1. Общие сведения об Internet
- •1.1.1. Понятие "информационное общество"
- •1.1.2. Internet как глобальная информационная среда
- •1.1.4. История возникновения сети Internet
- •1.2. Основные понятия, связанные с передачей данных в Internet.
- •1.2.1. Пакеты данных (информационные пакеты)
- •1.2.2. Протоколы
- •1.2.3. Информационные уровни. Стеки протоколов
- •1.2.4. Стандартная модель стека протоколов (модель osi)
- •1. Физический уровень.
- •2. Канальный уровень.
- •3. Сетевой уровень.
- •4. Транспортный уровень.
- •5. Сеансовый уровень.
- •6. Уровень представления.
- •7. Прикладной уровень.
- •1.2.5. Упрощенная (трехуровневая) модель стека протоколов
- •1.2.6. Клиенты и серверы
- •1.2.8. Протоколы системного уровня. Протокол tcp/ip
- •1.2.9. Система доменных имен (dns)
- •1.2.10. Определение сети Internet
- •1.2.11. Прикладной информационный уровень. Прикладные ресурсы
- •1.2.12. Электронная почта
- •1.2.13. Структура адреса электронной почты
- •1.2.14. Электронная почта через Web
- •1.2.15. Ресурс www
- •1.2.16. Структура url - адреса
- •1.3.3 Компьютерные вирусы
- •Тема 2. Работа с браузером
- •2.1. Начало работы в Internet
- •2.2. Навигация в Internet
- •2.3. Поиск в Internet
- •2.4. Сохранение результатов поиска
- •2.5. Закладки
- •Тема 3. Работа с электронной почтой
- •3.1. Основы электронной почты
- •3.1.1. Настройка программы для работы с электронной почтой
- •3.1.2. Работа с программой электронной почты
- •3.1.3. Создание электронной Web-почты
- •3.2. Обмен сообщениями
- •3.2.1. Получение и отправка электронной почты с применением Outlook- Express
- •3.2.2. Получение и отправка Web-почты
- •3.3. Работа с адресной книгой
- •3.3.1.Внесение адреса в адресную книгу электронной почты
- •3.3.2. Создание сообщения с использованием адресной книги
- •Тема 4. Создание html-документов
- •4.1. Элементы языка html
- •4.1.1. Html-документы и Web-страницы
- •4.1.2. Структура языка html
- •4.1.3. Форматирование текста
- •4.1.4 Анимация текста
- •4.1.5. Вставка рисунков
- •4.1.6. Вставка гиперссылок
- •4.1.7. Рисунки -гиперссылки
- •4.1.8. Списки
- •4.1.9. Таблицы
- •4.1.10. Фреймовые структуры
- •4.2. Публикация и использование Web-страниц
- •4.2.1. Компоновка сайта
- •Персональная
- •Ссылки Страница 1
- •4.2.2. Размещение сайта на сервере
- •4.2.3. Регистрация сайта в поисковых системах и каталогах
- •4.2.4. Коммерческое использование Web-страниц
- •4.2.5. Баннеры и баннерная реклама
- •4.2.6. Электронная коммерция
- •4.2.7. Электронный документооборот
- •4.2.8. Электронная подпись
- •4.2.9. Электронные деньги.
- •Тема 5. Интернет и общество
- •5.1 Социальные сети
- •5.2 Услуги социальных сетей
- •Вопросы для самоконтроля Вопросы по теме 1
- •Вопросы по теме 2.
- •Вопросы по теме 3.
- •Вопросы по теме 4.
- •Вопросы по теме 5.
- •Список терминов
- •Список литературы
4.1.4 Анимация текста
Бегущая строка создаётся с помощью тега <MARQUEE>, который позволяет выводить информацию в виде бегущей строки. К сожалению, он работает только в Internet Explorer. Если просмотреть этот тег в другом броузере, то будет видна статичная строчка текста. Для создания бегущей строки необходимо поместить текст между тегами <MARQUEE></MARQUEE> и он "побежит". Существует несколько атрибутов этого тега.
Атрибут ALIGN= размещает текст в верхней (TOP), средней (MIDDLE) или нижней (BOTTOM) части бегущей строки.
Атрибут BEHAVIOR= управляет движением текста. Если его нет, то текст пробегает справа налево. Если задать BEHAVIOR=SCROLL, то текст будет просто пробегать по экрану. Это значение по умолчанию. Если указать BEHAVIOR = SLIDE, то текст выползает на экран и останавливается. Если использовать параметр ALTERNATE, то текст будет сначала выползать на экран, а потом, отскакивать от боковых стенок, т.е. прыгать.
Атрибут BGCOLOR = задает цвет фона бегущей строки. Для указания цвета используются значения кода в шестнадцатеричном формате или названия цвета.
Атрибут DIRECTION = указывает направление движения текста. Налево – LEFT, направо –RIGHT.
Атрибуты HEIGHT= и WIDTH= задают соответственно толщину и ширину бегущей строки в пикселях или процентах от размера окна.
Атрибуты HSPACE= и VSPACE= задают горизонтальные и вертикальные поля вокруг бегущей строки.
Атрибут LOOP= задает количество "пробегов" текста. Если бедный текст должен бегать вечно, то не нужно использовать этот атрибут или задать LOOP=INFINITE.
Атрибут SCROLLAMOUNT= определяет скорость "пробегания". Задается числами. Число 1 даёт скорость улитки, ползущей по монитору, а при SCROLLAMOUNT=8000 скорость движения настолько велика, что ничего не возможно увидеть.
Для правильного задания скорости бегущей строки необходимо использовать вместе с предыдущим атрибутом атрибут SCROLLDELAY=, задающий скорость прорисовки текста в миллисекундах.
Мигающий текст можно создать с помощью тегов <BLINK> </BLINK>. Текст, расположенный между ними, должен мигать. Используется для выделения новой информации. Работает, к сожалению, только в броузере Netscape Navigator.
Для привлечения внимания посетителя сайта некоторые тексты можно сопровождать фоновой музыкой. Она создаётся с помощью тега <BGSOUND SRC = "имя файла в формате wav, avi, mid" LOOP=x>, где x - число повторений звукового файла. Можно написать LOOP=INFINITE, чтобы файл повторялся вечно.
4.1.5. Вставка рисунков
Вставка рисунка на страницу из файла в формате gif или jpg выполняется тегом <IMG> с атрибутами, перечисленными ниже.
<IMG SRC="имя файла или полного пути в Интернете" ALT="текст" ALIGN=”расположение” WIDTH=”ширина” HEIGHT =”высота” >.
Атрибут ALT содержит текст, который выводится вместо рисунка, если он не найден с помощью указанного пути.
Атрибут ALIGN указывает место расположения изображения и может принимать следующие значения: TOP - последующий текст располагается в верхней части изображения; BOTTOM - последующий текст располагается в нижней части изображения; LEFT - изображение находится в левой части листа, текст обтекает изображение справа; MIDDLE - изображение находится в центре листа, RIGHT - изображение находится в правой части листа, текст обтекает изображение слева.
Ширина задаёт ширину изображения в пикселях.
Высота задаёт высоту изображения в пикселях.
Атрибуты ALT, ALIGN, WIDTH, HEIGHT являются необязательными.
Например: <IMG SRC="links.gif" ALT="Links" WIDTH="47" HEIGHT="47">.
Обтекание графического объекта текстом можно получить, если выполнить следующие действия.
Поместить тег <IMG SRC="/путь/имя файла"> в том месте, где должен быть графический объект.
Добавить атрибут ALIGN=LEFT, ALIGN=RIGHT или ALIGN=CENTER.
Добавить атрибуты: HSPACE= ширина горизонтальных полей и VSPACE= ширина вертикальных полей, отделяющих изображение от текста.
Можно создать рамку вокруг рисунка или обрамление таблицы текстом. Остановка в определенном месте обтекания текстом объекта и продолжение текста ниже объекта выполняются с помощью тегов:
<BR CLEAR=LEFT> - начиная с ближайшего пустого левого поля;
<BR CLEAR=RIGHT> - начиная с ближайшего пустого правого поля;
<BR CLEAR=ALL> - текст будет продолжен, когда и левое и правое поля будут пустыми.
Рамка вокруг изображения – задается в каком-либо теге с помощью атрибута BORDER=n, где n - ширина рамки в пикселях.
В теге <IMG> можно задать рамку вокруг изображения, если это изображение является ссылкой.