- •Практикум по созданию сайта.
- •1. Язык html.
- •1.1 Общие сведения о языке.
- •Структура html-документа
- •1.2 Некоторые тэги и их назначение (справочник).
- •1.3 Работа с таблицами, фреймами, формами Работа с таблицами
- •1.4 Работа с фреймами
- •1.5 Работа с формами
- •1.6. Вставка звуковых файлов в сайт
- •1.6.1 Вставка фонового звука.
1.6. Вставка звуковых файлов в сайт
1.6.1 Вставка фонового звука.
Тэг BGSOUND определяет музыкальный файл, который будет проигрываться на веб-странице при ее открытии. Тэг должен размещаться только в контейнере <HEAD>! Закрывающего тэга не имеет.
<bgsound src="yyy.mid" loop="3" volume="-1000" >
Параметры:
src – путь к файлу
loop - количество повторений. По умолчанию «-1» - проигрывает музыку, пока открыта веб-страница. Значение «0» - проигрывает только 1 раз. Любое положительное значение - проигрывает указанное число раз.
volume – громкость звучания (от -10 000 до 0). Только целое число. Ноль соответствует максимальной громкости звучания.
1.6.2 Вставка объекта с управлением
Посетитель может контролировать воспроизведение звука. На экран могут быть выведены органы управления, включая кнопки проигрывания, паузы, остановки.
Тэги object и embed сообщают браузеру, как загружать и отображать объекты, которые исходно браузер не понимает.
object:
<object data="ХХХ.swf"> </object>
Параметры:
data – адрес файла для отображения его браузером
width и height – ширина и высота объекта (окна показа видеофайла или панели управления аудиофайлом).
embed:
<embed src=" ХХХ.wav " width="350" height="420" > </embed>
Параметры:
src – путь к файлу
width и height – ширина и высота объекта (окна показа видеофайла или панели управления аудиофайлом).
Задание:
-
Выберите любую интересующую Вас тему и создайте 4-5 Web-страниц, используя материал из Интернета.
-
Свяжите страницы гиперссылками.
-
Добавьте на страницы сайта картинки.
-
На страницах текст должен быть отформатирован:
-
с выбором шрифта, с выбором размера и цветов
-
с выбором цвета фона
-
с созданием различных списков
-
с выбором различных стилей написания текста
-
с выбором центровки
-
с разделителями
-
-
Создайте несколько таблиц, используя материал практикума.
Желательно, чтобы все Web-страницы создаваемого сайта были отформатированы при помощи таблиц.
-
Создайте одну из страниц сайта в виде фреймов, используя name и target.
-
Создайте несколько форм (делать, чтобы они действительно отправляли информацию на почту НЕ НАДО!)
-
Вставьте любые звуковые файлы в созданный сайт
-
как фоновый звук
-
как звук с управлением
-
Web-сайт сохраните в папке, заархивируйте и перешлите преподавателю.
|
Таблица специальных символов |
|||
|
Название символа |
Символ |
Мнемоническое имя |
Числовой код |
|
Меньше |
< |
< |
< |
|
Больше |
> |
> |
> |
|
Амперсант |
& |
& |
& |
|
Неразрывный пробел |
|
|
|
|
Копирайт |
© |
© |
© |
|
Тире |
- |
|
|
|
Левая "елочка" |
« |
« |
« |
|
Правая "елочка" |
» |
» |
» |
|
Левая "лапка" |
“ |
|
|
|
Правая "лапка" |
” |
|
|
|
Номер |
№ |
|
№ |
|
Параграф |
§ |
§ |
§ |
|
Registered |
® |
® |
® |
|
Знак градуса |
º |
° |
° |
|
Многоточие |
… |
|
… |
|
Одиночная открывающаяся кавычка |
، |
|
|
|
Одиночная закрывающаяся кавычка |
٫ |
|
|
|
Жирная точка |
• |
|
|
|
Средняя точка |
• |
· |
· |
|
Среднее тире |
- |
|
|
|
Длинное тире |
— |
|
|
|
Trademark |
™ |
™ |
|
|
Плюс-минус |
± |
± |
|
|
Таблица основных (стандартных) цветов |
|||
|
Имя |
Код |
Описание |
|
|
black |
#000000 |
Черный |
|
|
silver |
#C0C0C0 |
Серебряный |
|
|
gray |
#808080 |
Серый |
|
|
white |
#FFFFFF |
Белый |
|
|
maroon |
#800000 |
Коричневый |
|
|
red |
#FF0000 |
Красный |
|
|
purple |
#800080 |
Темно-сиреневый |
|
|
fuchsia |
#FF00FF |
Сиреневый |
|
|
green |
#008000 |
Зеленый |
|
|
lime |
#00FF00 |
Светло-зеленый |
|
|
olive |
#808000 |
Оливковый |
|
|
yellow |
#FFFF00 |
Желтый |
|
|
navy |
#000080 |
Темно-синий |
|
|
blue |
#0000FF |
Синий |
|
|
teal |
#008080 |
Петроль |
|
|
aqua |
#00FFFF |
Голубой |
|