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 бегущую строку? Как изменить их цвет и размеры?


 

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

84116. Место теории государства и права в системе юридических наук 21.88 KB
  Теория государства и права в системе юридических наук. Теория государства и права как общетеоретическая отрасль юридической науки. Историко-правовые науки к которым относятся история государства и права России зарубежных стран история политических и правовых учений.
84117. Взаимосвязь теории государства и права с общественными науками 21.54 KB
  Теория государства и права в системе гуманитарных наук. Прежде всего теория государства и права связана с историей изучающей прошлое человечества во всей его конкретности и многообразии. Так выясняя причины происхождения государства и права и исследуя их поступательное развитие теория государства и права опирается на конкретные данные исторической науки.
84118. Общенаучные и частные методы изучения государства 23.46 KB
  Философские методы определяют подход к изучению государства и права в целом. 2 Идеализм связывают существование государства и права либо с объективным разумом объективные идеалисты либо с сознанием человека его переживаниями субъективными и осознанными усилиями субъективные идеалисты. Не внешние факторы определяют развитие государства и права а внутреннее духовное начало. 5 Аксиологический анализ государства и права как специальных ценностей которые регулируют поведение отдельных личностей.
84119. Характеристика общественной власти и социальных норм первобытного общества 22.37 KB
  Исторически первой формой организации догосударственного общества являлась родовая община. Таким образом род был одновременно древнейшим социальным институтом и самой первой формой организации догосударственного общества. не отделенной от общества и не политической.
84120. Закономерности возникновения государства и права и его формы 22.03 KB
  Формы возникновения государств: восточные раннеклассовые государства и западные. Восточный путь возникновения государства. Западный путь возникновения государства.
84121. Теории происхождения государства в прошлой и современной науке о государстве 27.12 KB
  Одной из первых теорий происхождения государства и права была теологическая объясняющая их возникновение божественной волей. В то же время она отстаивает идеи незыблемости вечности государства необходимости всеобщего подчинения государственной воле как власти от Бога но вместе о тем и зависимости самого государства от божественной воли которая проявляется через церковь и другие религиозные организации. Глава этой семьи становится главой государства монархом.
84122. Признаки государства, отличающие его от общественной власти первобытного общества 18.75 KB
  Наличие отделенной от общества публичной власти. Публичная власть существовала и в первобытном обществе но она выражала интересы всего общества и не была отделена от него. В любом же государстве власть реально осуществляется государственным аппаратом который отделен от остального общества.
84123. Государственная власть как особая разновидность социальной власти и методы ее осуществления 21.25 KB
  В литературе поразному понимается соотношение категорий государственная власть и политическая власть . Согласно одной точке зрения государственная власть более узкая категория чем политическая власть ибо последняя осуществляется не только государством но и другими звеньями политической системы общества: органами местного самоуправления партиями политическими движениями общественными организациями и т. Так в соответствии с Конституцией Российской Федерации органы местного самоуправления не входят в систему органов государственной...
84124. Признаки государства, отличающие его от других политических организаций общества 18.91 KB
  Государство единственная организация власти в масштабе всей страны. Каждый человек уже в силу своего рождения устанавливает определенную связь с государством становясь его гражданином или подданным и обретает с одной стороны обязанность подчиняться государственновластным велениям а с другой право на покровительство и защиту государства. Государство обладает суверенитетом как внешним т. Только государство включает такие структуры как суд прокуратура органы внутренних дел и т.