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


 

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

85088. Организация гражданской обороны в общеобразовательных учреждениях 37.48 KB
  Главными задачами Гражданской обороны в школе считаются: обеспечение готовности школы к действиям по защите учащихся и постоянного состава администрация учителя и специалисты учебновспомогательный персонал в условиях чрезвычайной ситуации в мирное время; организованный переход с мирного на военное положение; приобретение знаний и практических навыков по сохранению жизни и здоровья в различных чрезвычайных ситуациях; увеличение запасов имущества Гражданской обороны и средств индивидуальной защиты. Начальником гражданской...
85089. Сохранение и укрепление здоровья — важная забота каждого человека и всего человечества 41.73 KB
  Что позволит сберечь его здоровье. Многие люди считают что здоровье гражданина дело сугубо личное. Отвечая на вопросы постарайтесь использовать свой жизненный опыт Как вы понимаете термин здоровье человека Есть ли какиелибо объективные показатели здоровья Если есть назовите их. Для чего нужно здоровье человеку с точки зрения личной жизни А с точки зрения общества Из чего складывается здоровье человека Есть ли какието показатели здоровья помимо физических Что такое общественное здоровье Как оно связано с личным здоровьем...
85090. Инфекционные заболевания, их классификация 53.65 KB
  Инфекционные болезни человека одно из проявлений такого загрязнения. Инфекция от средневекового латинского слова infectio заражение внедрение и размножение в организме человека или животного болезнетворных микроорганизмов сопровождающееся комплексом реактивных процессов; завершается инфекционным заболеванием бактерионосительством или гибелью микробов. Инфекционные болезни заболевания вызываемые болезнетворными микроорганизмами которые передаются от зараженного человека здоровому. Способность некоторых возбудителей длительное...
85091. Здоровый образ жизни, понятия и определения, составляющие ЗОЖ 39.74 KB
  Здоровый образ жизни понятия и определения составляющие ЗОЖ. Познакомить учащихся и закрепить имеющиеся знания о здоровом образе жизни роли питания как составляющей здорового образа жизни. Противостоять им может только одно средство здоровый образ жизни. Что такое здоровый образ жизни Из каких составляющих он состоит Какое место в здоровом образе жизни занимает правильное питание Что вы понимаете под правильным питанием Относится ли к этому понятию только определенное сочетание продуктов Попробуйте сформулировать понятие...
85092. Биологические ритмы. Общие понятия. Влияние биоритмов на работоспособность человека 37.05 KB
  Влияние биоритмов на работоспособность человека. Ответьте на вопросы: Что такое здоровый образ жизни Какую роль он играет в жизни человека От каких факторов он зависит Какие составляющие он в себя включает На что он направлен Какую роль играет в здоровом образе жизни здоровое питание В чем заключается здоровое питание Что такое культура питания К соблюдению каких правил она сводится Назовите основные правила здорового питания. Усталость особенно сильно влияет на человека если его повседневный ритм жизни не удобен для его...
85093. Увольнение с военной службы и пребывание в запасе 47.5 KB
  Увольнение с военной службы и пребывание в запасе. Изучить порядок увольнения с военной службы и прохождение службы в запасе. Согласно Федеральному закону О воинской обязанности и военной службе военная служба подразделяется на военную службу по призыву по контракту и военную службу в запасе. Военнослужащий запаса тот же гражданский человек так же работает занимается бизнесом получает от этого доход который дает ему средства к существованию на него не распространяется действие общевоинских уставов над ним нет командиров он не может...
85094. Общевоинские уставы Вооруженных сил Российской Федерации — закон воинской жизни 43.44 KB
  Общевоинские уставы Вооруженных сил Российской Федерации закон воинской жизни. Изучить структуру и содержание общевоинских уставов. Ознакомиться с историей создания уставов в России. О воин службою живущий Читай устав на сон грядущий И утром ото сна восстав Читай внимательно устав Конечно это типичный образец армейской сатиры но зерно истины в нем есть.
85095. Военная присяга — клятва воина на верность Родине — России 42.76 KB
  Изучить условия и порядок приведения военнослужащим к военной присяге. Студенты обучающиеся на военной кафедре университета проходят военные сборы в одной из воинских частей. Их он получает только после принятия военной присяги. В армии обычаев которые бы так четко разделяли солдат не принявших военной присяги от тех кто ее принял нет.
85096. Прохождение военной службы по контракту 44.58 KB
  Прохождение военной службы по контракту Цель: изучить порядок поступления на военную службу по контракту и её прохождения. В этих условиях количество военнослужащий по контракту в армии и на флоте должно возрасти в несколько раз а самое главное должно существенно повыситься их качество уровень образования состояние здоровья социальный статус до поступления на военную службу. Что такое служба по контракту Чем служба по контракту отличается от службы по призыву Кто может поступить на службу по контракту Происходит ли отбор граждан...