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


 

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

22032. Дельта - модуляция (кодирование с предсказанием) (ДИКМ) 158.5 KB
  Основные параметры характеристики компрессии по А – закону приведены в таблице: № сегмента Вид кодовой комбинации P XYZ ABCD Относительный интервал изменения входного сигнала Значение шага квантования относительно Uогр 0 P 000 ABCD 0  1 128 1 2048 1 P 001 ABCD 1 128  1 64 1 2048 2 P 010 ABCD 1 64  1 32 1 1024 3 P 011 ABCD 1 32  1 16 1 512 4 P 100 ABCD 1 16  1 8 1 256 5 P 101 ABCD 1 8  1 4 1 128 6 P 110 ABCD 1 4  1 2 1 64 7 P 111 ABCD 1 2  1 1 32 Кодовая комбинация и есть код квантованного сигнала P  ABCD ...
22033. Особенности передачи сигналов данных 67 KB
  Качество передачи при этом оценивается не искажениями формы сигналов как в аналоговых системах а числом ошибок в принятой информации т. верностью передачи. В хороших модемах перед началом передачи информации вначале устанавливается связь между модемами которые автоматически обмениваясь сигналами подстраиваются под конкретную линию связи и автоматически выбирают необходимую скорость передачи а затем передают саму информацию.
22034. Графическая визуализация вычислений 83.54 KB
  В ходе выполнения данной лабораторной работы я освоил визуализацию вычислений средствами указанных функций
22035. Казкотерапія як напрям психолого-педагогічної терапії 132.5 KB
  Озброїти студентів знаннями про сутність казкотерапії та особливості психолого-педагогічої терапії за допомогою казки. Ознайомити з видами казок у казко терапії. Пояснити особливості використання різних форм роботи з казкою у процесі казко терапії. Сформувати поняття про використання різних арттерапевтичних технік та їх поєднання в казкотерапевтичній роботі.
22036. Музикотерапія та особливості її використання 57.5 KB
  Музикотерапія – це контрольоване використання звуків і музикп в лікуванні і реабілітації клієнтів, що являє собою діяльність, яка включає: відтворення, фантазування, імпровізацію за допомогою людського голосу і вибраних музичних інструментів чи прослуховування спеціально підібраних музичних творів.
22037. Математическая обработка данных 21.98 KB
  В ходе выполнения лабораторной работы мною были освоены функции, позволяющие решать нетривиальные математические задачи.
22038. Основные графические возможности 131.8 KB
  Построить график дискретных отсчетов функции. Отразить координатную сетку. Закрасить маркеры. Построить графики в логарифмическом и полулогарифмическом масштабе, используя разбиение графического окна. Построить лестничный график. В этом же графике графическом окне построить плоской график заданной функции.
22039. Общая схема мультиплесирования PDH трибов 180.5 KB
  POH – поле размером не более 9 байт двумерного формата 1×n. Пример: 1×9 байт для VC4 или VC32 формат 1×6 байт для VC31. Каждый элемент рамки содержит 1 байт. Порядок передачи байтов во всех структурах одинаков: слева направо и сверху вниз.
22040. Функциональные модули сетей SDH 72.5 KB
  СОПРЯЖЕНИЕ сети SDH с каналами пользователя производится терминальным оборудованием включающим в себя конверторы интерфейсов конверторы скоростей конверторы импедансов и т. Мультиплексоры SDH Поскольку в каждом комплекте оборудования узла связи одновременно производится в одном направлении передача а другом приём то в одном блоке монтируется и мультиплексор и демультиплексор выполняющие взаимообратные функции объединения разъединения расшивки потоков. Мультиплексоры SDH в отличае от мультиплексоров PDH выполняют как функции...