Доп задания
НТ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. Самостоятельно оформите страницу
Сделать подпись внизу страницы, указывающую автора.
Произвести вставку рисунка.
Оформить фон страницы.