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.  Сдать работу преподавателю.


 

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

71945. ДЕМОГРАФИЧЕСКАЯ ПОЛИТИКА 111.5 KB
  Она призвана воздействовать на формирование желательного для общества режима воспроизводства населения сохранения или изменения тенденций в области динамики численности и структуры населения темпов их изменений динамики рождаемости смертности семейного состава расселения внутренней...
71947. Понятие сети ССП и ее базовые принципы 180.57 KB
  Пользователи получили доступ к услугам, о которых 10–15 лет назад и не задумывались. E-mail, Интернет, сотовый телефон стали обычными атрибутами повседневной жизни. За короткое время мы так привыкли к практически ежедневному появлению всевозможных новинок, что сами начали выдвигать требования по предоставлению новых услуг и приложений.
71948. Інформаційна культура учнів 47.04 KB
  В інформаційному суспільстві люди мають можливість отримувати доступ до надійних джерел інформації. Процес комп’’ютеризації позбавляє їх від рутинної роботи дозволяє забезпечити високий рівень автоматизації обробки інформації в сферах освіти виробництва в соціальній сфері.
71950. Разновидность методов управления персоналом 126 KB
  В отличие от господствовавших ранее взглядов экономически включавших персонал в категорию издержек подлежащих строгому контролю и возможно большему сокращению появилась концепция управления человеческими ресурсами в соответствии с которой персонал...
71951. Развитие транспортного комплекса автотранспортных предприятий 76.5 KB
  Грузовой автомобильный транспорт в рыночных условиях переживает период особенно бурного развития. По-видимому как это происходит в большинстве европейских стран доля грузового автотранспорта в транспортном балансе будет увеличиваться пропорционально темпам роста ВВП.
71952. Нормирование и управление запасами 48.5 KB
  Логистика, вначале как практическая деятельность, а затем и как наука выявила новый объект управления — поток товарно-материальных ценностей. Запасы стали рассматривать как форму существования материального потока, часть материального потока, который имеет свои границы в пространстве и во времени.