- •Міністерство освіти і науки україни
- •Методические указания
- •Порядок выполнения работ
- •Содержание отчёта
- •Контрольные вопросы
- •Лабораторная работа №2 Списки и таблицы в html.
- •2. Методические указания
- •3. Порядок выполнения работ
- •Атрибуты table:
- •Атрибуты td, th:
- •Содержание отчёта
- •Контрольные вопросы
- •Лабораторная работа № 3 Создание html-страницы с резюме.
- •2. Краткие теоретические сведения – правила составления резюме
- •Образец (пример) составления (написания) резюме
- •3. Методические указания
- •Лабораторная работа №4 Каскадные таблицы стилей (css).
- •2. Методические указания
- •3. Порядок выполнения работ
- •4. Порядок выполнения работы
- •5. Содержание отчёта
- •6. Контрольные вопросы
- •Лабораторная работа №5 html Формы.
- •2. Методические указания
- •3. Теоретические сведения
- •4. Практическое задание
- •5. Содержание отчёта
- •6. Контрольные вопросы
- •Лабораторная работа №6 Резка и верстка веб-страниц.
- •Методические указания
- •Порядок выполнения работ
- •Содержание отчёта
- •Контрольные вопросы
- •Лабораторная работа №7 Обработка событий в html.
- •2. Методические указания
- •3. Теоретические сведения
- •4. Практическое задание
- •5. Содержание отчёта
- •6. Контрольные вопросы
- •Лабораторная работа №8 Основы синтаксиса JavaScript
- •2. Методические указания
- •4. Теоретические сведения
- •5. Содержание отчёта
- •6. Контрольные вопросы
- •Лабораторная работа №9 Математические функции JavaScript. Объект Math.
- •2. Методические указания
- •3. Теоретические сведения
- •4. Содержание отчёта
- •5. Контрольные вопросы
- •Лабораторная работа №10 Объект JavaScript – document.
- •2. Методические указания
- •3. Теоретические сведения
- •Лабораторная работа №11 Объект JavaScript – Date.
- •Методические указания
- •Теоретические сведения
- •Содержание отчёта
- •Контрольные вопросы
- •Лабораторная работа №12 Объект JavaScript – Image.
- •Методические указания
- •Теоретические сведения
- •Содержание отчёта
- •Контрольные вопросы
- •Лабораторная работа №12 Объект JavaScript – window.
- •Методические указания
- •Теоретические сведения
- •4. Задания:
- •5. Содержание отчёта
- •6. Контрольные вопросы
- •Лабораторная работа №14
- •2. Методические указания
- •3. Теоретические сведения
- •4. Задания:
- •5. Содержание отчёта
- •6. Контрольные вопросы:
Содержание отчёта
Отчёт должен содержать название и цель. Выполненный вариант с комментариями. Выводы.
Контрольные вопросы
Что представляет собой язык HTML.
Основные конструкции языка.
С каких тегов нужно начинать создание HTML документов.
Элементы форматирования текста.
Параметры тега BODY.
Что такое относительный адрес.
Что такое абсолютный адрес.
Параметры тега IMG.
Лабораторная работа №2 Списки и таблицы в html.
1. Цель Изучить структуру списков и таблиц в HTML, освоить и научиться применять их на практике.
2. Методические указания
При изучении конструкций языка HTML можно использовать любой текстовый редактор. Для получения HTML файла, сохраняйте свои изменения как текстовые, для файла используйте расширение *.htm или *.html.
Более опытные пользователи могут воспользоваться любым специализированным редактором HTML страниц (Macromedia Dreamweaver, HomeSite, FrontPage, AceHTML, Web Development Studio)
Создаваемые файлы необходимо тестировать в основных браузерах Internet Explorer, Mazilla Firefox, Opera.
Отлаженные файлы необходимо сохранять в отдельном каталоге.
По окончанию работы сохраните все созданные файлы на своих носителях.
3. Порядок выполнения работ
1. Запустите программу "Блокнот" (notepad.exe). Создайте файл с именем и расширением laboratory_work_2.htm.
2. В этом файле наберите структуру HTML документа.
3. В структуре после открывающего тега <HEAD>, вставьте следующую строку <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />, данная строка указывает браузеру, что документ написан кириллицей в кодировке Windows.
4. Создайте нижеуказанные списки:
Понятие списка
В HTML - документе можно представлять информацию различными способами. Одним из наиболее эффективных форматов являются списки. Они легки для восприятия и могут представлять последовательность процедур, опции для выбора решений, перечень ссылок, меню и т.д.
В HTML есть специальные элементы-контейнеры для представления данных в виде списков. Основными тэгами списков являются нумерованные и маркированные списки, меню, перечни каталогов и определений. Для получения дополнительных эффектов различные типы списков могут вкладываться друг в друга.
Упорядоченный (нумерованный) список. Тэг <OL>. Упорядоченный список используется для нумерованного перечисления отдельных пунктов или указания последовательности каких-либо действий. Когда программа встречает тэг упорядоченного списка, она последовательно нумерует пункты списка: 1, 2, 3 и т.д.
Упорядоченный список открывается тэгом <OL>, а каждый его пункт начинается стандартным тэгом <LI>…</LI>. Для создания заголовка списка используется специальный тэг <LH>…<LH>. Список закрывается тэгом <OL/>. Открывающий и закрывающий тэги обеспечивают перевод строки до и после списка, отделяя таким образом список от остального текста.
Пример:
<OL> <LI>
Жизнь имеет в точности ту ценность, которой мы хотим ее наделить [Бергман И.]
</LI> <LI>
Одиночество - это еще не самое скверное в дни испытаний; самое скверное - сидеть сложа руки [Голсуорси Дж.]
</LI> <LI>
Героизм — это победа души над телом [Амьель А.]
</LI> <LI>
Если хочешь быть счастливым - будь им! [Козьма Прутков]
</LI>
</OL>
В HTML версии 3.2 введены несколько новых атрибутов тэга <OL>. Они позволяют устанавливать вид маркеров элементов списка, а также задавать начальный маркер списка. Ниже перечислены эти атрибуты и их значение:
COMPACT - Представляет список в более компактном виде
TYPE = “A” - устанавливает маркер в виде прописных букв
TYPE = “a” - устанавливает маркер в виде строчных букв
TYPE = “I” - устанавливает маркер в виде больших римских цифр
TYPE = “i” - устанавливает маркер в виде маленьких римских цифр
TYPE = “1” - устанавливает маркер в виде арабских цифр
START = “n” - устанавливает начальный маркер в текущем списке; n - номер, с которого начинается нумерация в списке.
Неупорядоченный (маркированный) список. Тэг <UL> .
В HTML существует возможность создания неупорядоченных списков, т.е. таких, в которых отношения между пунктами не определены (списки такого типа называют также ненумерованными или маркированными).
Неупорядоченный список вместо буквенной или цифровой нумерации предполагает использование различных символов, называемых маркерами списка (bullets). Как и в упорядоченных списках, здесь также обеспечивается перевод строки до и после списка, а также допускается вложенность списков. Список располагается внутри контейнера <UL>. Каждый пункт списка начинается стандартным тэгом <LI>… <LI>. Программы просмотра создают автоматический отступ для вложенных списков и сами разнообразят маркеры, вид которых зависит от типа программы.
Базовый шаблон неупорядоченного списка выглядит следующим образом:
<UL> <LI>
Время подобно ребёнку, ведомому за руку: смотрит назад...
</LI>
<LI>
Голова без ума - что фонарь без света. </LI>
<LI>
Каждый твой поступок – это мазок на твоем автопортрете. Так что не удивляйся и, тем более, не обижайся.
</LI>
<LI>
В любой науке столько истины, сколько в ней математики.
</LI>
</UL>
Как и в случае тэга <OL>, для тэга <UL> в HTML 3.2 используются расширения браузера Netscape по управлению видом маркеров. Их вид можно устанавливать при помощи атрибута TYPE, который допускает три значения: DISC, SQUARE, CIRCLE.
Как и тэг <OL>, тэг <UL> имеет атрибут COMPACT, позволяющий выводить неупорядоченный список в более компактном виде.
Пример вложенных списков:
<ol type="1">
<li>
Моральная культура должна основываться на принципах.
</li>
<li>
Нравственность должна лежать в характере.
</li>
<li>
Одна из несомненных и чистых радостей есть отдых после труда.
<ol type="a">
<li>
Мыслить - значит говорить с самим собой... слышать самого себя.
</li>
<li>
Характер - это способность действовать согласно принципам.
</li>
<li>
Прекрасное - это нечто такое, что принадлежит исключительно вкусу.
</li>
<li>
Смерти меньше всего боятся те люди, чья жизнь имеет наибольшую ценность.
<ul type="square">
<li>
Упрямство имеет только форму характера, но не его содержание.
</li>
<li>
Чем больше привычек, тем меньше свободы.
</li>
<li>
Я видел в жизни много зла, но и оно не изменило моего отношения к добру.
</li>
<li type="circle">
Всякое дитя родится неученым.Долг родителей есть дать детям учение. [Екатерина II]
</li>
<li type="circle">
Диплом показывает лишь то, что вы знаете, где искать ответы.
</li>
</ul>
</li>
<li>
Если вам дали хорошее образование, это ещё не значит, что вы его получили. [Анатолий Рас]
</li>
</ol>
</li>
<li>
Можно привести лошадь к водопою, но нельзя заставить ее пить. [Английская пословица]
</li>
<li>
Лучше умно промолчать, чем глупо высказаться...
</li>
</ol>
Таблицы
<TABLE> - Для обрамления самой таблицы.
<TR> - Для обрамления рядов таблицы.
<TD> - Для обрамления ячеек.
<TH> … </TH> тех, что нужно показывать пожирнее, например заголовков.