42554

Создание фоновых рисунков, графических изображений, gif-анимаций, звуковых (mid или wav) файлов видеоклипов (avi или mpg), бегущих строк

Лабораторная работа

Информатика, кибернетика и программирование

Вставка рисунка в документ: img src= my. Если рисунок находится в поддиректории то ссылка на него будет выглядеть так: img src= my my.jpg Если рисунок лежит на уровень выше а документ находится в поддиректории то ссылка на неё будет такой: img src= .jpg Если картинка лежит на другом сайте то путь прописывается полностью: img src= http: www.

Русский

2013-10-30

29.5 KB

1 чел.

Лабораторная работа № 2

Вставьте в Web-страницу фоновый рисунок, графическое изображение,  gif-анимацию, звуковой (mid или wav) файл, видеоклип (avi или mpg), бегущую строку и просмотрите в Web-броузере.

 Цель: Приобретение практических навыков создания фоновых рисунков, графических изображений,  gif-анимаций, звуковых (mid или wav) файлов видеоклипов (avi или mpg), бегущих строк.

Задачи лабораторной работы:

  1.  Откройте файл с лабораторная работа № 1.


D:\users\ek-01-1\fio\1.html

2. Вставка рисунка в документ:

<img src="my.jpg">

Вместо my.jpg мы можем подставить имя любого рисунка (me.gif, main.png). Рисунок должен находится в том же каталоге (директории, папке), в которой находится и файл
1.html. Если рисунок находится в поддиректории то ссылка на него будет выглядеть так:

<img src="my/my.jpg">

Если рисунок лежит на уровень выше, а документ находится в поддиректории, то ссылка на неё будет такой:

<img src="../my.jpg">

Если картинка лежит на другом сайте, то путь прописывается полностью:

<img src="http://www.homepage.ru/my/my.jpg"> 

Вставьте строку:

<img src="primtocodephoto.gif">

Перед строкой:

<p align="right">Выполнил:  Ст.гр. ЕК-01-1

3. У некоторых тэгов есть параметры (атрибуты), параметр может задаваться один, а может их быть несколько. Например у тэга <p> - <p align="justify">. Параметр align есть и у картинок:

<img src="pr1.png" align="left">

Это означает, что картинка будет прижата к левому краю экрана, а текст будет обтекать ее справа. Чтобы сделать наоборот (картинка справа, текст слева) надо прописать right:

<img src="pr1.png" align="right">

Но это не все: текст может располагаться внизу картинки (это по умолчанию) - (1), посередине - (2), и вверху - (3):

(1) - <img src="pr1.png" align="bottom">
(2) - <img src="pr1.png" align="middle">
(3) - <img src="pr1.png" align="top">

Кроме параметра align существует еще несколько параметров:

(1) - <img src="pr1.png" Vspace="10">
(2) - <img src="pr1.png" Hspace="30">
(3) - <img src="pr1.png" alt="моя фотография">
(4) - <img src="pr1.png" width="100">
(5) - <img src="pr1.png" height="200">
(6) - <img src="pr1.png" border="5">

Где:
(1) - параметр vspace - задает расстояние между текстом и рисунком (по вертикали). Расстояние задается в пикселях (pixel - минимальная единица изображения, точка. Например разрешение экрана 800х600 - 800 на 600 точек). В нашем примере расстояние равно 10 пикселям.

(2) - параметр hspace - тоже задает расстояние между текстом и рисунком, но по горизонтали. Расстояние задается в пикселях. В нашем примере оно равно 30 пикселям (точкам).

(3) - параметр alt - краткое описание картинки. Если навести курсором мыши на рисунок, и так подержать его (курсор) несколько секунд выскочит описание картинки. В нашем случае это будет фраза - "моя фотография". Если параметр alt не задавать, описания не будет. Но умные люди говорят, что описание картинкам задавать следует (особенно, если это кнопки), т.к. есть особенные люди, которые бродят по интернату с отключенной графикой. Без alt им не будет видно на что жать, т.к. картинка не отображается, а при заданном alt, можно увидеть надпись, для чего она (картинка) предназначалась.

(4) - параметр width - ширина самой картинки (в пикселях). Если ширину не задавать специально, то по умолчанию она будет равна реальной ширине картинки (а так вы можете ее сделать или уже или шире).

(5) - параметр height - высота самой картинки (тоже в пикселях). Так же как в случае с width высоту (height) картинки можно и не задавать.
(6) - параметр border - рамка вокруг самой картинки (в пикселях). Можно не задавать.

Все параметры могут употребляться одновременно друг с другом, чтобы избежать путаницы продемонстрирую наглядно на нашей страничке. Введем следующие параметры для нашей картинки:

<img src="pr1.png" align="left" HSPACE=30 VSPACE=5 alt="моя фотография">

Наша картинка будет прижата к левому краю экрана, текст будет обтекать ее справа, расстояние до текста по горизонтали - 30 пикселей, по вертикали - 5 пикселей (чтобы красиво все смотрелось), ну, и если вы наведете на картинку курсор, то выскочит надпись - "моя фотография".

Вставте строку:
<img src="pr1.png" align="left" HSPACE=30 VSPACE=5 alt="моя фотография">

Перед строкой:

<p align="right">Выполнил:  Ст.гр. ЕК-01-1

Сохраним  документ и откроем IE

4.  Ответить на контрольные вопросы по лабораторной работе.

Контрольные вопросы по лабораторной работе № 2

1. Что такое Web-страница и какие существуют способы ее создания?

2. Какова общая структура документа HTML?

3. Какие теги форматирования текстового потока и абзацев Вы знаете?

4. Как задать цвет текста, цвет фона, цвет гиперссылки?

5. Как вставить в документ HTML графическое изображение?

6. Как вставить в документ HTML фоновый рисунок?

7. Как вставить в документ HTML бегущую строку? Как изменить их цвет и размеры?


 

А также другие работы, которые могут Вас заинтересовать

38952. Синтез линейных элементов ОЭП с помощью процедуры дискретной свертки (ДС). Вид выражения одномерной и двумерной ДС, его связь с аналоговой сверткой 784 KB
  сигнала gτ St сигналы на входе и выходе ht ИХ линейного элемента При проектировании gτ St известны ht искомая. сигнала является дискретным аналогом свертки. сигнала hk отсчеты ИХ ЛЭ ym результирующая последовательность отсчетов вых. сигнала При переходе к автоматическому проектированию необходимо вхю сигнал и ИХ ограничить некоторым временным интервалом затем дискретезировать.
38953. Синтез случайных величин как базовая операция процедуры анализа параметрической чувствительности. Методы: «обратной функции», Неймана, «кусочной аппроксимации» 353.5 KB
  Синтез случайных величин как базовая операция процедуры анализа параметрической чувствительности. расчет качества ОЭС при условии изменения параметров элементов в соответствии с законами распределения их как случайных величин. Ядро процедуры синтез случайных величин с известными параметрами. Методы синтеза основаны на преобразовании исходной последовательности значений gk случ велич Г р м распределенной в интервале [0;1] в последовательность значений xi случ величины Х с заданной функцией распределения ФР Fx или плотностью...
38954. Вычисление сигнала на выходе линейного элемента ОЭП с использованием процедуры ДС. Методы: прямой свертки, быстрой свертки 432.5 KB
  Методы: прямой свертки быстрой свертки Определение Линейных элементов Линейность в широком смысле Параметрические системы у них импульсная характеристика изменяется но не в зависимости от входного сигнала Линейность в узком смысле Дюамель Если это выражение справедливо для линейного элемента то он линейный в узком смысле. ymотсчеты выходного сигнала При выполнении процедуры используется метод прямого перебора значений ht: известен вид ht но неизвестен а Дискретная свертка T1T2предварительные значения по методике дпф Нужно...
38955. Анализ сигналов с помощью процедуры дискретного преобразование Фурье (ДПФ). Вид выражения ДПФ, его связь с аналоговым преобразованием Фурье 42 KB
  Вид выражения ДПФ его связь с аналоговым преобразованием Фурье Для гармонического анализа периодического сигнала с периодомиспользуется разложение в ряд Фурье на некотором интервале Т: где Sn комплексный коэффициент определяющий амплитуду и фазу гармонической составляющей с номером n и частотой fn n T0 исследуемого сигнала. В случае апериодического сигнала g{t используется преобразование Фурье: где Sf комплексная непрерывная функция спектральная плотность сигнала определяющая текущую амплитуду и фазу сигнала в бесконечно...
38956. Общая методика выполнения процедуры ДС. 167.5 KB
  с известным приближением определяется интегральной сверткой: 1 где момент времени в который определяется величина выходного сигнала; сигналы на входе и выходе соответственно; импульсная характеристика линейного элемента. При проектировании известными являются входной сигнал а также...
38957. Общая методика анализа спектра типовых входных сигналов с использованием процедуры ДПФ. Зеркальная особенность (mirror). Эффект появления ложных спектральных компонент (aliasing) 1.76 MB
  Эффект появления ложных спектральных компонент lising. Выбирается интервал Т ограничения сигнала в соответствии с выражениями: для бесконечного апериодического сигнал: где интервал по шкале частот между отсчетами спектра определяющей требуемое по условию задачи разрешение по частоте; для сигнала в виде одиночного импульса или группы импульсов: при отсутствии разрыва хотя бы в одной краевой точке т. Вследствие нарушения условия Котельникова происходит наложение отсчетов спектра соответствующих соседним периодам сто приводит к...
38958. Принципы построения обучаемых АТСН 43.5 KB
  Назначение обучаемых ТВК может быть различным всевозможные измерительные приборы системы технического зрения астронавигационные системы тепловизионные обзорнопоисковые системы и т. Однако режиму автономного функционирования должен предшествовать период обучения системы при временном участии оператора. Изображение эталона посредством оптической системы ОС и телевизионного датчика ТВД преобразуется сначала в аналоговый видеосигнал а затем с помощью формирователя бинарного сигнала ФБС в эталонный бинарный сигнал фиксируемый в...
38959. Функции узла предварительной обработки видеосигнала в структуре ТВК. Состав и назначение его основных компонентов 235.5 KB
  Состав и назначение его основных компонентов Основная функция устройства предварительной обработки УПО преобразование видеосигнала представляющего собой последовательность видеоимпульсов соответствующих освещенностям в анализируемых точках изображения в адекватные значения кодов двоичных чисел. Кроме АЦП в составе УПО должны быть дополнительные аппаратные средства обеспечивающие условия оптимального согласования параметров видеосигнала с параметрами АЦП независимо от содержания кадра рис. Функциональная схема устройства...
38960. Методы моделирования на этапе проектирования ТВК. Достоинства и недостатки математического (компьютерного) и физического моделирования 30 KB
  Методы математического и физического моделирования проектируемой системы помогают решать задачи связанные с уточнением параметров решающих правил при реализации различных алгоритмов обработки сигналов в ТВК. Они способствуют выявлению обоснованных требований к отдельным звеньям системы особенно в тех случаях когда аналитические расчётные методики оказываются малоэффективными или достаточно сложными. Эта модель обычно включает в себя модели основных звеньев системы: изображения объекта оптической системы фотоприёмного узла анализатора...