Ассоциация российских банков

Выполнить следующие действия:

· В начало тела web-страницы (сразу после открывающей части тэга BODY) добавить нужный текст, заключить его в контейнерный тэг CENTER.

· Для того, чтобы разбить текст на две строки, вставить между ними непарный тэг перевода строки BR, не имеющий закрывающей части.

· Перед текстом, заключенным в тэг CENTER вставить непарный тэг горизонтальной линии HR, задать следующие свойства линии: выравнивание по центру (параметр ALIGN), длина 80% от ширины окна браузера (параметр WIDTH) и толщина в 2 пикселя (параметр SIZE):

<HR ALIGN=”center” WIDTH=”80%” SIZE=”2”>

· Вставить тэг горизонтальной линии и после заголовка. Изменить цвет нижней линии, добавив в тэг HR параметр COLOR с выбранным значением.

· Текст строк заголовка выделить крупным шрифтом, отличающимся от используемого по умолчанию на две позиции. Для этого заключить каждый фрагмент текста в тэг FONT, указав параметр размера шрифта SIZE:

<FONT SIZE=”+2”>«АРБ»</FONT>

По умолчанию используется шрифт размером 3.

· Изменить цвет текста заголовка, добавив в тэг FONT параметр COLOR с выбранным значением.

· Выделить текст заголовка жирным шрифтом, заключив его в тэг B внутри тэга FONT.

14. Выделить текст строки «Комитеты и рабочие группы АР» крупным шрифтом, превышающий заданный по умолчанию шрифт на 1 позицию. Обратить внимание на правильное соблюдение вложенности тэгов!

15. Добавить после нижней разделительной линии текст с описанием деятельности ассоциации:

· Скопировать через буфер в нужное место web-страницы «Ассоциация Российских Банков» рекламный текст из файла arboi.htm из папки images

Ассоциация российских банков (АРБ) является негосударственной некоммерческой организацией, объединяющей коммерческие банки и другие кредитные организации, а также организации, деятельность которых связана с функционированием финансово-кредитной системы Российской Федерации.

Ассоциация оказывает своим членам консультационные и информационные услуги, дважды в месяц рассылает "Вестник АРБ", один раз в два месяца - журнал "Банки и технологии". В составе АРБ работают 23 комитета и 5 рабочих групп по основным направлениям банковской деятельности, в которых принимают участие представители банков - членов Ассоциации.

Заключить оба абзаца совместно в тэг DIV. Задать выравнивание абзацев по ширине, указав значение justify для параметра ALIGN тэга DIV.

· Для разделения абзацев между собой в конец первого абзаца добавить тэг перевода строки BR.

· В начале каждого абзаца задать отступ – «красную строку», добавив подряд по пять символов неразрывного пробела, каждый из которых задается последовательностью символов &nbsp;.

16. Для текста из предыдущего задания увеличить отступ от левой границы страницы, заключив тэг DIV с содержимым в тэг BLOCKQUOTE.

17. Выделить названия изданиий «Вестник АРБ"» и «Банки и технологии» жирным курсивом.

Задание 2. Добавить на web-страницу arb.htm графические изображения и позиционировать их с помощью таблицы.

18. В заголовок страницы «Ассоциация Российских Банков» добавить эмблему, хранящуюся в графическом файле log.gif. Для этого после верхней линии, отделяющей заголовок, вставить непарный тэг IMG с указанием имени графического файла и пути к нему:

<IMG SRC=”images/ log.gif ”>

· В целях ускорения загрузки страницы с графикой браузером при ее открытии, указать в тэге IMG величину графического изображения 84´84 точки (пикселя) с помощью параметров WIDTH (ширина изображения) и HEIGHT (высота изображения):

<IMG SRC=”Images/ log.gif ” WIDTH=”84”

HEIGHT=”84”>

· Изменить размеры изображения на 100´100, просмотреть изменения в браузере.

· Расположить текст заголовка рядом с эмблемой, для чего задать обтекание изображения текстом с помощью параметра ALIGN тэга IMG. Задать для параметра ALIGN значение left, чтобы изображение находилось слева от текста. Просмотреть результат.

· Задать горизонтальные отступы вокруг изображения по 50 точек с помощью параметра HSPACE тэга IMG.

· Просмотреть результат в браузере. Изменить размер окна браузера и наблюдать, как изменится расположение текста и изображения.

19. В конец страницы «Ассоциация Российских Банков» добавить логотипы журнала "Банки и технологии" и издания "Вестник АРБ". Позиционировать изображения и текст с помощью таблицы:

· В конец страницы (перед закрывающей частью тэга BODY) вставить таблицу из трех строк, каждая из которых состоит из двух ячеек. Для этого добавить тэг таблицы TABLE. В тело тэга TABLE добавить три тэга строки таблицы TR. В тело каждого тэга добавить по два тэга ячейки TD.

<TABLE>

<TR>

<TD></TD> <TD></TD>

</TR>

<TR>

<TD></TD> <TD></TD>

</TR>

<TR>

<TD></TD> <TD></TD>

</TR>

</TABLE>

· В первую ячейку второй строки (в тело соответствующего тэга TD) поместить изображение из файла b&t.gif из папки images с размерами 189´34 точки.

Во вторую ячейку второй строки поместить текст со страницы b&t.htm из папки images: «Банки и технологии».

· В первую ячейку третьей строки поместить изображение из файла varb.gif из папки images с размерами 195´72 точки.

· Во вторую ячейку третьей строки поместить текст со страницы varb.htm из папки images: «Вестник АРБ».

20. Для таблицы задать отступы по 10 точек от границ ячеек до текста с помощью параметра CELLPADDING тэга TABLE.

21. В первую ячейку первой строки поместить текст «Издания нашей ассоциации». Выделить его шрифтом размера 4, сделать жирным.

22. Сделать текст «Издания нашей ассоциации» заголовком таблицы. Для этого следует объединить ячейки первой строки:

· Из первой строки таблицы удалить второй (пустой) тэг ячейки TD.

· Первую ячейку первой строки распространить на две ячейки. Для этого в открывающей части тэга TD, содержащего заголовок таблицы, указать параметр COLSPAN со значением 2:

<TD COLSPAN=”2”> … </TD>

· Расположить заголовок по центру объединенной ячейки. Для этого задать значение center параметра ALIGN в соответствующем тэге TD.

Просмотреть страницу «Ассоциация Российских Банков» в браузере.

Издания нашей ассоциации
	Вестник АРБ
	Банки и технологии

Рис.2. Таблица с логотипами изданий Ассоциация Российских Банков

Исследовать изменения отображения таблицы с логотипам изданий Ассоциация Российских Банков, происходящие при изменении размера окна браузера.

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

Задать для логотипов фирм вертикальное выравнивание «по верхнему краю». Для этого в тэгах TD соответствующих ячеек указать параметр вертикального выравнивания VALIGN со значением top.

Просмотреть изменения в браузере.

Задание 3. С помощью гиперссылок создать навигацию внутри страницы «Ассоциация Российских Банков». Связать страницу «Ассоциация Российских Банков» со страницами изданиий «Вестник АРБ"» и «Банки и технологии»

23. Внутри ячейки таблицы заключить тэг IMG, содержащий ссылку на файл «Банки и технологии» из папки images, в тело тэга гиперссылки А. Для тэга A указать адрес страницы, на которую указывает ссылка, с помощью параметра HREF. В данном случае ссылка указывает на страницу b&t.htm, расположенную в папке \images:

<A HREF=” \images \…\ b&t.htm ”><IMG …></A>

24. Аналогичным образом оформить изображение с логотипом страницы «Вестнике АРБ» из папки \images: как гиперссылку на страницу varb.htm из той же папки. Проверить работу гиперссылок в окне браузера.

25. В окне браузера изображение помечается как гиперссылка с помощью рамки. Отменить рамки вокруг логотипов фирм, сделав их размер нулевым. Для этого в соответствующие тэги IMG добавить параметр BORDER со значением 0.

26. Оформить как гиперссылки на страницы b&t.gif и varb.gif названия изданий, выделенные в тексте страницы «Ассоциация Российских Банков» жирным курсивом (пункт 17):

· Текст заключается в тэг A вместе с тэгами форматирования символов B и I.

· Потребовать, чтобы страницы фирм открывались в новом окне. Для этого добавить в тэг A параметр TARGET со значением _blank (Внимание! Значение «_blank» начинается со знака подчеркивания). Проверить работу ссылок.

27. В конце страницы создать ссылку на ее начало:

· В начале страницы непосредственно после открывающей части тэга BODY создать метку. Для этого вставить тэг A с параметром NAME и именем метки. Назвать метку topstr. Тело тэга A оставить пустым:

<A NAME=”topstr”></A>

· В конце страницы непосредственно перед закрывающей частью тэга BODY вставить текст «Вернуться в начало страницы». Заключить текст в тэг абзаца P с выравниванием по центру (параметр ALIGN, значение center). Выделить текст курсивом.

· Выделить текст «Вернуться в начало страницы» как гиперссылку, в качестве значения параметра HREF указать имя метки, предваренное знаком #:

<A HREF=”#topstr”> … </A>

Проверить действие гиперссылки в браузере.

28. Продемонстрировать страницу «Ассоциация Российских Банков» преподавателю.

Приложение. Фоновые цвета

Название цвета	RGB	Название цвета	RGB
aqua*	#00FFFF	lightseagreen	#20B2AA
beige	#F5F5DC	lightskyblue	#87CEFA
bisque	#FFE4C4	lightslategray	#778899
black*	#000000	lightyellow	#FFFFE0
brown	#A52A2A	lime*	#00FF00
burlywood	#DEB887	linen	#FAF0E6
chartreuse	#7FFF00	maroon*	#800000
chocolate	#D2691E	mintcream	#F5FFFA
coral	#FF7F50	moccasin	#FFE4B5
cornsilk	#FFF8DC	navy*	#000080
cyan	#00FFFF	olive*	#808000
darkkhaki	#BDB76B	orange	#FFA500
fuchsia*	#FF00FF	orchid	#DA70D6
gold	#FFD700	papayawhip	#FFEFD5
goldenrod	#DAA520	purple*	#800080
gray*	#808080	red*	#FF0000
green*	#008000	salmon	#FA8072
greenyellow	#ADFF2F	sienna	#A0522D
honeydew	#F0FFF0	silver*	#C0C0C0
ivory	#FFFFF0	skyblue	#87CEEB
khaki	#F0E68C	slateblue	#6A5ACD
lavender	#E6E6FA	slategray	#708090
lemonchiffon	#FFFACD	springgreen	#00FF7F
lightblue	#ADD8E6	teal*	#008080
lightcoral	#F08080	white	#FFFFFF
lightcyan	#E0FFFF	whitesmoke	#F5F5F5
lightgreen	#90EE90	yellow*	#FFFF00
lightsalmon	#FFA07A	yellowgreen	#9ACD32

Таблица содержит названия некоторых цветов, которые могут быть использованы для оформления фона (или текста) web-страниц. Названия основных цветов отмечены звездочкой *.

Дата добавления: 2015-11-16