Выполнение
I. Прочтите общие сведения о языке HTML ([1]
п.п. 1.1, 1.2).
II. Подготовьте бланк для HTML-кода Вашего резюме. Для
этого следует:
1) выполнить команду Пуск
Программы Стандартные
Блокнот Файл Сохранить как…;
4
2) в окне Сохранение документа открыть папку своей груп-
пы. В поле Имя стереть стандартный шаблон *.txt и ввести Резюме
Фамилия.htm (вместо Фамилия, естественно, должна стоять
Ваша фамилия), нажать кнопку Сохранить. Если все сделано пра-
вильно, то в папке Вашей группы появится этот файл со значком обо-
зревателя, в противном случае – со значком блокнота. Тогда следует
удалить созданный файл и повторить все снова;
3) открыть созданный файл и в окне программы Explorer вы-
полнить команду Вид
Просмотр HTML-кода. Программа
Explorer откроет созданный Вами блокнот.
III. Введите в созданный документ стандартные теги:
напечатайте свое резюме.
Выполните команду Файл Сохранить.
V. Посмотрите, как выглядит набранный текст без «украша-
тельств». Для этого следует открыть созданный файл из папки своей
группы, затем сжать размеры окна Explorer.
Обратите внимание на информацию в заголовке окна Explorer
и в поле Адрес, а также на то, как компонуются строки текста
при изменении размеров окна, в которое он выдается.
Вывод. Explorer компонует строки документа в своем окне, не
обращая внимание на их компоновку в исходном коде. Он самостоя-
тельно компонует документ так, чтобы его можно было читать без
горизонтальной полосы прокрутки. Поэтому при записи кода в блок-
ноте можно клавишей свободно разрывать длинные стро-
ки и вставлять пустые строки между смысловыми частями документа
5
так, чтобы было удобно просматривать именно код, а не его отобра-
жение в окне Explorer.
VI. Проведите первую коррекцию кода. Для этого следует:
1) не закрывая Explorer, перейти в окно Блокнота;
2) вставить в контейнер … контейнер
Резюме ФИО
(вместо ФИО, естественно, должна стоять Ваша фамилия);
3) выполнить команду Файл
Сохранить;
4) перейти в окно Explorer;
5) нажать кнопку Обновить.
Посмотрите, как повлиял тег > на информацию в за-
головке Explorer. Подробнее об этих тегах см. [1]
п. 1.5.
VII. Проведите вторую коррекцию кода. Для этого следует:
1) не закрывая обозреватель, перейти в окно Блокнота;
2) в открывающий тег вставить атрибуты TEXT и
BGCOLOR
, значения цветов выбрать самим. Подробнее об этих ат-
рибутах см. [1]
п. 1.5;
3) выполнить Файл
Сохранить;
4) перейти в окно Explorer;
5) нажать кнопку Обновить.
Посмотрите, как изменился вид информации в окне Explorer .
Если какой-то атрибут «не сработал», значит, допущены
ошибки в написании английских слов или пропущены пробелы меж-
ду атрибутами. Следует найти ошибки и повторить цикл коррекции
кода.
Итак, один цикл коррекции кода включает следующие дейст-
вия: внесение и сохранение исправлений в окне блокнота, переход в
окно Explorer и обновление его информации кнопкой Обновить или
командой Вид Обновить. В дальнейших пунктах инструкции бу-
дут просто указываться изменения, которые следует внести в код, а
все остальные действия перечисляться не будут.
VIII. Проведите третью коррекцию кода. Для этого следует:
1) после раздела «ФИО, где и когда родился», поставить тег
абзаца
;
2) после раздела «какую школу кончил, средний балл аттеста-
та, сумма баллов по ЕГЭ» – тег разрыва строки
;
6
3) перед разделом «увлечения помимо учебы» вставить в код
тег горизонтальной линии
.
Подробнее об этих тегах см. [1]
п. 1.7.
Посмотрите через Explorer , в чем разница действий тегов
и
, как действует тег со значениями атрибутов по
умолчанию.
Вывод. Оба тега,
и
, переводят курсор к началу сле-
дующей строки и начинают ее от левого края экрана без абзацного
отступа. Но тег
в отличие от
резервирует вертикальный
интервал между абзацами, и это облегчает просмотр текста в тех слу-
чаях, когда предыдущий абзац кончается близко к правому края эк-
рана.
IX. Оформите линию нестандартным способом. Для этого сле-
дует внести в тег
атрибуты длины, толщины, цвета и выравни-
вания линии (см. [1] п. 1.7). Задайте длину 20–50 % от ширины окна,
выравнивание по центру, толщину 4–10 пикселей, цвет – любой.
Посмотрите через Explorer , как действуют атрибуты на ли-
нию, созданную тегом .
X. Измените вид шрифтов в разных частях резюме. Для этого
следует контейнером выделить свою фамилию, контейнером
– город, где Вы родились, контейнером – информацию
о школе, контейнером с атрибутами SIZE=7
COLOR=RED – информацию о факультете, контейнером
с атрибутами SIZE=1 COLOR=GREEN – информацию о приятелях,
контейнером <В> выделить какое-нибудь увлечение. Подробнее об
этих тегах см. [1] п. 1.6.
Посмотрите через Explorer , как действуют эти теги.
XI. Оформите часть текста в виде списка. Для этого следует
контейнером выделить блок об увлечениях, разбить его на
пункты тегами - (подробнее см. [1] п. 1.8). Аналогично контейне-
ром и тегами - оформить в виде маркированного списка пе-
речень Ваших приятелей.
Посмотрите, как выглядят стандартные списки.
XII. Измените нумерацию в списке. Для этого с помощью ат-
рибутов TYPE и START поменяйте нумерацию в списке увлечений
(подробнее см. [1] п. 1.8).
7
Посмотрите, как изменится стандартный нумерованный
список при новых атрибутах.
Достарыңызбен бөлісу: |