2015-05-27
404
HTML. Структура, стиль и внешний вид программы.
Программирование списков. Вывод табличных данных
1 Цели работы:
· освоить правила написания и структурные особенности HTML-программы;
· научится программировать маркированные и нумерованные списки HTML-документа;
· научиться программировать вывод вложенных списков HTML-документа;
· освоить принципы применения таблиц в HTML-документе;
· научиться выводить табличные данные в HTML-документе.
2 Оборудование:
ПК, стандартные программы ОС Windows, методические рекомендации по выполнению лабораторной работы
3 Ход работы:
Задание 1 Входной контроль
1 Что означает запись <BODY bgcolor=silver text=black>... </BODY>?
2 Что означает запись <FONT color= navy >?
3 Для чего на Веб-страницах применяются разделительные линии и каким тегом они задаются? Сколько атрибутов имеет данный тег?
Задание 2 Программирование цвета фона и цвета шрифта
1 Записывать программу нужно так, чтобы смысл ее конструкций был максимально понятен. Ясно написанную программу легче отлаживать, то есть проводить обычный цикл опытов “посмотрел результат в браузере — подправил программу в текстовом редакторе”. Ведь в понятно написанных кодах легче найти соответствие экранного изображения командам, которые это изображение строят.
|
|
|
2 Понятную программу легче сопровождать, то есть вносить в нее изменения по прошествии какого-то времени. Записывайте имена тегов заглавными буквами, а имена атрибутов и их значения — малыми. Синтаксис языка HTML допускает запись команд в любом регистре, однако лучше следовать приведенной выше рекомендации. Как правило, текст, предназначенный для вывода на экран браузера, состоит в 
основном из маленьких символов, поэтому “большие” буквы HTML-команд будут на этом фоне выделяться.
3 Не записывайте HTML-программы со слишком длинными строками. Для их просмотра приходится применять горизонтальную прокрутку окна редактора, а это очень неудобно. Любая строка должна помещаться на экране текстового редактора.
4 Старайтесь записывать теги на отдельных строках так, чтобы по записи можно было определить вложение команд друг в друга. Рекомендация достигается использованием строчного смещения записи тега вправо на 2 позиции по отношению к внешнему блоку.
5 При необходимости используйте в ваших программах комментарии. Комментарием в HTML считается конструкция <!-- ... -->. Все, что располагается внутри этой структуры (на месте, обозначенном многоточием) браузером игнорируется. Комментарии удобно применять в следующих случаях:
· для документирования сложных языковых конструкций;
· для временного отключения группы команд при отладке.
