Элементы мультимедиа на web-странице Текст

Набор и форматирование текста – как в любом приложении Ms Office.

Перенос текста на другую строку без образования абзаца: Shift+Enter, новый абзац: Enter.

Форматирование символов – Format/Font.

Форматирование текста в абзаце: Format/Paragraph, можно задать отступы в пикселях и т.д.

Для текста можно задать границу и заливку: Format/Borders and Sharing. 

Чаще всего для оформления текста используются  списки - Format/Bullets and Numbering и  таблицы Table. 

Графические изображения

Оптимальными являются графические объекты с размером не более 10 кбайт. 

Форматы gif, png, jpg.

Если изображение велико или много картинок, то рекомендуется создавать эскизы:

1. Поместить на страницу рисунок (Insert/Picture)

2. Выделить рисунок

3. На панели инструментов Pictures – “Auto Thumbnail”

4. Настройка свойств – КЗМ Properties 

Любое графическое изображение или его часть могут превратиться в гиперссылку.

Позиционирование изображения выполняется: Format/Position + Обтекание текстом и расположение. 

При сохранении структуры изображения необходимо в диалоговом окне задать папку и имена файла.

Звук Можно добавить фоновое звуковое сопровождение к странице. Для этого в режиме Page выбрать файл, ^ File/Page Properties. На вкладке General указать размещение звукового файла Background Sound Location, кнопка Browse, а также задать параметры воспроизведения (число циклов или постоянно). Но, если в качестве броузера будет использоваться не Internet Explorer, звук будет отсутствовать, так как будут использоваться другие инструкции HTML для воспроизведения звука.

Видео

Видеоклипы могут быть добавлены на страницу непосредственно или при помощи гиперссылки:

• Insert/Picture/Video, указать файл, затем настроить параметры воспроизведения (по умолчанию клип будет воспроизведен только один раз при открытии страницы)

• Insert/Hyperlink (предварительно выделить текст или графический объект на странице), указать файл с видео клипом. При щелчке на гиперссылке активизируется Универсальный проигрыватель (Media Player), в котором воспроизводится клип. 

Индивидуальное задание.

Часть1: css.

ul#menu {

position: fixed;

margin: 0px;

padding: 0px;

top: 0px;

right: 0px;

list-style: none;

z-index:999999;

width:1200px;

}

ul#menu li {

width: 130px;

display:block;

float:left;

}

ul#menu li a {

display: block;

float:left;

margin-top: -2px;

width: 125px;

height: 50px;

background-color:#E7F2F9;

background-repeat:no-repeat;

background-position:50% 20px;

border:1px solid #BDDCEF;

text-decoration:none;

text-align:center;

padding-top:200px

-moz-border-radius:0px 0px 10px 10px;

-webkit-border-bottom-right-radius: 10px;

-webkit-border-bottom-left-radius: 10px;

-khtml-border-bottom-right-radius: 10px;

-khtml-border-bottom-left-radius: 10px;

opacity: 1;

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);

}

ul#menu li a:hover{

background-color:silver;

display:block;

}

ul#menu li a span{

letter-spacing:2px;

font-size:12px;

font-family:Comic Sans MS;

color:Black;

display:block;

}

H2 {font-family:Monotype Corsiva, Cursive; font-weight: bold; font-style: italic; text-shadow: 0 -1px 1px #fff;color:Black;align: center;}

H3 {text-shadow: 0 -1px 1px #FFF;color: blue;}