38034

Работа с цветом фона страницы и цветом шрифта. Задание бегущей строки

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

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

Работа с цветом фона страницы и цветом шрифта. Контейнер описания шрифта может быть помещен в любой другой контейнер. задает имя шрифта или несколько возможных шрифтов. Броузер берет последующий шрифт если у него нет предыдущего; size= задает размер шрифта.

Русский

2013-09-25

159.5 KB

3 чел.

Лабораторная работа №3. «Работа с цветом фона страницы и цветом шрифта. Задание бегущей строки»

Цель работы: применяя тег <font>  и атрибуты тега <body>,  разнообразить цветовую гамму интернет - страницы. Научиться использовать бегущую строку в оформлении web-документа. 

<font a >т</font>  описывает шрифт текста, помещенного в контейнер. Контейнер описания шрифта может быть помещен в любой другой контейнер. Атрибуты: 

face="","" ... 

задает имя шрифта или несколько возможных шрифтов. Броузер берет последующий шрифт, если у него нет предыдущего; 

size=""  задает размер шрифта: 1, 2, 3, 4, 5, 6, 7. Базовый размер шрифта - 3. Шрифты могут быть заданы относительно базового +1, -1, +2, -2, и т.д.; 

color="" - задает цвет шрифта;

style="" - описание стиля.

<basefont a >  описывает стандартный шрифт для данного WEB - документа. Действует до следующего тега этого типа.

Атрибуты: 

face="","" ...  задает имя шрифта или несколько возможных шрифтов. Броузер берет последующий  шрифт, если у него нет предыдущего; 

size=""  задает размер шрифта: 1, 2, 3, 4, 5, 6, 7. Базовый размер шрифта - 3. Шрифты могут быть заданы относительно базового +1, -1, +2, -2, и т.д.; 

color="" задает цвет шрифта.

<marquee a >т</marquee>  контейнер изображения для анимации. Атрибуты:

width="" , height="" ширина и высота бегущей строки в пикселах или в % от ширины и высоты окна, соответственно;

align=""  задает положение изображения относительно бегущей строки по вертикали.

Значения:

top - изображение выровнять по верхнему краю строки,

middle - изображение расположить по середине строки,

bottom - изображение выровнять по нижнему краю строки;

bgcolor="" - цвет бегущей строки;

behavior="" - задает тип движения.

Значения:

scroll - прокрутить,

slide - слайды,

alternate - поочередно менять направление (качание);

direction=""  задает направление движения.

Значения: 

left - изображение движется влево по строке, 

right - изображение движется вправо по строке; 

scrollamount="" ,  scrolldelay=""  - задают скорость перемещения: число пикселов, на которое должно переместиться изображение за заданное число миллисекунд, соответственно; 

loop="" задает число повторов анимации. По умолчанию повторять непрерывно. 

Замечание. В первой лабораторной работе и во введении уже были приведены примеры использования цвета фона страницы. За цвет фона отвечает атрибут color тега <body>. Далее будут приведены основные цвета.

Вид цвета

имя

код

Вид цвета

имя

код

aliceblue

F0F8FF

antiquewhite

FAEBD7

aqua

00FFFF

aquamarine

7FFFD4

azure

F0FFFF

beige

F5F5DC

bisque

FFE4C4

black

000000

blanchedalmond

FFEBCD

blue

0000FF

blueviolet

8A2BE2

brown

A52A2A

burlywood

DEB887

cadetblue

5F9EA0

chartreuse

7FFF00

chocolate

D2691E

coral

FF7F50

cornflowerblue

6495ED

cornsilk

FFF8DC

crimson

DC143C

cyan

00FFFF

darkblue

00008B

darkcyan

008B8B

darkgoldenrod

B8860B

darkgray

A9A9A9

darkgreen

006400

darkhaki

BDB76B

darkmagenta

8B008B

darkolivegreen

556B2F

darkorange

FF8C00

darkorchid

9932CC

darkred

8B0000

darksalmon

E9967A

darkseagreen

8FBC8F

darkslateblue

483D8B

darkslategray

2F4F4F

darkturquoise

00CED1

darkviolet

9400D3

deeppink

FF1493

deepskyblue

00BFFF

dimgray

696969

dodgerblue

1E90FF

firebrick

B22222

floralwhite

FFFAF0

forestgreen

228B22

fuchsia

FF00FF

gainsboro

DCDCDC

ghostwhite

F8F8FF

gold

FFD700

goldenred

DAA520

gray

BEBEBE

green

008000

greenyellow

ADFF2F

honewdue

F0FFF0

hotpink

FF69B4

indianred

CD5C5C

indigo

4B0082

ivory

FFFFF0

khaki

F0D58C

lavender

E6E6FA

lavenderblush

FFF0F5

lawngreen

7CFC00

lemonchiffon

FFFACD

lightblue

ADD8E6

lightcoral

F08080

lightcyan

E0FFFF

lightgoldenredyellow

FAFAD2

lightgreen

90EE90

lightgray

D3D3D3

lightpink

FFB6C1

lightsalmon

FFA07A

lightseagreen

20B2AA

lightskyblue

87CEFA

lightslategray

778899

lightsteelblue

B0C4DE

lightyellow

FFFFF0

lime

00FF00

limegreen

32CD32

linen

FAF0E6

magenta

FF00FF

maroon

800000

mediumaquamarine

66CDAA

mediumblue

0000CD

mediumorchid

BA55D3

mediumpurple

9370DB

mediumseagreen

3CB371

mediumslateblue

7B68EE

mediumspringgreen

00FA9A

mediumturquoise

48D1CC

mediumvioletred

C71158

midnightblue

191970

mintcream

F5FFFA

mistyrose

FFE4E1

moccasin

FFE4B5

navajowhite

FFDEAD

navy

000080

oldlace

FDF5E6

olive

808000

olivedrab

6B8E23

orange

FFA500

orangered

FF4500

orchid

DA70D6

palegoldenred

EEE8AA

palegreen

98FB98

paleturquoise

AFEEEE

palevoiletred

DB7093

papyawhip

FFEFD5

peachpuff

FFDAB9

peru

CD853F

pink

FFC0CB

plum

DDA0DD

powderblue

B0E0E6

purple

800080

red

FF0000

rosybrown

BC8F8F

royalblue

4169E1

saddlebrown

8B4513

salmon

FA8072

sandybrown

F4A460

seagreen

2E8B57

seashell

FFF5EE

sienna

A0552D

silver

C0C0C0

skyblue

87CEEB

slateblue

6A5ACD

slategray

708090

tan

D2B48C

tomato

FF6347

violet

EE82EE

whitesmoke

F5F5F5

yellow

FFFF00

yellowgreen

9ACD32

Применяя ранее изложенную теорию, можно получить следующую страничку.


Пример вставки бегущей строки.

<html>

<head>

<META HTTP-EQUIV="refresh" CONTENT="15 url=1.html">

</head>

<body bgcolor="aqua">

<font color="red">

<i>

<marquee behavior="alternate" height="20%"  bgcolor="yellow">

<h1>

<br>

          Внимание!

</h1>

      </marquee>

</i>

<br><br><br><br><br>      

        <marquee behavior="scroll">

<h2>

Только для любознательных

</h2>

       </marquee>

</font>

<br><br><br>

<font size="+7" color="darkblue">

<center>

Кафедра ИЭМ представляет

</center>

</font>         

</body>

</html>         

Задание.

  1.  Протестировать предложенный пример.
  2.  По образцу примера создать собственную страницу с названием «Семья Ивановых представляет». Написать дату создания страницы, автора страницы, e-mail автора, основное кредо семьи. (это будет ваша стартовая страница)
  3.  Сохранить страницу как index.html (как правила все стартовые (главные) страницы сайтов имеют такое имя для удобства поиска: с чего начать просмотр).
  4.  Применить другие цвета, на ваше усмотрение.
  5.  Применить переход на ваше резюме.
  6.  Сдать работу преподавателю.


 

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

45807. Распределение Максвелла 122 KB
  При выводе основного уравнения МКТ молекулам задавали различные скорости. В результате многократных соударений скорость каждой молекулы изменяется по модулю и направлению. Однако из-за хаотического движения молекул все направления движения равновероятны
45808. Особенности и направления PR- деятельности в организациях среднего и малого бизнеса 48.15 KB
  Теоретическая модель PR в ресторанном бизнесе На наш взгляд в основе PR стратегий любого ресторана прежде всего лежит его имидж или концепция поэтому PR средства варьируются от одного типа ресторана к другому однако общую теоретическую модель можно представить следующим образом: ТИП РЕСТОРАНА Средства установления связей с общественностью передача информации работа с прессой и СМИ реклама и интернет РR акции Влияние на общественное мнение убеждение клиентов ...
45809. Роль связей с общественностью . Определения. Функции PR в обществе и организации 30.9 KB
  3е издание международного Вебстерского толкового словаря: PR как наука и искусство налаживания взаимного понимания и доброжелательности между личностью фирмой или учреждением и общественностью.Брум предложили следующее определение: PR это функция управления способствующая налаживанию или поддержанию взаимовыгодных связей между организацией и общественностью от которой зависит ее успех или неудача. В основном они сосредоточены на отдельном признаке или направлении деятельности специалистов в области связей с общественностью: сбыте...
45810. Релятивистская механика 310.5 KB
  В СТО Эйнштейн рассматривал движение частиц в отсутствие потенциальных полей, т. е. Wp = 0 (в западной литературе теорию Эйнштейна называют частной теорией относительности).
45812. СПОНСОРИНГ. ФАНДРАЙЗИНГ 27.24 KB
  СПОНСОРИНГ -– подбор или организация события другого объекта спонсирования ведение и контроль события проведение и или контроль рекламной ПР-кампании гарантированное осуществление проекта с учетом интересов спонсора. Привлечение участников спонсируемых акций к другим собственным проектам. На выбор объекта влияет и то поддерживают ли данный проект некоторые влиятельные персоны или инстанции Дееспособность исполнителя проекта. Если представителю бизнеса гарантируется контакт с некоторой персоной от которой зависит коммерческий...
45814. Корпоративные издания 25.33 KB
  Всю совокупность подобных СМИ можно разделить на две большие группы издания вертикального типа информация распространяется от руководства к сотрудникам и наоборот и издания горизонтального типа содержание которых нацелено в первую очередь на реальных и потенциальных клиентов компании. В какойто степени корпоративные СМИ в России опираются на установки и опыт времен СССР когда каждый крупный завод Министерство и пр. Причем если еще 5 лет назад наличие корпоративного массмедиа в основном оставалось прерогативой западных корпораций то...
45815. Управление общественным мнением 24.86 KB
  Управление общественным мнением Общественное мнение Общественность - это группа людей оказавшаяся в аналогичной неразрешимой ситуации: сознающих неопределенность и проблемность ситуации реагирующих определенным образом на создавшуюся ситуацию Мнение – это выраженное отношение по какомулибо вопросу. Общественное мнение – это совокупность многих индивидуальных мнений по конкретному вопросу затрагивающему группу людей. Общественное мнение может давать со веты рекомендации другим социальным институтам по выбору способов разрешения тех или...