Доп задания

НТML

1.     Порядок проведения работы.

1.1.          Открыть окно текстового редактора Блокнота – Ввести HTML – код WEB – страницы

<HTML>

<HEAD>

<TITLE> Колледж АВТ имени Л.В. Багрова</TITLE>

</HEAD>

<Body>

Колледж АВТ имени Л.В. Багрова

</Body>

</HITL>

1.2.          Сохранить файл под именем INDEX.HTM в вашей папке

1.3.          Загрузить этот файл в окно браузера для просмотра двойным нажатием левой кнопкой мыши или нажатием правой кнопки и выбрать команду Открыть – с помощью.

1.4.          В созданный файл ввести дополнение после тега <BODY>. И просмотреть с использованием контекстного меню “Просмотр в виде HTML”

<H1 ALIGN = “center”>

<FONT COLOR = “blue”>

Будем знакомы – Академия водного транспорта

</FONT>

</H1>

<HR>

</Body>

1.5.          Вызвать редактор Paint и с использованием инструментов редактора создайте самостоятельно изображение эмблемы АВТ с именем com.bmp в Вашей папке.

1.6.          Открыть “Текстовый документ” и внести в созданный файл INDEX.HTM изменения и дополнения после тега <Body> для вставки изображения и обтекающий его текст. Просмотреть результат в браузере

<IMG SRC = “com.bmp”

ALT = “Эмблема

ALIGN = “right”>

Частью истории государства Российского является Морской и речной флот, которые сделали Россию великой державой.

Водному транспорту нашей страны нужны квалифицированные специалисты.

Подготовку таких специалистов государство поручило Академии водного транспорта (АВТ), которая входит в состав Российского университета транспорта.
Колледж готовит плавсостав для внутренних водных путей, а также специалистов в области перевозок и логистики для судоходных компаний, портов и причалов.

1.6.1.  Получите бегущую строку “Мы рады приветствовать всех, кто посетил нашу страничку” с использованием тегов:

<marquee> </marquee>

1.6.2.  .Измените размер текста (Н3) и цвет (например, Red).

<H3 ALIGN="CENTER">

<FONT COLOR="RED">

1.6.3.  Измените цвет фона.

1.7.          С использованием «Текстового документа» или «Блокнота» создайте пустые страницы «Колледж», «Студсовет», «Анкета»
Сохраните их в файлах с именами  kol.htm, student.htm, anketa.htm в Вашей папке. Каждая страница будет содержать следующий HTML – код, например 

<HTML>

<HEAD>

<TITLE> Колледж </TITLE>

</HEAD>

<BODY>

</BODY>

</HTML>

1.8.          С использованием «Текстового документа» или «Блокнота» вставьте после бегущей строки в файл Index.htm код, создающий панель навигации для перехода на связанные страницы созданного сайта, сохраните и просмотрите в браузере результат

<P ALIGN = “CENTER”>

[<A HREF = “kol.htm”> Колледж </A>]

[<A HREF = “student.htm”> Студсовет </A>]

[<A HREF = “anketa.htm”> Анкета </A>]

</P>

1.9.          Открыть в блокноте файл fakul.htm и добавить следующий HTML – код, задающий список

<UL>

<LI> Судовождение

<LI> СЭиА

<LI> Судостроение и судоремонт

<LI> ППТМиР

</UL>

1.10.     Добавить HTML код, задающий вложенный список для элемента <LI>. судовождения и эксплуатации флота.

<UL>

<LI> Судовождение

<LI> Организация перевозок и управление на водном транспорте

<LI> </UL>

1.11.     Открыть в Блокноте файл kol.htm и добавить следующий HTML – код, задающий список

<DL>

<DT> Колледж

 <DD> ведет подготовку специалистов среднего звена

 <DT> Колледж готовит судоводителей, судоэлектриков и судомехаников

<DD> Выпускники продолжают свою деятельность на водном транспорте.

1.12.     Открыть в блокноте файл anketa.htm и добавить следующий HTML – код, создающий текстовые поля для ввода данных. Просмотреть страницу в браузере.

<FORM>

Пожалуйста, введите ваше имя: <BR>

<INPUT TYPE = “TEXT”

NAME = “name” SIZE = 30><BR>

Ваш E-mail: <BR>

<INPUT TYPE = “TEXT”

NAME = “E-mail” SIZE = 30>

</FORM>

1.13.     Добавить HTML – код, создающий выбор и просмотрите страницу в браузере. Укажите, к какой группе Вы себя относите:

<BR>

<INPUT TYPE = “radio”

NAME = “group” VALUE =

“schoolboy”> курсант <BR>

<INPUT TYPE = “radio”

NAME  = “group” VALUE = “student”> студент <BR>

<INPUT TYPE = “radio”

NAME = “group”

VALUE = “teacher”> преподаватель <BR>

1.14.     Добавить HTML – код, создающий кнопки на странице.

<INPUT TYPE = “submit”

VALUE = “Отправить”>

<INPUT TYPE = “reset”

VALUE = “Очистить”>

1.15.     Самостоятельно оформите страницу

 Сделать подпись внизу страницы, указывающую автора.

 Произвести вставку рисунка.

 Оформить фон страницы.