- •Понятие компьютерной сети. Виды компьютерных сетей. Краткая характеристика.
- •По территориальному признаку
- •Классификация сетей по территориальному признаку (глобальные, локальные, региональные, персональные) и по административным отношениям между узлами (иерархические, одноранговые).
- •Классификация сетей по топологии (звезда, кольцо, шина, гибридная). Достоинства и недостатки.
- •Технология «клиент-сервер». Типы серверов используемых в сети.
- •Структура и основные принципы построения сети Интернет. Услуги сети Интернет. Основные протоколы.
- •1.3 Типичные услуги телекоммуникаций
- •Сетевые протоколы. Краткая характеристика.
- •Проводные, беспроводные и комбинированные способы доступа в Интернет.
- •Принципы организации сети Интернет. Службы сети. Основные понятия: гипертекст, гиперссылка.
- •Программы для навигации по www (браузеры). Поиск информации в глобальной компьютерной сети Интернет с использованием различных поисковых систем.
- •Информационная система www. Средства создания Web-страниц (кодовые, визуальные редакторы).
- •13.Создание домашней web-страницы. Правила проектирования и создания структуры сайта. Форматирование текста с помощью html. Примеры.
- •Язык html,теги и структура 11в
- •14.Основные теги для создания свойств шрифтов и заголовков в html-документе. Размер шрифта. Примеры использования.
- •15.Основные теги для создания и форматирования абзацев в html-документе. Примеры использования.
- •17)Структура html-приложения.
- •18.Вставка мультимедийных и графических объектов в html. Примеры
- •Volume – громкость (от -10000 до 0 – максимальный уровень звука). Видео в html-документе
- •19.Создание и форматирование списков в html. Примеры.
- •Например:
- •Например:
- •20.Создание и форматирование таблиц в html. Примеры. Верстка макета веб-страницы с помощью таблиц.
- •21.Создание форм в html. Примеры.
- •22.Создание фреймов в html. Примеры.
- •23.Динамические html страницы. Основные понятия. Возможности.
- •24.Форматирование текста средствами css. Способы. Примеры.
- •Внутренние стили
- •25.Внедрение сценариев в html - документ. Примеры.
- •26.Хостинг. Виды. Интернет-провайдер. Виды услуг.
17)Структура html-приложения.
Рассмотрим пример HTML-документа.
<HTML>
<HEAD>
<TITLE> Hello </TITLE>
</HEAD>
<BODY>
hello world
</BODY>
</HTML>
18.Вставка мультимедийных и графических объектов в html. Примеры
Объекты – это графические и мультимедийные вставки в HTML-документ, такие как картинки, Flash-анимация, Java-апплеты, звуки, музыка.
Теги для вставки объектов:
● IMG - Используется для вставки в HTML изображений;
● EMBED - Используется для вставки в HTML различных объектов;
● NOEMBED Используется, если браузер не поддерживает элемент EMBED
Для вставки изображения используется непарный тег <IMG>. Его атрибуты:
src=”имя файла” – адрес изображения;
alt=”текст надписи” – задает текст, который появляется на экране вместо изображения, если оно не найдено;
title=”текст подсказки” – задает подсказку, всплывающую при наведении указателя мыши на изображение;
width=”…” – задает ширину изображения в пикселях;
height=”…” – задает высоту изображения в пикселях;
border=”…” – задает толщину рамки вокруг картинки;
vspace=”…” – задает ширину пустого поля сверху и снизу от изображения;
hspace=”…” – задает ширину пустого поля справа и слева от изображения;
align=”top” – выравнивание по верхнему краю;
align=”middle” – выравнивание по центру;
align=”bottom” – выравнивание по нижнему краю;
align=”left” – выравнивание по левому краю;
align=”right” – выравнивание по правому краю.
Пример:
<img src="имя файла1.jpg" width=30 border=20 height=30 vspace=10 hspace=10 align="right">
Для того, чтобы использовать изображение в качестве фона на странице применяется атрибут тега <BODY>:
<BODY background=”имя фала с изображением-фоном”>
Например:
<BODY background="fon.jpg">
Звук в HTML-документе
Вставить звук в качестве фонового можно при помощи двух тегов: <EMBED> или <BGSOUND>. Результат получится один и тот же: звук появится сразу после загрузки файла. Разница лишь в том, что при использовании BGSOUND звук появляется без всяких пояснений, а при употреблении EMBED - на странице появляется панель управления проигрывателя, с помощью которой пользователь может остановить проигрывание, регулировать громкость и т.д
Параметры BGSOUND : src - имя звукового файла (например: SRC="Sound.wav");loop - число повторов (например: LOOP=3).
Параметры EMBED: width (height) - ширина (высота) пульта управления, controls - тип пульта управления , autostart - если значение равно true, то воспроизведение начнётся сразу после загрузки (значения true или false), loop - повторять ролик или нет (значения true или false), play_loop - количество повторений ролика, hidden - показать или скрыть пульт управления (значения true или false)
Volume – громкость (от -10000 до 0 – максимальный уровень звука). Видео в html-документе
Пример. Вставка видео на страницу:
<img dynsrc="видео_meteorit.avi" width=400 height=400 border=10>
Пример. Вставка видео на страницу с пультом управления:<embed src="видео_meteorit.avi" width="400" height="400" controls="smallconsole" autostart="false" loop="true" play_loop="2" hidden="false"></embed>
Создание бегущей строки
Тег <MARQUEE> позволяет создавать бегущую строку в документе. При использовании этого HTML элемента необходимо указывать закрывающий тег </MARQUEE>.
Атрибуты: bgcolor определяет цвет фона бегущей строки; height определяет высоту, отведенную для бегущей строки; width определяет ширину, отведенную под бегущую строку;behavior определяет тип движения строки, возможные значения:scroll - перемещает текст в направлении, указанном в direction (дойдя до края экрана, движение начинается с противоположной стороны, и так столько раз, сколько указано в loop);alternate - колебательные движения (первоначальное направление задается в direction);
slide - перемещает текст в указанном направлении и останавливается, свойство loop не имеет воздействия;
direction определяет направление движения строки, возможные значения:
down – вниз;
left – влево;
right – вправо;
up - вверх ;
loop определяет количество повторений, при значении " - 1" - повторяется непрерывно.
Пример. Создание бегущей строки:
<MARQUEE BEHAVIOR="scroll" DIRECTION="LEFT" LOOP=" - 1" BGCOLOR="#99FF00"> Бегущая строка SCROLL</MARQUEE>
